@fluentui-react-native/experimental-avatar 0.14.25 → 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 +16 -1
- package/CHANGELOG.md +10 -2
- package/lib/JSAvatar.styling.d.ts.map +1 -1
- package/lib/JSAvatar.styling.js +6 -9
- package/lib/JSAvatar.styling.js.map +1 -1
- package/lib/JSAvatar.types.d.ts +2 -5
- package/lib/JSAvatar.types.d.ts.map +1 -1
- package/lib/JSAvatarTokens.d.ts.map +1 -1
- package/lib/JSAvatarTokens.js +128 -44
- package/lib/JSAvatarTokens.js.map +1 -1
- package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.styling.js +5 -8
- package/lib-commonjs/JSAvatar.styling.js.map +1 -1
- package/lib-commonjs/JSAvatar.types.d.ts +2 -5
- package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.js +128 -44
- package/lib-commonjs/JSAvatarTokens.js.map +1 -1
- package/package.json +1 -1
- package/src/JSAvatar.styling.ts +5 -6
- package/src/JSAvatar.types.ts +2 -5
- package/src/JSAvatarTokens.ts +128 -44
|
@@ -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,9 @@ 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],
|
|
12
15
|
width: 24,
|
|
13
16
|
height: 24,
|
|
14
17
|
circular: {
|
|
@@ -25,184 +28,265 @@ var defaultJSAvatarTokens = function (t) {
|
|
|
25
28
|
height: 20,
|
|
26
29
|
badgeSize: 'smallest',
|
|
27
30
|
iconSize: 16,
|
|
28
|
-
|
|
31
|
+
fontSize: theme_tokens_1.globalTokens.font.size[100],
|
|
32
|
+
square: {
|
|
33
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.small,
|
|
34
|
+
},
|
|
29
35
|
},
|
|
30
36
|
size24: {
|
|
31
37
|
width: 24,
|
|
32
38
|
height: 24,
|
|
33
39
|
badgeSize: 'smallest',
|
|
34
40
|
iconSize: 16,
|
|
35
|
-
|
|
41
|
+
fontSize: theme_tokens_1.globalTokens.font.size[100],
|
|
42
|
+
square: {
|
|
43
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.small,
|
|
44
|
+
},
|
|
36
45
|
},
|
|
37
46
|
size28: {
|
|
38
47
|
width: 28,
|
|
39
48
|
height: 28,
|
|
40
49
|
badgeSize: 'smaller',
|
|
41
50
|
iconSize: 20,
|
|
42
|
-
|
|
51
|
+
fontWeight: theme_tokens_1.globalTokens.font.weight.semibold,
|
|
52
|
+
fontSize: theme_tokens_1.globalTokens.font.size[100],
|
|
43
53
|
},
|
|
44
54
|
size32: {
|
|
45
55
|
width: 32,
|
|
46
56
|
height: 32,
|
|
47
57
|
badgeSize: 'smaller',
|
|
48
58
|
iconSize: 20,
|
|
49
|
-
|
|
59
|
+
fontSize: theme_tokens_1.globalTokens.font.size[100],
|
|
50
60
|
},
|
|
51
61
|
size36: {
|
|
52
62
|
width: 36,
|
|
53
63
|
height: 36,
|
|
54
64
|
badgeSize: 'smaller',
|
|
55
65
|
iconSize: 20,
|
|
56
|
-
initialsSize: 20,
|
|
57
66
|
},
|
|
58
67
|
size40: {
|
|
59
68
|
width: 40,
|
|
60
69
|
height: 40,
|
|
61
70
|
badgeSize: 'small',
|
|
62
71
|
iconSize: 20,
|
|
63
|
-
initialsSize: 20,
|
|
64
72
|
},
|
|
65
73
|
size48: {
|
|
66
74
|
width: 48,
|
|
67
75
|
height: 48,
|
|
68
76
|
badgeSize: 'small',
|
|
69
77
|
iconSize: 24,
|
|
70
|
-
initialsSize: 24,
|
|
71
78
|
},
|
|
72
79
|
size56: {
|
|
73
80
|
width: 56,
|
|
74
81
|
height: 56,
|
|
75
82
|
badgeSize: 'medium',
|
|
76
83
|
iconSize: 28,
|
|
77
|
-
|
|
84
|
+
fontSize: theme_tokens_1.globalTokens.font.size[400],
|
|
85
|
+
square: {
|
|
86
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
|
|
87
|
+
},
|
|
78
88
|
},
|
|
79
89
|
size64: {
|
|
80
90
|
width: 64,
|
|
81
91
|
height: 64,
|
|
82
92
|
badgeSize: 'large',
|
|
83
93
|
iconSize: 32,
|
|
84
|
-
|
|
94
|
+
fontSize: theme_tokens_1.globalTokens.font.size[500],
|
|
95
|
+
square: {
|
|
96
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
|
|
97
|
+
},
|
|
85
98
|
},
|
|
86
99
|
size72: {
|
|
87
100
|
width: 72,
|
|
88
101
|
height: 72,
|
|
89
102
|
badgeSize: 'large',
|
|
90
103
|
iconSize: 32,
|
|
91
|
-
|
|
104
|
+
fontSize: theme_tokens_1.globalTokens.font.size[500],
|
|
105
|
+
square: {
|
|
106
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
|
|
107
|
+
},
|
|
92
108
|
},
|
|
93
109
|
size96: {
|
|
94
110
|
width: 96,
|
|
95
111
|
height: 96,
|
|
96
112
|
badgeSize: 'largest',
|
|
97
113
|
iconSize: 48,
|
|
98
|
-
|
|
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
|
+
},
|
|
99
119
|
},
|
|
100
120
|
size120: {
|
|
101
121
|
width: 120,
|
|
102
122
|
height: 120,
|
|
103
123
|
badgeSize: 'largest',
|
|
104
124
|
iconSize: 48,
|
|
105
|
-
|
|
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
|
+
},
|
|
106
130
|
},
|
|
107
131
|
neutral: {
|
|
108
132
|
backgroundColor: t.colors.neutralBackground6,
|
|
109
133
|
color: t.colors.neutralForeground3,
|
|
110
|
-
|
|
134
|
+
borderColor: t.colors.defaultBorder,
|
|
111
135
|
},
|
|
112
136
|
brand: {
|
|
113
137
|
backgroundColor: t.colors.brandBackgroundStatic,
|
|
114
138
|
color: t.colors.neutralForegroundOnBrand,
|
|
115
|
-
|
|
139
|
+
borderColor: t.colors.brandedBorder,
|
|
116
140
|
},
|
|
117
141
|
darkRed: {
|
|
118
|
-
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,
|
|
119
145
|
},
|
|
120
146
|
cranberry: {
|
|
121
|
-
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,
|
|
122
150
|
},
|
|
123
151
|
red: {
|
|
124
|
-
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,
|
|
125
155
|
},
|
|
126
156
|
pumpkin: {
|
|
127
|
-
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,
|
|
128
160
|
},
|
|
129
161
|
peach: {
|
|
130
|
-
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,
|
|
131
165
|
},
|
|
132
166
|
marigold: {
|
|
133
|
-
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,
|
|
134
170
|
},
|
|
135
171
|
gold: {
|
|
136
|
-
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,
|
|
137
175
|
},
|
|
138
176
|
brass: {
|
|
139
|
-
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,
|
|
140
180
|
},
|
|
141
181
|
brown: {
|
|
142
|
-
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,
|
|
143
185
|
},
|
|
144
186
|
forest: {
|
|
145
|
-
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,
|
|
146
190
|
},
|
|
147
191
|
seafoam: {
|
|
148
|
-
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,
|
|
149
195
|
},
|
|
150
196
|
darkGreen: {
|
|
151
|
-
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,
|
|
152
200
|
},
|
|
153
201
|
lightTeal: {
|
|
154
|
-
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,
|
|
155
205
|
},
|
|
156
206
|
teal: {
|
|
157
|
-
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,
|
|
158
210
|
},
|
|
159
211
|
steel: {
|
|
160
|
-
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,
|
|
161
215
|
},
|
|
162
216
|
blue: {
|
|
163
|
-
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,
|
|
164
220
|
},
|
|
165
221
|
royalBlue: {
|
|
166
|
-
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,
|
|
167
225
|
},
|
|
168
226
|
cornflower: {
|
|
169
|
-
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,
|
|
170
230
|
},
|
|
171
231
|
navy: {
|
|
172
|
-
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,
|
|
173
235
|
},
|
|
174
236
|
lavender: {
|
|
175
|
-
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,
|
|
176
240
|
},
|
|
177
241
|
purple: {
|
|
178
|
-
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,
|
|
179
245
|
},
|
|
180
246
|
grape: {
|
|
181
|
-
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,
|
|
182
250
|
},
|
|
183
251
|
lilac: {
|
|
184
|
-
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,
|
|
185
255
|
},
|
|
186
256
|
pink: {
|
|
187
|
-
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,
|
|
188
260
|
},
|
|
189
261
|
magenta: {
|
|
190
|
-
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,
|
|
191
265
|
},
|
|
192
266
|
plum: {
|
|
193
|
-
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,
|
|
194
270
|
},
|
|
195
271
|
beige: {
|
|
196
|
-
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,
|
|
197
275
|
},
|
|
198
276
|
mink: {
|
|
199
|
-
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,
|
|
200
280
|
},
|
|
201
281
|
platinum: {
|
|
202
|
-
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,
|
|
203
285
|
},
|
|
204
286
|
anchor: {
|
|
205
|
-
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,
|
|
206
290
|
},
|
|
207
291
|
});
|
|
208
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,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,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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"}
|
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
|
@@ -3,7 +3,7 @@ import { Theme, UseStylingOptions, buildProps } from '@fluentui-react-native/fra
|
|
|
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',
|
|
@@ -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) => {
|
package/src/JSAvatar.types.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
2
2
|
import { ImageProps, ViewProps, TextProps, ColorValue } from 'react-native';
|
|
3
|
-
import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
|
|
3
|
+
import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens, FontTokens } from '@fluentui-react-native/tokens';
|
|
4
4
|
import { BadgeProps, PresenceBadgeProps, BadgeSize } from '@fluentui-react-native/badge';
|
|
5
5
|
import { IconProps, IconSourcesType } from '@fluentui-react-native/icon';
|
|
6
6
|
|
|
@@ -69,7 +69,6 @@ export type IconAlignment = 'start' | 'center' | 'end';
|
|
|
69
69
|
export interface RingConfig {
|
|
70
70
|
accent?: boolean;
|
|
71
71
|
transparent?: boolean;
|
|
72
|
-
ringColor?: ColorValue; // glow
|
|
73
72
|
ringBackgroundColor?: ColorValue; // inner/outer rings
|
|
74
73
|
ringThickness?: number;
|
|
75
74
|
innerGap?: number;
|
|
@@ -159,9 +158,8 @@ export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
|
|
|
159
158
|
src?: string;
|
|
160
159
|
}
|
|
161
160
|
|
|
162
|
-
export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens {
|
|
161
|
+
export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens, FontTokens {
|
|
163
162
|
iconSize?: number;
|
|
164
|
-
initialsSize?: number;
|
|
165
163
|
height?: number;
|
|
166
164
|
horizontalIconAlignment?: IconAlignment;
|
|
167
165
|
verticalIconAlignment?: IconAlignment;
|
|
@@ -169,7 +167,6 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
|
|
|
169
167
|
square?: JSAvatarTokens;
|
|
170
168
|
inactive?: JSAvatarTokens;
|
|
171
169
|
avatarOpacity?: number;
|
|
172
|
-
ringColor?: ColorValue;
|
|
173
170
|
size20?: JSAvatarTokens;
|
|
174
171
|
size24?: JSAvatarTokens;
|
|
175
172
|
size28?: JSAvatarTokens;
|