@fluentui-react-native/experimental-avatar 0.14.43 → 0.14.44

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 (57) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/MIGRATION.md +1 -2
  4. package/SPEC.md +1 -11
  5. package/lib/JSAvatar.d.ts +2 -2
  6. package/lib/JSAvatar.d.ts.map +1 -1
  7. package/lib/JSAvatar.js +17 -8
  8. package/lib/JSAvatar.js.map +1 -1
  9. package/lib/JSAvatar.styling.d.ts.map +1 -1
  10. package/lib/JSAvatar.styling.js +69 -25
  11. package/lib/JSAvatar.styling.js.map +1 -1
  12. package/lib/JSAvatar.types.d.ts +43 -22
  13. package/lib/JSAvatar.types.d.ts.map +1 -1
  14. package/lib/JSAvatarTokens.d.ts.map +1 -1
  15. package/lib/JSAvatarTokens.js +0 -2
  16. package/lib/JSAvatarTokens.js.map +1 -1
  17. package/lib/JSAvatarTokens.win32.d.ts.map +1 -1
  18. package/lib/JSAvatarTokens.win32.js +0 -2
  19. package/lib/JSAvatarTokens.win32.js.map +1 -1
  20. package/lib/useAvatar.d.ts.map +1 -1
  21. package/lib/useAvatar.js +5 -4
  22. package/lib/useAvatar.js.map +1 -1
  23. package/lib-commonjs/JSAvatar.d.ts +2 -2
  24. package/lib-commonjs/JSAvatar.d.ts.map +1 -1
  25. package/lib-commonjs/JSAvatar.js +16 -7
  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 +69 -25
  29. package/lib-commonjs/JSAvatar.styling.js.map +1 -1
  30. package/lib-commonjs/JSAvatar.types.d.ts +43 -22
  31. package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
  32. package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
  33. package/lib-commonjs/JSAvatarTokens.js +0 -2
  34. package/lib-commonjs/JSAvatarTokens.js.map +1 -1
  35. package/lib-commonjs/JSAvatarTokens.win32.d.ts.map +1 -1
  36. package/lib-commonjs/JSAvatarTokens.win32.js +0 -2
  37. package/lib-commonjs/JSAvatarTokens.win32.js.map +1 -1
  38. package/lib-commonjs/useAvatar.d.ts.map +1 -1
  39. package/lib-commonjs/useAvatar.js +5 -4
  40. package/lib-commonjs/useAvatar.js.map +1 -1
  41. package/package.json +1 -1
  42. package/src/JSAvatar.styling.ts +74 -32
  43. package/src/JSAvatar.tsx +40 -24
  44. package/src/JSAvatar.types.ts +51 -24
  45. package/src/JSAvatarTokens.ts +0 -2
  46. package/src/JSAvatarTokens.win32.ts +0 -2
  47. package/src/__tests__/__snapshots__/JSAvatar.test.jsx.snap +52 -55
  48. package/src/useAvatar.ts +7 -3
  49. package/lib/JSAvatar.helpers.d.ts +0 -7
  50. package/lib/JSAvatar.helpers.d.ts.map +0 -1
  51. package/lib/JSAvatar.helpers.js +0 -28
  52. package/lib/JSAvatar.helpers.js.map +0 -1
  53. package/lib-commonjs/JSAvatar.helpers.d.ts +0 -7
  54. package/lib-commonjs/JSAvatar.helpers.d.ts.map +0 -1
  55. package/lib-commonjs/JSAvatar.helpers.js +0 -32
  56. package/lib-commonjs/JSAvatar.helpers.js.map +0 -1
  57. package/src/JSAvatar.helpers.ts +0 -35
@@ -1,28 +0,0 @@
1
- import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
- var sizeAdjustment = {
3
- small: 8,
4
- medium: 12,
5
- large: 16,
6
- };
7
- export function getRingConfig(size) {
8
- if (size <= 48) {
9
- return {
10
- size: size + sizeAdjustment.small,
11
- stroke: globalTokens.stroke.width.thick,
12
- innerStroke: globalTokens.stroke.width.thick,
13
- };
14
- }
15
- if (size <= 71) {
16
- return {
17
- size: size + sizeAdjustment.medium,
18
- stroke: globalTokens.stroke.width.thicker,
19
- innerStroke: globalTokens.stroke.width.thicker,
20
- };
21
- }
22
- return {
23
- size: size + sizeAdjustment.large,
24
- stroke: globalTokens.stroke.width.thickest,
25
- innerStroke: globalTokens.stroke.width.thickest,
26
- };
27
- }
28
- //# sourceMappingURL=JSAvatar.helpers.js.map
@@ -1 +0,0 @@
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"}
@@ -1,7 +0,0 @@
1
- export declare type AvatarSizeConfig = {
2
- iconSize: number;
3
- iconStrokeWidth: number;
4
- initialsSize: number;
5
- };
6
- export declare function getRingConfig(size: number): any;
7
- //# sourceMappingURL=JSAvatar.helpers.d.ts.map
@@ -1 +0,0 @@
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"}
@@ -1,32 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getRingConfig = void 0;
4
- var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
- var sizeAdjustment = {
6
- small: 8,
7
- medium: 12,
8
- large: 16,
9
- };
10
- function getRingConfig(size) {
11
- if (size <= 48) {
12
- return {
13
- size: size + sizeAdjustment.small,
14
- stroke: theme_tokens_1.globalTokens.stroke.width.thick,
15
- innerStroke: theme_tokens_1.globalTokens.stroke.width.thick,
16
- };
17
- }
18
- if (size <= 71) {
19
- return {
20
- size: size + sizeAdjustment.medium,
21
- stroke: theme_tokens_1.globalTokens.stroke.width.thicker,
22
- innerStroke: theme_tokens_1.globalTokens.stroke.width.thicker,
23
- };
24
- }
25
- return {
26
- size: size + sizeAdjustment.large,
27
- stroke: theme_tokens_1.globalTokens.stroke.width.thickest,
28
- innerStroke: theme_tokens_1.globalTokens.stroke.width.thickest,
29
- };
30
- }
31
- exports.getRingConfig = getRingConfig;
32
- //# sourceMappingURL=JSAvatar.helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"JSAvatar.helpers.js","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":";;;AAAA,oEAAmE;AAEnE,IAAM,cAAc,GAAG;IACrB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAC;AAQF,SAAgB,aAAa,CAAC,IAAY;IACxC,IAAI,IAAI,IAAI,EAAE,EAAE;QACd,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK;YACjC,MAAM,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;YACvC,WAAW,EAAE,2BAAY,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,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;YACzC,WAAW,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;SAC/C,CAAC;KACH;IACD,OAAO;QACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK;QACjC,MAAM,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC1C,WAAW,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;KAChD,CAAC;AACJ,CAAC;AApBD,sCAoBC"}
@@ -1,35 +0,0 @@
1
- import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
-
3
- const sizeAdjustment = {
4
- small: 8,
5
- medium: 12,
6
- large: 16,
7
- };
8
-
9
- export type AvatarSizeConfig = {
10
- iconSize: number;
11
- iconStrokeWidth: number;
12
- initialsSize: number;
13
- };
14
-
15
- export function getRingConfig(size: number): any {
16
- if (size <= 48) {
17
- return {
18
- size: size + sizeAdjustment.small,
19
- stroke: globalTokens.stroke.width.thick,
20
- innerStroke: globalTokens.stroke.width.thick,
21
- };
22
- }
23
- if (size <= 71) {
24
- return {
25
- size: size + sizeAdjustment.medium,
26
- stroke: globalTokens.stroke.width.thicker,
27
- innerStroke: globalTokens.stroke.width.thicker,
28
- };
29
- }
30
- return {
31
- size: size + sizeAdjustment.large,
32
- stroke: globalTokens.stroke.width.thickest,
33
- innerStroke: globalTokens.stroke.width.thickest,
34
- };
35
- }