@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.
- package/CHANGELOG.json +16 -1
- package/CHANGELOG.md +10 -2
- package/MIGRATION.md +1 -2
- package/SPEC.md +1 -11
- package/lib/JSAvatar.d.ts +2 -2
- package/lib/JSAvatar.d.ts.map +1 -1
- package/lib/JSAvatar.js +17 -8
- package/lib/JSAvatar.js.map +1 -1
- package/lib/JSAvatar.styling.d.ts.map +1 -1
- package/lib/JSAvatar.styling.js +69 -25
- package/lib/JSAvatar.styling.js.map +1 -1
- package/lib/JSAvatar.types.d.ts +43 -22
- package/lib/JSAvatar.types.d.ts.map +1 -1
- package/lib/JSAvatarTokens.d.ts.map +1 -1
- package/lib/JSAvatarTokens.js +0 -2
- package/lib/JSAvatarTokens.js.map +1 -1
- package/lib/JSAvatarTokens.win32.d.ts.map +1 -1
- package/lib/JSAvatarTokens.win32.js +0 -2
- package/lib/JSAvatarTokens.win32.js.map +1 -1
- package/lib/useAvatar.d.ts.map +1 -1
- package/lib/useAvatar.js +5 -4
- package/lib/useAvatar.js.map +1 -1
- package/lib-commonjs/JSAvatar.d.ts +2 -2
- package/lib-commonjs/JSAvatar.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.js +16 -7
- package/lib-commonjs/JSAvatar.js.map +1 -1
- package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.styling.js +69 -25
- package/lib-commonjs/JSAvatar.styling.js.map +1 -1
- package/lib-commonjs/JSAvatar.types.d.ts +43 -22
- package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.js +0 -2
- package/lib-commonjs/JSAvatarTokens.js.map +1 -1
- package/lib-commonjs/JSAvatarTokens.win32.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.win32.js +0 -2
- package/lib-commonjs/JSAvatarTokens.win32.js.map +1 -1
- package/lib-commonjs/useAvatar.d.ts.map +1 -1
- package/lib-commonjs/useAvatar.js +5 -4
- package/lib-commonjs/useAvatar.js.map +1 -1
- package/package.json +1 -1
- package/src/JSAvatar.styling.ts +74 -32
- package/src/JSAvatar.tsx +40 -24
- package/src/JSAvatar.types.ts +51 -24
- package/src/JSAvatarTokens.ts +0 -2
- package/src/JSAvatarTokens.win32.ts +0 -2
- package/src/__tests__/__snapshots__/JSAvatar.test.jsx.snap +52 -55
- package/src/useAvatar.ts +7 -3
- package/lib/JSAvatar.helpers.d.ts +0 -7
- package/lib/JSAvatar.helpers.d.ts.map +0 -1
- package/lib/JSAvatar.helpers.js +0 -28
- package/lib/JSAvatar.helpers.js.map +0 -1
- package/lib-commonjs/JSAvatar.helpers.d.ts +0 -7
- package/lib-commonjs/JSAvatar.helpers.d.ts.map +0 -1
- package/lib-commonjs/JSAvatar.helpers.js +0 -32
- package/lib-commonjs/JSAvatar.helpers.js.map +0 -1
- package/src/JSAvatar.helpers.ts +0 -35
package/lib/JSAvatar.helpers.js
DELETED
|
@@ -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 +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"}
|
package/src/JSAvatar.helpers.ts
DELETED
|
@@ -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
|
-
}
|