@fluentui-react-native/experimental-avatar 0.14.21 → 0.14.22
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.d.ts.map +1 -1
- package/lib/JSAvatar.helpers.d.ts +0 -5
- package/lib/JSAvatar.helpers.d.ts.map +1 -1
- package/lib/JSAvatar.helpers.js +0 -28
- package/lib/JSAvatar.helpers.js.map +1 -1
- package/lib/JSAvatar.js +2 -0
- package/lib/JSAvatar.js.map +1 -1
- package/lib/JSAvatar.styling.d.ts.map +1 -1
- package/lib/JSAvatar.styling.js +14 -34
- package/lib/JSAvatar.styling.js.map +1 -1
- package/lib/JSAvatar.types.d.ts +63 -17
- package/lib/JSAvatar.types.d.ts.map +1 -1
- package/lib/JSAvatar.types.js +35 -0
- package/lib/JSAvatar.types.js.map +1 -1
- package/lib/JSAvatarTokens.d.ts.map +1 -1
- package/lib/JSAvatarTokens.js +103 -5
- package/lib/JSAvatarTokens.js.map +1 -1
- package/lib-commonjs/JSAvatar.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.helpers.d.ts +0 -5
- package/lib-commonjs/JSAvatar.helpers.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.helpers.js +1 -30
- package/lib-commonjs/JSAvatar.helpers.js.map +1 -1
- package/lib-commonjs/JSAvatar.js +2 -0
- package/lib-commonjs/JSAvatar.js.map +1 -1
- package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.styling.js +12 -32
- package/lib-commonjs/JSAvatar.styling.js.map +1 -1
- package/lib-commonjs/JSAvatar.types.d.ts +63 -17
- package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.types.js +36 -1
- package/lib-commonjs/JSAvatar.types.js.map +1 -1
- package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.js +103 -5
- package/lib-commonjs/JSAvatarTokens.js.map +1 -1
- package/package.json +1 -1
- package/src/JSAvatar.helpers.ts +0 -31
- package/src/JSAvatar.styling.ts +15 -35
- package/src/JSAvatar.tsx +2 -0
- package/src/JSAvatar.types.ts +98 -39
- package/src/JSAvatarTokens.ts +103 -5
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-avatar",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 04 May 2022 09:56:29 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/experimental-avatar_v0.14.22",
|
|
7
|
+
"version": "0.14.22",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "v.kozova13@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-avatar",
|
|
13
|
+
"commit": "e234b88cdff692b01168fd190678f297f5d79c89",
|
|
14
|
+
"comment": "Changed colors for the Avatar"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Mon, 02 May 2022 22:14:40 GMT",
|
|
6
21
|
"tag": "@fluentui-react-native/experimental-avatar_v0.14.21",
|
|
7
22
|
"version": "0.14.21",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-avatar
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 04 May 2022 09:56:29 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.14.22
|
|
8
|
+
|
|
9
|
+
Wed, 04 May 2022 09:56:29 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Changed colors for the Avatar (v.kozova13@gmail.com)
|
|
14
|
+
|
|
7
15
|
## 0.14.21
|
|
8
16
|
|
|
9
|
-
Mon, 02 May 2022 22:14:
|
|
17
|
+
Mon, 02 May 2022 22:14:40 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
package/lib/JSAvatar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,
|
|
1
|
+
{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAY5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAoCnB,CAAC"}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
import { AvatarColor } from './JSAvatar.types';
|
|
2
1
|
export declare type AvatarSizeConfig = {
|
|
3
2
|
iconSize: number;
|
|
4
3
|
iconStrokeWidth: number;
|
|
5
4
|
initialsSize: number;
|
|
6
5
|
};
|
|
7
|
-
/**
|
|
8
|
-
* Converts the AvatarColor into a hex color value
|
|
9
|
-
*/
|
|
10
|
-
export declare function convertCoinColorFluent(coinColor: AvatarColor): string;
|
|
11
6
|
export declare function getRingConfig(size: number): any;
|
|
12
7
|
//# sourceMappingURL=JSAvatar.helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.helpers.d.ts","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"JSAvatar.helpers.d.ts","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AAQA,oBAAY,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAoB/C"}
|
package/lib/JSAvatar.helpers.js
CHANGED
|
@@ -4,34 +4,6 @@ var sizeAdjustment = {
|
|
|
4
4
|
medium: 12,
|
|
5
5
|
large: 16,
|
|
6
6
|
};
|
|
7
|
-
var colorTableFluent = {
|
|
8
|
-
cornflower: globalTokens.color.cornflower.primary,
|
|
9
|
-
blue: globalTokens.color.blue.primary,
|
|
10
|
-
royalBlue: globalTokens.color.royalBlue.primary,
|
|
11
|
-
teal: globalTokens.color.teal.primary,
|
|
12
|
-
forest: globalTokens.color.forest.primary,
|
|
13
|
-
darkGreen: globalTokens.color.darkGreen.primary,
|
|
14
|
-
berry: globalTokens.color.berry.primary,
|
|
15
|
-
hotPink: globalTokens.color.hotPink.primary,
|
|
16
|
-
grape: globalTokens.color.grape.primary,
|
|
17
|
-
purple: globalTokens.color.purple.primary,
|
|
18
|
-
pumpkin: globalTokens.color.pumpkin.primary,
|
|
19
|
-
red: globalTokens.color.red.primary,
|
|
20
|
-
burgundy: globalTokens.color.burgundy.primary,
|
|
21
|
-
orchid: globalTokens.color.orchid.primary,
|
|
22
|
-
brass: globalTokens.color.brass.primary,
|
|
23
|
-
darkRed: globalTokens.color.darkRed.primary,
|
|
24
|
-
beige: globalTokens.color.beige.primary,
|
|
25
|
-
platinum: globalTokens.color.platinum.primary,
|
|
26
|
-
steel: globalTokens.color.steel.primary,
|
|
27
|
-
brown: globalTokens.color.brown.primary,
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* Converts the AvatarColor into a hex color value
|
|
31
|
-
*/
|
|
32
|
-
export function convertCoinColorFluent(coinColor) {
|
|
33
|
-
return colorTableFluent[coinColor];
|
|
34
|
-
}
|
|
35
7
|
export function getRingConfig(size) {
|
|
36
8
|
if (size <= 48) {
|
|
37
9
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.helpers.js","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"JSAvatar.helpers.js","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,IAAM,cAAc,GAAG;IACrB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAC;AAQF,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,IAAI,IAAI,IAAI,EAAE,EAAE;QACd,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK;YACjC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;YACvC,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;SAC7C,CAAC;KACH;IACD,IAAI,IAAI,IAAI,EAAE,EAAE;QACd,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM;YAClC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;YACzC,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;SAC/C,CAAC;KACH;IACD,OAAO;QACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK;QACjC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC1C,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;KAChD,CAAC;AACJ,CAAC"}
|
package/lib/JSAvatar.js
CHANGED
|
@@ -42,6 +42,8 @@ export var avatarLookup = function (layer, state, userProps) {
|
|
|
42
42
|
userProps[layer] ||
|
|
43
43
|
layer === userProps['shape'] ||
|
|
44
44
|
(!userProps['shape'] && layer === 'circular') ||
|
|
45
|
+
layer === userProps['avatarColor'] ||
|
|
46
|
+
(!userProps['avatarColor'] && layer === 'brand') ||
|
|
45
47
|
layer === userProps['size'] ||
|
|
46
48
|
(!userProps['size'] && layer === 'size56') ||
|
|
47
49
|
(userProps.active === 'inactive' && layer === 'inactive'));
|
package/lib/JSAvatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAA6B,MAAM,kBAAkB,CAAC;AAC3H,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAwE,CAAC;AAE1H,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAyG7F,CAAC"}
|
package/lib/JSAvatar.styling.js
CHANGED
|
@@ -18,49 +18,33 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
18
18
|
}
|
|
19
19
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
20
|
};
|
|
21
|
-
import { JSAvatarName } from './JSAvatar.types';
|
|
21
|
+
import { JSAvatarName, AvatarColors, AvatarSizes } from './JSAvatar.types';
|
|
22
22
|
import { buildProps } from '@fluentui-react-native/framework';
|
|
23
23
|
import { defaultJSAvatarTokens } from './JSAvatarTokens';
|
|
24
|
-
import {
|
|
24
|
+
import { getRingConfig } from './JSAvatar.helpers';
|
|
25
25
|
import { borderStyles } from '@fluentui-react-native/tokens';
|
|
26
26
|
var nameMap = {
|
|
27
27
|
start: 'flex-start',
|
|
28
28
|
center: 'center',
|
|
29
29
|
end: 'flex-end',
|
|
30
30
|
};
|
|
31
|
-
export var avatarStates = [
|
|
32
|
-
'circular',
|
|
33
|
-
'square',
|
|
34
|
-
'inactive',
|
|
35
|
-
'size20',
|
|
36
|
-
'size24',
|
|
37
|
-
'size28',
|
|
38
|
-
'size32',
|
|
39
|
-
'size36',
|
|
40
|
-
'size40',
|
|
41
|
-
'size48',
|
|
42
|
-
'size56',
|
|
43
|
-
'size64',
|
|
44
|
-
'size72',
|
|
45
|
-
'size96',
|
|
46
|
-
'size120',
|
|
47
|
-
];
|
|
31
|
+
export var avatarStates = __spreadArray(__spreadArray(__spreadArray([], AvatarColors, true), AvatarSizes, true), ['circular', 'square', 'inactive'], false);
|
|
48
32
|
export var stylingSettings = {
|
|
49
33
|
tokens: [defaultJSAvatarTokens, JSAvatarName],
|
|
50
34
|
states: avatarStates,
|
|
51
35
|
slotProps: {
|
|
52
36
|
root: buildProps(function (tokens) {
|
|
53
|
-
var horizontalIconAlignment = tokens.horizontalIconAlignment, verticalIconAlignment = tokens.verticalIconAlignment;
|
|
37
|
+
var horizontalIconAlignment = tokens.horizontalIconAlignment, verticalIconAlignment = tokens.verticalIconAlignment, width = tokens.width, height = tokens.height, avatarOpacity = tokens.avatarOpacity;
|
|
54
38
|
return {
|
|
55
39
|
style: {
|
|
56
40
|
flexDirection: 'row',
|
|
57
|
-
width:
|
|
58
|
-
height:
|
|
41
|
+
width: width,
|
|
42
|
+
height: height,
|
|
59
43
|
justifyContent: nameMap[horizontalIconAlignment || 'end'],
|
|
60
44
|
alignItems: nameMap[verticalIconAlignment || 'end'],
|
|
61
45
|
horizontalIconAlignment: horizontalIconAlignment,
|
|
62
46
|
verticalIconAlignment: verticalIconAlignment,
|
|
63
|
-
opacity:
|
|
47
|
+
opacity: avatarOpacity,
|
|
64
48
|
},
|
|
65
49
|
};
|
|
66
50
|
}, ['horizontalIconAlignment', 'verticalIconAlignment', 'avatarOpacity', 'height', 'width']),
|
|
@@ -68,19 +52,16 @@ export var stylingSettings = {
|
|
|
68
52
|
return {
|
|
69
53
|
style: {
|
|
70
54
|
fontSize: tokens.initialsSize,
|
|
55
|
+
color: tokens.color,
|
|
71
56
|
},
|
|
72
57
|
};
|
|
73
|
-
}, ['initialsSize']),
|
|
58
|
+
}, ['initialsSize', 'color']),
|
|
74
59
|
initialsBackground: buildProps(function (tokens, theme) {
|
|
75
|
-
var backgroundColor = tokens.backgroundColor
|
|
76
|
-
var effectiveBackgroundColor = backgroundColor;
|
|
77
|
-
if (coinColorFluent) {
|
|
78
|
-
effectiveBackgroundColor = convertCoinColorFluent(coinColorFluent);
|
|
79
|
-
}
|
|
60
|
+
var backgroundColor = tokens.backgroundColor;
|
|
80
61
|
return {
|
|
81
|
-
style: __assign(__assign({}, borderStyles.from(tokens, theme)), { width: tokens.width, height: tokens.height, flexGrow: 1, alignSelf: 'stretch', justifyContent: 'center', alignItems: 'center', backgroundColor:
|
|
62
|
+
style: __assign(__assign({}, borderStyles.from(tokens, theme)), { width: tokens.width, height: tokens.height, flexGrow: 1, alignSelf: 'stretch', justifyContent: 'center', alignItems: 'center', backgroundColor: backgroundColor }),
|
|
82
63
|
};
|
|
83
|
-
}, __spreadArray(['
|
|
64
|
+
}, __spreadArray(['backgroundColor', 'width', 'height'], borderStyles.keys, true)),
|
|
84
65
|
image: buildProps(function (tokens) {
|
|
85
66
|
return {
|
|
86
67
|
style: {
|
|
@@ -101,11 +82,10 @@ export var stylingSettings = {
|
|
|
101
82
|
}, ['iconSize']),
|
|
102
83
|
ring: buildProps(function (tokens, theme) {
|
|
103
84
|
var ringConfig = getRingConfig(tokens.width);
|
|
104
|
-
var ringColor = tokens.ringColor;
|
|
105
85
|
return {
|
|
106
|
-
style: __assign({ borderStyle: 'solid', borderColor: ringColor, borderWidth: ringConfig.stroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, borderStyles.from(tokens, theme)),
|
|
86
|
+
style: __assign({ borderStyle: 'solid', borderColor: tokens.ringColor, borderWidth: ringConfig.stroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, borderStyles.from(tokens, theme)),
|
|
107
87
|
};
|
|
108
|
-
}, __spreadArray(['width', 'height'], borderStyles.keys, true)),
|
|
88
|
+
}, __spreadArray(['width', 'height', 'ringColor'], borderStyles.keys, true)),
|
|
109
89
|
badge: buildProps(function (tokens) {
|
|
110
90
|
return {
|
|
111
91
|
size: tokens.badgeSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAkD,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
|
package/lib/JSAvatar.types.d.ts
CHANGED
|
@@ -5,14 +5,17 @@ import { BadgeProps, PresenceBadgeProps, BadgeSize } from '@fluentui-react-nativ
|
|
|
5
5
|
import { IconProps, IconSourcesType } from '@fluentui-react-native/icon';
|
|
6
6
|
export declare const JSAvatarName = "Avatar";
|
|
7
7
|
export declare const AvatarSizes: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
|
|
8
|
+
/**
|
|
9
|
+
* Sets color of the avatar when there is no picture. Uses fluent color names
|
|
10
|
+
*/
|
|
11
|
+
export declare const AvatarColors: readonly ["darkRed", "cranberry", "red", "pumpkin", "peach", "marigold", "gold", "brass", "brown", "forest", "seafoam", "darkGreen", "lightTeal", "teal", "steel", "blue", "royalBlue", "cornflower", "navy", "lavender", "purple", "grape", "lilac", "pink", "magenta", "plum", "beige", "mink", "platinum", "anchor"];
|
|
8
12
|
export declare type AvatarSize = typeof AvatarSizes[number];
|
|
13
|
+
export declare type AvatarNamedColor = typeof AvatarColors[number];
|
|
9
14
|
export declare type AvatarShape = 'circular' | 'square';
|
|
10
15
|
export declare type AvatarActive = 'active' | 'inactive' | 'unset';
|
|
11
16
|
export declare type AvatarActiveAppearance = 'ring' | 'shadow' | 'glow' | 'ring-shadow' | 'ring-glow';
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
*/
|
|
15
|
-
export declare type AvatarColor = 'cornflower' | 'blue' | 'royalBlue' | 'teal' | 'forest' | 'darkGreen' | 'berry' | 'hotPink' | 'grape' | 'purple' | 'pumpkin' | 'red' | 'burgundy' | 'orchid' | 'brass' | 'darkRed' | 'beige' | 'platinum' | 'steel' | 'brown';
|
|
17
|
+
export declare type AvatarColor = 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;
|
|
18
|
+
export declare type IconAlignment = 'start' | 'center' | 'end';
|
|
16
19
|
export interface RingConfig {
|
|
17
20
|
accent?: boolean;
|
|
18
21
|
transparent?: boolean;
|
|
@@ -22,35 +25,37 @@ export interface RingConfig {
|
|
|
22
25
|
innerGap?: number;
|
|
23
26
|
}
|
|
24
27
|
export interface AvatarConfigurableProps {
|
|
28
|
+
/**
|
|
29
|
+
* The color when displaying either an icon or initials.
|
|
30
|
+
* * neutral (default): gray
|
|
31
|
+
* * brand: color from the brand palette
|
|
32
|
+
* * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
|
|
33
|
+
* * [AvatarNamedColor]: a specific color from the theme
|
|
34
|
+
*
|
|
35
|
+
* @defaultvalue neutral
|
|
36
|
+
*/
|
|
37
|
+
avatarColor?: AvatarColor;
|
|
25
38
|
size?: AvatarSize;
|
|
26
39
|
ring?: RingConfig;
|
|
27
|
-
coinColorFluent?: AvatarColor;
|
|
28
40
|
}
|
|
29
41
|
export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
|
|
30
42
|
active?: AvatarActive;
|
|
31
43
|
activeAppearance?: AvatarActiveAppearance;
|
|
32
44
|
badge?: PresenceBadgeProps;
|
|
33
45
|
icon?: IconSourcesType;
|
|
46
|
+
/**
|
|
47
|
+
* Specify a string to be used instead of the name, to determine which color to use when color="colorful".
|
|
48
|
+
* Use this when a name is not available, but there is another unique identifier that can be used instead.
|
|
49
|
+
*/
|
|
50
|
+
idForColor?: string | undefined;
|
|
34
51
|
image?: ImageProps;
|
|
35
52
|
initials?: string;
|
|
36
53
|
name?: string;
|
|
37
54
|
shape?: AvatarShape;
|
|
38
55
|
src?: string;
|
|
39
56
|
}
|
|
40
|
-
export interface AvatarSlotProps {
|
|
41
|
-
root: ViewProps;
|
|
42
|
-
image: ImageProps;
|
|
43
|
-
initials: TextProps;
|
|
44
|
-
initialsBackground: ViewProps;
|
|
45
|
-
icon: IconProps;
|
|
46
|
-
ring: ViewProps;
|
|
47
|
-
badge: BadgeProps;
|
|
48
|
-
}
|
|
49
|
-
export declare type IconAlignment = 'start' | 'center' | 'end';
|
|
50
57
|
export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens {
|
|
51
58
|
iconSize?: number;
|
|
52
|
-
iconStrokeWidth?: number;
|
|
53
|
-
iconStrokeColor?: string;
|
|
54
59
|
initialsSize?: number;
|
|
55
60
|
height?: number;
|
|
56
61
|
horizontalIconAlignment?: IconAlignment;
|
|
@@ -74,6 +79,47 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
|
|
|
74
79
|
size120?: JSAvatarTokens;
|
|
75
80
|
width?: number;
|
|
76
81
|
badgeSize?: BadgeSize;
|
|
82
|
+
neutral?: JSAvatarTokens;
|
|
83
|
+
brand?: JSAvatarTokens;
|
|
84
|
+
darkRed?: JSAvatarTokens;
|
|
85
|
+
cranberry?: JSAvatarTokens;
|
|
86
|
+
red?: JSAvatarTokens;
|
|
87
|
+
pumpkin?: JSAvatarTokens;
|
|
88
|
+
peach?: JSAvatarTokens;
|
|
89
|
+
marigold?: JSAvatarTokens;
|
|
90
|
+
gold?: JSAvatarTokens;
|
|
91
|
+
brass?: JSAvatarTokens;
|
|
92
|
+
brown?: JSAvatarTokens;
|
|
93
|
+
forest?: JSAvatarTokens;
|
|
94
|
+
seafoam?: JSAvatarTokens;
|
|
95
|
+
darkGreen?: JSAvatarTokens;
|
|
96
|
+
lightTeal?: JSAvatarTokens;
|
|
97
|
+
teal?: JSAvatarTokens;
|
|
98
|
+
steel?: JSAvatarTokens;
|
|
99
|
+
blue?: JSAvatarTokens;
|
|
100
|
+
royalBlue?: JSAvatarTokens;
|
|
101
|
+
cornflower?: JSAvatarTokens;
|
|
102
|
+
navy?: JSAvatarTokens;
|
|
103
|
+
lavender?: JSAvatarTokens;
|
|
104
|
+
purple?: JSAvatarTokens;
|
|
105
|
+
grape?: JSAvatarTokens;
|
|
106
|
+
lilac?: JSAvatarTokens;
|
|
107
|
+
pink?: JSAvatarTokens;
|
|
108
|
+
magenta?: JSAvatarTokens;
|
|
109
|
+
plum?: JSAvatarTokens;
|
|
110
|
+
beige?: JSAvatarTokens;
|
|
111
|
+
mink?: JSAvatarTokens;
|
|
112
|
+
platinum?: JSAvatarTokens;
|
|
113
|
+
anchor?: JSAvatarTokens;
|
|
114
|
+
}
|
|
115
|
+
export interface AvatarSlotProps {
|
|
116
|
+
root: ViewProps;
|
|
117
|
+
image: ImageProps;
|
|
118
|
+
initials: TextProps;
|
|
119
|
+
initialsBackground: ViewProps;
|
|
120
|
+
icon: IconProps;
|
|
121
|
+
ring: ViewProps;
|
|
122
|
+
badge: BadgeProps;
|
|
77
123
|
}
|
|
78
124
|
export interface JSAvatarState {
|
|
79
125
|
showRing: boolean;
|
|
@@ -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;AAC9G,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEzE,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,WAAW,oIAad,CAAC;AACX,oBAAY,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
|
package/lib/JSAvatar.types.js
CHANGED
|
@@ -13,4 +13,39 @@ export var AvatarSizes = [
|
|
|
13
13
|
'size96',
|
|
14
14
|
'size120',
|
|
15
15
|
];
|
|
16
|
+
/**
|
|
17
|
+
* Sets color of the avatar when there is no picture. Uses fluent color names
|
|
18
|
+
*/
|
|
19
|
+
export var AvatarColors = [
|
|
20
|
+
'darkRed',
|
|
21
|
+
'cranberry',
|
|
22
|
+
'red',
|
|
23
|
+
'pumpkin',
|
|
24
|
+
'peach',
|
|
25
|
+
'marigold',
|
|
26
|
+
'gold',
|
|
27
|
+
'brass',
|
|
28
|
+
'brown',
|
|
29
|
+
'forest',
|
|
30
|
+
'seafoam',
|
|
31
|
+
'darkGreen',
|
|
32
|
+
'lightTeal',
|
|
33
|
+
'teal',
|
|
34
|
+
'steel',
|
|
35
|
+
'blue',
|
|
36
|
+
'royalBlue',
|
|
37
|
+
'cornflower',
|
|
38
|
+
'navy',
|
|
39
|
+
'lavender',
|
|
40
|
+
'purple',
|
|
41
|
+
'grape',
|
|
42
|
+
'lilac',
|
|
43
|
+
'pink',
|
|
44
|
+
'magenta',
|
|
45
|
+
'plum',
|
|
46
|
+
'beige',
|
|
47
|
+
'mink',
|
|
48
|
+
'platinum',
|
|
49
|
+
'anchor',
|
|
50
|
+
];
|
|
16
51
|
//# sourceMappingURL=JSAvatar.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,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"}
|
|
1
|
+
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,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;AAEX;;GAEG;AACH,MAAM,CAAC,IAAM,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;
|
|
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,CAwMjD,CAAC"}
|
package/lib/JSAvatarTokens.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { convertCoinColorFluent } from './JSAvatar.helpers';
|
|
2
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
3
|
-
export var defaultJSAvatarTokens = function () {
|
|
2
|
+
export var defaultJSAvatarTokens = function (t) {
|
|
4
3
|
return ({
|
|
5
4
|
horizontalIconAlignment: 'end',
|
|
6
5
|
verticalIconAlignment: 'end',
|
|
7
|
-
color:
|
|
8
|
-
|
|
9
|
-
backgroundColor: convertCoinColorFluent('cornflower'),
|
|
6
|
+
color: globalTokens.color.white,
|
|
7
|
+
backgroundColor: globalTokens.color.cornflower.primary,
|
|
10
8
|
avatarOpacity: 1,
|
|
11
9
|
circular: {
|
|
12
10
|
borderRadius: globalTokens.corner.radius.circle,
|
|
@@ -101,6 +99,106 @@ export var defaultJSAvatarTokens = function () {
|
|
|
101
99
|
iconSize: 40,
|
|
102
100
|
initialsSize: 48,
|
|
103
101
|
},
|
|
102
|
+
neutral: {
|
|
103
|
+
backgroundColor: t.colors.neutralBackground6,
|
|
104
|
+
color: t.colors.neutralForeground3,
|
|
105
|
+
ringColor: t.colors.defaultBorder,
|
|
106
|
+
},
|
|
107
|
+
brand: {
|
|
108
|
+
backgroundColor: t.colors.brandBackgroundStatic,
|
|
109
|
+
color: t.colors.neutralForegroundOnBrand,
|
|
110
|
+
ringColor: t.colors.brandedBorder,
|
|
111
|
+
},
|
|
112
|
+
darkRed: {
|
|
113
|
+
backgroundColor: globalTokens.color.darkRed.primary,
|
|
114
|
+
},
|
|
115
|
+
cranberry: {
|
|
116
|
+
backgroundColor: globalTokens.color.cranberry.primary,
|
|
117
|
+
},
|
|
118
|
+
red: {
|
|
119
|
+
backgroundColor: globalTokens.color.red.primary,
|
|
120
|
+
},
|
|
121
|
+
pumpkin: {
|
|
122
|
+
backgroundColor: globalTokens.color.pumpkin.primary,
|
|
123
|
+
},
|
|
124
|
+
peach: {
|
|
125
|
+
backgroundColor: globalTokens.color.peach.primary,
|
|
126
|
+
},
|
|
127
|
+
marigold: {
|
|
128
|
+
backgroundColor: globalTokens.color.marigold.primary,
|
|
129
|
+
},
|
|
130
|
+
gold: {
|
|
131
|
+
backgroundColor: globalTokens.color.gold.primary,
|
|
132
|
+
},
|
|
133
|
+
brass: {
|
|
134
|
+
backgroundColor: globalTokens.color.brass.primary,
|
|
135
|
+
},
|
|
136
|
+
brown: {
|
|
137
|
+
backgroundColor: globalTokens.color.brown.primary,
|
|
138
|
+
},
|
|
139
|
+
forest: {
|
|
140
|
+
backgroundColor: globalTokens.color.forest.primary,
|
|
141
|
+
},
|
|
142
|
+
seafoam: {
|
|
143
|
+
backgroundColor: globalTokens.color.seafoam.primary,
|
|
144
|
+
},
|
|
145
|
+
darkGreen: {
|
|
146
|
+
backgroundColor: globalTokens.color.darkGreen.primary,
|
|
147
|
+
},
|
|
148
|
+
lightTeal: {
|
|
149
|
+
backgroundColor: globalTokens.color.lightTeal.primary,
|
|
150
|
+
},
|
|
151
|
+
teal: {
|
|
152
|
+
backgroundColor: globalTokens.color.teal.primary,
|
|
153
|
+
},
|
|
154
|
+
steel: {
|
|
155
|
+
backgroundColor: globalTokens.color.steel.primary,
|
|
156
|
+
},
|
|
157
|
+
blue: {
|
|
158
|
+
backgroundColor: globalTokens.color.blue.primary,
|
|
159
|
+
},
|
|
160
|
+
royalBlue: {
|
|
161
|
+
backgroundColor: globalTokens.color.royalBlue.primary,
|
|
162
|
+
},
|
|
163
|
+
cornflower: {
|
|
164
|
+
backgroundColor: globalTokens.color.cornflower.primary,
|
|
165
|
+
},
|
|
166
|
+
navy: {
|
|
167
|
+
backgroundColor: globalTokens.color.navy.primary,
|
|
168
|
+
},
|
|
169
|
+
lavender: {
|
|
170
|
+
backgroundColor: globalTokens.color.lavender.primary,
|
|
171
|
+
},
|
|
172
|
+
purple: {
|
|
173
|
+
backgroundColor: globalTokens.color.purple.primary,
|
|
174
|
+
},
|
|
175
|
+
grape: {
|
|
176
|
+
backgroundColor: globalTokens.color.grape.primary,
|
|
177
|
+
},
|
|
178
|
+
lilac: {
|
|
179
|
+
backgroundColor: globalTokens.color.lilac.primary,
|
|
180
|
+
},
|
|
181
|
+
pink: {
|
|
182
|
+
backgroundColor: globalTokens.color.pink.primary,
|
|
183
|
+
},
|
|
184
|
+
magenta: {
|
|
185
|
+
backgroundColor: globalTokens.color.magenta.primary,
|
|
186
|
+
},
|
|
187
|
+
plum: {
|
|
188
|
+
backgroundColor: globalTokens.color.plum.primary,
|
|
189
|
+
},
|
|
190
|
+
beige: {
|
|
191
|
+
backgroundColor: globalTokens.color.beige.primary,
|
|
192
|
+
},
|
|
193
|
+
mink: {
|
|
194
|
+
backgroundColor: globalTokens.color.mink.primary,
|
|
195
|
+
},
|
|
196
|
+
platinum: {
|
|
197
|
+
backgroundColor: globalTokens.color.platinum.primary,
|
|
198
|
+
},
|
|
199
|
+
anchor: {
|
|
200
|
+
backgroundColor: globalTokens.color.anchor.primary,
|
|
201
|
+
},
|
|
104
202
|
});
|
|
105
203
|
};
|
|
106
204
|
//# sourceMappingURL=JSAvatarTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,
|
|
1
|
+
{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAY5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAoCnB,CAAC"}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
import { AvatarColor } from './JSAvatar.types';
|
|
2
1
|
export declare type AvatarSizeConfig = {
|
|
3
2
|
iconSize: number;
|
|
4
3
|
iconStrokeWidth: number;
|
|
5
4
|
initialsSize: number;
|
|
6
5
|
};
|
|
7
|
-
/**
|
|
8
|
-
* Converts the AvatarColor into a hex color value
|
|
9
|
-
*/
|
|
10
|
-
export declare function convertCoinColorFluent(coinColor: AvatarColor): string;
|
|
11
6
|
export declare function getRingConfig(size: number): any;
|
|
12
7
|
//# sourceMappingURL=JSAvatar.helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.helpers.d.ts","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"JSAvatar.helpers.d.ts","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AAQA,oBAAY,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAoB/C"}
|