@fluentui-react-native/experimental-avatar 0.14.20 → 0.14.23

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.
Files changed (42) hide show
  1. package/CHANGELOG.json +70 -1
  2. package/CHANGELOG.md +30 -2
  3. package/lib/JSAvatar.d.ts.map +1 -1
  4. package/lib/JSAvatar.helpers.d.ts +0 -5
  5. package/lib/JSAvatar.helpers.d.ts.map +1 -1
  6. package/lib/JSAvatar.helpers.js +0 -28
  7. package/lib/JSAvatar.helpers.js.map +1 -1
  8. package/lib/JSAvatar.js +2 -0
  9. package/lib/JSAvatar.js.map +1 -1
  10. package/lib/JSAvatar.styling.d.ts.map +1 -1
  11. package/lib/JSAvatar.styling.js +14 -34
  12. package/lib/JSAvatar.styling.js.map +1 -1
  13. package/lib/JSAvatar.types.d.ts +63 -17
  14. package/lib/JSAvatar.types.d.ts.map +1 -1
  15. package/lib/JSAvatar.types.js +35 -0
  16. package/lib/JSAvatar.types.js.map +1 -1
  17. package/lib/JSAvatarTokens.d.ts.map +1 -1
  18. package/lib/JSAvatarTokens.js +103 -5
  19. package/lib/JSAvatarTokens.js.map +1 -1
  20. package/lib-commonjs/JSAvatar.d.ts.map +1 -1
  21. package/lib-commonjs/JSAvatar.helpers.d.ts +0 -5
  22. package/lib-commonjs/JSAvatar.helpers.d.ts.map +1 -1
  23. package/lib-commonjs/JSAvatar.helpers.js +1 -30
  24. package/lib-commonjs/JSAvatar.helpers.js.map +1 -1
  25. package/lib-commonjs/JSAvatar.js +2 -0
  26. package/lib-commonjs/JSAvatar.js.map +1 -1
  27. package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
  28. package/lib-commonjs/JSAvatar.styling.js +12 -32
  29. package/lib-commonjs/JSAvatar.styling.js.map +1 -1
  30. package/lib-commonjs/JSAvatar.types.d.ts +63 -17
  31. package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
  32. package/lib-commonjs/JSAvatar.types.js +36 -1
  33. package/lib-commonjs/JSAvatar.types.js.map +1 -1
  34. package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
  35. package/lib-commonjs/JSAvatarTokens.js +103 -5
  36. package/lib-commonjs/JSAvatarTokens.js.map +1 -1
  37. package/package.json +6 -6
  38. package/src/JSAvatar.helpers.ts +0 -31
  39. package/src/JSAvatar.styling.ts +15 -35
  40. package/src/JSAvatar.tsx +2 -0
  41. package/src/JSAvatar.types.ts +98 -39
  42. package/src/JSAvatarTokens.ts +103 -5
package/CHANGELOG.json CHANGED
@@ -2,7 +2,76 @@
2
2
  "name": "@fluentui-react-native/experimental-avatar",
3
3
  "entries": [
4
4
  {
5
- "date": "Sat, 30 Apr 2022 06:33:26 GMT",
5
+ "date": "Wed, 04 May 2022 21:04:45 GMT",
6
+ "tag": "@fluentui-react-native/experimental-avatar_v0.14.23",
7
+ "version": "0.14.23",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui-react-native/experimental-avatar",
13
+ "comment": "Bump @fluentui-react-native/badge to v0.0.33",
14
+ "commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/experimental-avatar",
19
+ "comment": "Bump @fluentui-react-native/icon to v0.11.21",
20
+ "commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/experimental-avatar",
25
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.15.6",
26
+ "commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/experimental-avatar",
31
+ "comment": "Bump @fluentui-react-native/framework to v0.7.26",
32
+ "commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui-react-native/experimental-avatar",
37
+ "comment": "Bump @fluentui-react-native/tokens to v0.12.0",
38
+ "commit": "d503e2af4e84ba5c8c1c40ea3698fcbd1691dda6"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ {
44
+ "date": "Wed, 04 May 2022 09:56:42 GMT",
45
+ "tag": "@fluentui-react-native/experimental-avatar_v0.14.22",
46
+ "version": "0.14.22",
47
+ "comments": {
48
+ "patch": [
49
+ {
50
+ "author": "v.kozova13@gmail.com",
51
+ "package": "@fluentui-react-native/experimental-avatar",
52
+ "commit": "e234b88cdff692b01168fd190678f297f5d79c89",
53
+ "comment": "Changed colors for the Avatar"
54
+ }
55
+ ]
56
+ }
57
+ },
58
+ {
59
+ "date": "Mon, 02 May 2022 22:14:40 GMT",
60
+ "tag": "@fluentui-react-native/experimental-avatar_v0.14.21",
61
+ "version": "0.14.21",
62
+ "comments": {
63
+ "patch": [
64
+ {
65
+ "author": "ruaraki@microsoft.com",
66
+ "package": "@fluentui-react-native/experimental-avatar",
67
+ "commit": "7f2a2366130cbed420d6c81846f0c06b40b8c948",
68
+ "comment": "Fix avatar dependency"
69
+ }
70
+ ]
71
+ }
72
+ },
73
+ {
74
+ "date": "Sat, 30 Apr 2022 06:33:42 GMT",
6
75
  "tag": "@fluentui-react-native/experimental-avatar_v0.14.20",
7
76
  "version": "0.14.20",
8
77
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,40 @@
1
1
  # Change Log - @fluentui-react-native/experimental-avatar
2
2
 
3
- This log was last generated on Sat, 30 Apr 2022 06:33:26 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 04 May 2022 21:04:45 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.14.23
8
+
9
+ Wed, 04 May 2022 21:04:45 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/badge to v0.0.33
14
+ - Bump @fluentui-react-native/icon to v0.11.21
15
+ - Bump @fluentui-react-native/interactive-hooks to v0.15.6
16
+ - Bump @fluentui-react-native/framework to v0.7.26
17
+ - Bump @fluentui-react-native/tokens to v0.12.0
18
+
19
+ ## 0.14.22
20
+
21
+ Wed, 04 May 2022 09:56:42 GMT
22
+
23
+ ### Patches
24
+
25
+ - Changed colors for the Avatar (v.kozova13@gmail.com)
26
+
27
+ ## 0.14.21
28
+
29
+ Mon, 02 May 2022 22:14:40 GMT
30
+
31
+ ### Patches
32
+
33
+ - Fix avatar dependency (ruaraki@microsoft.com)
34
+
7
35
  ## 0.14.20
8
36
 
9
- Sat, 30 Apr 2022 06:33:26 GMT
37
+ Sat, 30 Apr 2022 06:33:42 GMT
10
38
 
11
39
  ### Patches
12
40
 
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,OAU5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAoCnB,CAAC"}
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"}
package/lib/JSAvatar.helpers.d.ts CHANGED
@@ -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
package/lib/JSAvatar.helpers.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.helpers.d.ts","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAS/C,oBAAY,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAyBF;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,CAErE;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAoB/C"}
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 {
package/lib/JSAvatar.helpers.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.helpers.js","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AACA,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,IAAM,gBAAgB,GAAmC;IACvD,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;IACjD,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;IACrC,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;IAC/C,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;IACrC,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;IACzC,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;IAC/C,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;IAC3C,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;IACzC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;IAC3C,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO;IACnC,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;IAC7C,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;IACzC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;IAC3C,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;IAC7C,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IACvC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;CACxC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,SAAsB;IAC3D,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAED,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"}
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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"}
package/lib/JSAvatar.styling.d.ts.map CHANGED
@@ -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,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAgBhD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CA6G7F,CAAC"}
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 { convertCoinColorFluent, getRingConfig } from './JSAvatar.helpers';
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: tokens.width,
58
- height: tokens.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: tokens.avatarOpacity,
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, coinColorFluent = tokens.coinColorFluent;
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: effectiveBackgroundColor }),
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(['coinColorFluent', 'backgroundColor', 'width', 'height'], borderStyles.keys, true)),
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,
package/lib/JSAvatar.styling.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
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
- * Sets color of the avatar when there is no picture. Uses fluent color names
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;
package/lib/JSAvatar.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
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
package/lib/JSAvatar.types.js.map CHANGED
@@ -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"}
package/lib/JSAvatarTokens.d.ts.map CHANGED
@@ -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;AAInC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAqGjD,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: 'white',
8
- iconStrokeColor: 'white',
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