@fluentui-react-native/experimental-avatar 0.14.43 → 0.15.0
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 +46 -1
- package/CHANGELOG.md +26 -2
- package/{lib-commonjs/Avatar.d.ts → lib/NativeAvatar.d.ts} +6 -6
- package/lib/NativeAvatar.d.ts.map +1 -0
- package/lib/{Avatar.js → NativeAvatar.js} +3 -3
- package/lib/NativeAvatar.js.map +1 -0
- package/lib/index.d.ts +1 -3
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -3
- package/lib/index.js.map +1 -1
- package/{lib/Avatar.d.ts → lib-commonjs/NativeAvatar.d.ts} +6 -6
- package/lib-commonjs/NativeAvatar.d.ts.map +1 -0
- package/lib-commonjs/{Avatar.js → NativeAvatar.js} +4 -4
- package/lib-commonjs/NativeAvatar.js.map +1 -0
- package/lib-commonjs/index.d.ts +1 -3
- package/lib-commonjs/index.d.ts.map +1 -1
- package/lib-commonjs/index.js +1 -3
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +2 -10
- package/src/{Avatar.tsx → NativeAvatar.tsx} +11 -11
- package/src/__tests__/{JSAvatar.test.jsx → Avatar.test.jsx} +2 -2
- package/src/__tests__/__snapshots__/Avatar.test.jsx.snap +93 -0
- package/src/index.ts +1 -3
- package/MIGRATION.md +0 -158
- package/SPEC.md +0 -305
- package/jest.config.js +0 -2
- package/lib/Avatar.d.ts.map +0 -1
- package/lib/Avatar.js.map +0 -1
- package/lib/JSAvatar.d.ts +0 -12
- package/lib/JSAvatar.d.ts.map +0 -1
- 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/JSAvatar.js +0 -75
- package/lib/JSAvatar.js.map +0 -1
- package/lib/JSAvatar.styling.d.ts +0 -5
- package/lib/JSAvatar.styling.d.ts.map +0 -1
- package/lib/JSAvatar.styling.js +0 -114
- package/lib/JSAvatar.styling.js.map +0 -1
- package/lib/JSAvatar.types.d.ts +0 -192
- package/lib/JSAvatar.types.d.ts.map +0 -1
- package/lib/JSAvatar.types.js +0 -56
- package/lib/JSAvatar.types.js.map +0 -1
- package/lib/JSAvatarTokens.d.ts +0 -5
- package/lib/JSAvatarTokens.d.ts.map +0 -1
- package/lib/JSAvatarTokens.js +0 -200
- package/lib/JSAvatarTokens.js.map +0 -1
- package/lib/JSAvatarTokens.win32.d.ts +0 -5
- package/lib/JSAvatarTokens.win32.d.ts.map +0 -1
- package/lib/JSAvatarTokens.win32.js +0 -203
- package/lib/JSAvatarTokens.win32.js.map +0 -1
- package/lib/getHashCode.d.ts +0 -8
- package/lib/getHashCode.d.ts.map +0 -1
- package/lib/getHashCode.js +0 -16
- package/lib/getHashCode.js.map +0 -1
- package/lib/titles.d.ts +0 -2
- package/lib/titles.d.ts.map +0 -1
- package/lib/titles.js +0 -109
- package/lib/titles.js.map +0 -1
- package/lib/useAvatar.d.ts +0 -33
- package/lib/useAvatar.d.ts.map +0 -1
- package/lib/useAvatar.js +0 -105
- package/lib/useAvatar.js.map +0 -1
- package/lib-commonjs/Avatar.d.ts.map +0 -1
- package/lib-commonjs/Avatar.js.map +0 -1
- package/lib-commonjs/JSAvatar.d.ts +0 -12
- package/lib-commonjs/JSAvatar.d.ts.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/lib-commonjs/JSAvatar.js +0 -79
- package/lib-commonjs/JSAvatar.js.map +0 -1
- package/lib-commonjs/JSAvatar.styling.d.ts +0 -5
- package/lib-commonjs/JSAvatar.styling.d.ts.map +0 -1
- package/lib-commonjs/JSAvatar.styling.js +0 -117
- package/lib-commonjs/JSAvatar.styling.js.map +0 -1
- package/lib-commonjs/JSAvatar.types.d.ts +0 -192
- package/lib-commonjs/JSAvatar.types.d.ts.map +0 -1
- package/lib-commonjs/JSAvatar.types.js +0 -59
- package/lib-commonjs/JSAvatar.types.js.map +0 -1
- package/lib-commonjs/JSAvatarTokens.d.ts +0 -5
- package/lib-commonjs/JSAvatarTokens.d.ts.map +0 -1
- package/lib-commonjs/JSAvatarTokens.js +0 -204
- package/lib-commonjs/JSAvatarTokens.js.map +0 -1
- package/lib-commonjs/JSAvatarTokens.win32.d.ts +0 -5
- package/lib-commonjs/JSAvatarTokens.win32.d.ts.map +0 -1
- package/lib-commonjs/JSAvatarTokens.win32.js +0 -207
- package/lib-commonjs/JSAvatarTokens.win32.js.map +0 -1
- package/lib-commonjs/getHashCode.d.ts +0 -8
- package/lib-commonjs/getHashCode.d.ts.map +0 -1
- package/lib-commonjs/getHashCode.js +0 -20
- package/lib-commonjs/getHashCode.js.map +0 -1
- package/lib-commonjs/titles.d.ts +0 -2
- package/lib-commonjs/titles.d.ts.map +0 -1
- package/lib-commonjs/titles.js +0 -112
- package/lib-commonjs/titles.js.map +0 -1
- package/lib-commonjs/useAvatar.d.ts +0 -33
- package/lib-commonjs/useAvatar.d.ts.map +0 -1
- package/lib-commonjs/useAvatar.js +0 -112
- package/lib-commonjs/useAvatar.js.map +0 -1
- package/src/JSAvatar.helpers.ts +0 -35
- package/src/JSAvatar.styling.ts +0 -159
- package/src/JSAvatar.tsx +0 -80
- package/src/JSAvatar.types.ts +0 -259
- package/src/JSAvatarTokens.ts +0 -203
- package/src/JSAvatarTokens.win32.ts +0 -206
- package/src/__tests__/__snapshots__/JSAvatar.test.jsx.snap +0 -96
- package/src/getHashCode.ts +0 -16
- package/src/titles.ts +0 -108
- package/src/useAvatar.ts +0 -122
package/lib-commonjs/JSAvatar.js
DELETED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.JSAvatar = exports.avatarLookup = void 0;
|
|
26
|
-
/** @jsx withSlots */
|
|
27
|
-
var react_native_1 = require("react-native");
|
|
28
|
-
var JSAvatar_types_1 = require("./JSAvatar.types");
|
|
29
|
-
var JSAvatar_styling_1 = require("./JSAvatar.styling");
|
|
30
|
-
var framework_1 = require("@fluentui-react-native/framework");
|
|
31
|
-
var useAvatar_1 = require("./useAvatar");
|
|
32
|
-
var badge_1 = require("@fluentui-react-native/badge");
|
|
33
|
-
var icon_1 = require("@fluentui-react-native/icon");
|
|
34
|
-
var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
|
|
35
|
-
var react_native_svg_1 = require("react-native-svg");
|
|
36
|
-
/**
|
|
37
|
-
* A function which determines if a set of styles should be applied to the compoent given the current state and props of the avatar.
|
|
38
|
-
*
|
|
39
|
-
* @param layer The name of the state that is being checked for
|
|
40
|
-
* @param state The current state of the avatar
|
|
41
|
-
* @param userProps The props that were passed into the avatar
|
|
42
|
-
* @returns Whether the styles that are assigned to the layer should be applied to the avatar
|
|
43
|
-
*/
|
|
44
|
-
var avatarLookup = function (layer, state, userProps) {
|
|
45
|
-
var size = userProps.size;
|
|
46
|
-
var avatarSize = size ? "size".concat(size) : '';
|
|
47
|
-
return (state[layer] ||
|
|
48
|
-
userProps[layer] ||
|
|
49
|
-
layer === userProps['shape'] ||
|
|
50
|
-
(!userProps['shape'] && layer === 'circular') ||
|
|
51
|
-
layer === userProps['avatarColor'] ||
|
|
52
|
-
layer === avatarSize ||
|
|
53
|
-
(userProps.active === 'inactive' && layer === 'inactive'));
|
|
54
|
-
};
|
|
55
|
-
exports.avatarLookup = avatarLookup;
|
|
56
|
-
exports.JSAvatar = (0, framework_1.compose)(__assign(__assign({ displayName: JSAvatar_types_1.JSAvatarName }, JSAvatar_styling_1.stylingSettings), { slots: {
|
|
57
|
-
root: react_native_1.View,
|
|
58
|
-
image: react_native_1.Image,
|
|
59
|
-
initials: react_native_1.Text,
|
|
60
|
-
initialsBackground: react_native_1.View,
|
|
61
|
-
icon: icon_1.Icon,
|
|
62
|
-
ring: react_native_1.View,
|
|
63
|
-
badge: badge_1.PresenceBadge,
|
|
64
|
-
}, useRender: function (userProps, useSlots) {
|
|
65
|
-
var avatar = (0, useAvatar_1.useAvatar)(userProps);
|
|
66
|
-
var iconProps = (0, interactive_hooks_1.createIconProps)(userProps.icon);
|
|
67
|
-
var Slots = useSlots(avatar.props, function (layer) { return (0, exports.avatarLookup)(layer, avatar.state, avatar.props); });
|
|
68
|
-
return function (final) {
|
|
69
|
-
var _a = (0, framework_1.mergeProps)(avatar.props, final), activeAppearance = _a.activeAppearance, icon = _a.icon, initials = _a.initials, imageUrl = _a.imageUrl, badge = _a.badge, mergedProps = __rest(_a, ["activeAppearance", "icon", "initials", "imageUrl", "badge"]);
|
|
70
|
-
var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing, showBadge = _b.showBadge;
|
|
71
|
-
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
|
|
72
|
-
var fallBackIconXml = "<svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z\" fill=\"currentColor\"/>\n </svg>\n ";
|
|
73
|
-
return ((0, framework_1.withSlots)(Slots.root, __assign({}, mergedProps),
|
|
74
|
-
imageUrl ? ((0, framework_1.withSlots)(Slots.image, { source: { uri: imageUrl } })) : ((0, framework_1.withSlots)(Slots.initialsBackground, { accessible: false }, initials ? ((0, framework_1.withSlots)(Slots.initials, { accessible: false }, initials)) : userProps.icon ? ((0, framework_1.withSlots)(Slots.icon, __assign({}, iconProps, { accessible: false }))) : (svgIconsEnabled && (0, framework_1.withSlots)(react_native_svg_1.SvgXml, { xml: fallBackIconXml })))),
|
|
75
|
-
showRing && !transparentRing && (0, framework_1.withSlots)(Slots.ring, null),
|
|
76
|
-
svgIconsEnabled && showBadge && (0, framework_1.withSlots)(Slots.badge, __assign({}, badge))));
|
|
77
|
-
};
|
|
78
|
-
} }));
|
|
79
|
-
//# sourceMappingURL=JSAvatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { JSAvatarTokens, AvatarSlotProps, JSAvatarProps } from './JSAvatar.types';
|
|
2
|
-
import { UseStylingOptions } from '@fluentui-react-native/framework';
|
|
3
|
-
export declare const avatarStates: (keyof JSAvatarTokens)[];
|
|
4
|
-
export declare const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps, JSAvatarTokens>;
|
|
5
|
-
//# sourceMappingURL=JSAvatar.styling.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,eAAe,EACf,aAAa,EAMd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAYhD,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAsH7F,CAAC"}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
-
if (ar || !(i in from)) {
|
|
16
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
-
ar[i] = from[i];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
21
|
-
};
|
|
22
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
|
-
exports.stylingSettings = exports.avatarStates = void 0;
|
|
24
|
-
var JSAvatar_types_1 = require("./JSAvatar.types");
|
|
25
|
-
var framework_1 = require("@fluentui-react-native/framework");
|
|
26
|
-
var JSAvatarTokens_1 = require("./JSAvatarTokens");
|
|
27
|
-
var JSAvatar_helpers_1 = require("./JSAvatar.helpers");
|
|
28
|
-
var tokens_1 = require("@fluentui-react-native/tokens");
|
|
29
|
-
var nameMap = {
|
|
30
|
-
start: 'flex-start',
|
|
31
|
-
center: 'center',
|
|
32
|
-
end: 'flex-end',
|
|
33
|
-
};
|
|
34
|
-
exports.avatarStates = __spreadArray(__spreadArray(__spreadArray([], JSAvatar_types_1.AvatarColors, true), JSAvatar_types_1.AvatarSizesForTokens, true), [
|
|
35
|
-
'neutral',
|
|
36
|
-
'brand',
|
|
37
|
-
'circular',
|
|
38
|
-
'square',
|
|
39
|
-
'inactive',
|
|
40
|
-
'ringColor',
|
|
41
|
-
'iconColor',
|
|
42
|
-
'iconSize',
|
|
43
|
-
'size',
|
|
44
|
-
], false);
|
|
45
|
-
var tokensThatAreAlsoProps = ['avatarColor', 'initialsColor', 'ring'];
|
|
46
|
-
exports.stylingSettings = {
|
|
47
|
-
tokens: [JSAvatarTokens_1.defaultJSAvatarTokens, JSAvatar_types_1.JSAvatarName],
|
|
48
|
-
tokensThatAreAlsoProps: tokensThatAreAlsoProps,
|
|
49
|
-
states: exports.avatarStates,
|
|
50
|
-
slotProps: {
|
|
51
|
-
root: (0, framework_1.buildProps)(function (tokens) {
|
|
52
|
-
var horizontalIconAlignment = tokens.horizontalIconAlignment, verticalIconAlignment = tokens.verticalIconAlignment, size = tokens.size, avatarOpacity = tokens.avatarOpacity;
|
|
53
|
-
return {
|
|
54
|
-
style: {
|
|
55
|
-
flexDirection: 'row',
|
|
56
|
-
width: size,
|
|
57
|
-
height: size,
|
|
58
|
-
justifyContent: nameMap[horizontalIconAlignment || 'end'],
|
|
59
|
-
alignItems: nameMap[verticalIconAlignment || 'end'],
|
|
60
|
-
horizontalIconAlignment: horizontalIconAlignment,
|
|
61
|
-
verticalIconAlignment: verticalIconAlignment,
|
|
62
|
-
opacity: avatarOpacity,
|
|
63
|
-
},
|
|
64
|
-
};
|
|
65
|
-
}, ['horizontalIconAlignment', 'verticalIconAlignment', 'avatarOpacity', 'size']),
|
|
66
|
-
initials: (0, framework_1.buildProps)(function (tokens, theme) {
|
|
67
|
-
return {
|
|
68
|
-
style: __assign(__assign({}, tokens_1.fontStyles.from(tokens, theme)), { color: tokens.initialsColor || tokens.color, textAlign: 'center' }),
|
|
69
|
-
};
|
|
70
|
-
}, __spreadArray(['color', 'initialsColor'], tokens_1.fontStyles.keys, true)),
|
|
71
|
-
initialsBackground: (0, framework_1.buildProps)(function (tokens, theme) {
|
|
72
|
-
var backgroundColor = tokens.backgroundColor, size = tokens.size, avatarColor = tokens.avatarColor;
|
|
73
|
-
var _avatarColor = !avatarColor || JSAvatar_types_1.AvatarColors.includes(avatarColor) || JSAvatar_types_1.ColorSchemes.includes(avatarColor)
|
|
74
|
-
? backgroundColor
|
|
75
|
-
: avatarColor;
|
|
76
|
-
return {
|
|
77
|
-
style: __assign(__assign({}, tokens_1.borderStyles.from(tokens, theme)), { width: size, height: size, flexGrow: 1, alignSelf: 'stretch', justifyContent: 'center', alignItems: 'center', backgroundColor: _avatarColor, borderWidth: tokens.borderWidth, borderColor: tokens.borderColor }),
|
|
78
|
-
};
|
|
79
|
-
}, __spreadArray(['avatarColor', 'backgroundColor', 'size', 'borderColor', 'borderWidth'], tokens_1.borderStyles.keys, true)),
|
|
80
|
-
image: (0, framework_1.buildProps)(function (tokens) {
|
|
81
|
-
var borderRadius = tokens.borderRadius, size = tokens.size, borderWidth = tokens.borderWidth, borderColor = tokens.borderColor;
|
|
82
|
-
return {
|
|
83
|
-
style: {
|
|
84
|
-
borderRadius: borderRadius,
|
|
85
|
-
width: size,
|
|
86
|
-
height: size,
|
|
87
|
-
borderWidth: borderWidth,
|
|
88
|
-
borderColor: borderColor,
|
|
89
|
-
},
|
|
90
|
-
};
|
|
91
|
-
}, ['borderRadius', 'size', 'borderColor', 'borderWidth']),
|
|
92
|
-
icon: (0, framework_1.buildProps)(function (tokens) {
|
|
93
|
-
return {
|
|
94
|
-
style: {
|
|
95
|
-
position: 'absolute',
|
|
96
|
-
fontSize: tokens.iconSize,
|
|
97
|
-
},
|
|
98
|
-
color: tokens.color,
|
|
99
|
-
width: tokens.iconSize,
|
|
100
|
-
height: tokens.iconSize,
|
|
101
|
-
};
|
|
102
|
-
}, ['iconSize', 'iconColor']),
|
|
103
|
-
ring: (0, framework_1.buildProps)(function (tokens, theme) {
|
|
104
|
-
var ringConfig = (0, JSAvatar_helpers_1.getRingConfig)(tokens.size);
|
|
105
|
-
return {
|
|
106
|
-
style: __assign(__assign({ borderStyle: 'solid', width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, tokens_1.borderStyles.from(tokens, theme)), { borderWidth: ringConfig.stroke, borderColor: tokens.ringColor }),
|
|
107
|
-
};
|
|
108
|
-
}, __spreadArray(['size', 'ringColor'], tokens_1.borderStyles.keys, true)),
|
|
109
|
-
badge: (0, framework_1.buildProps)(function (tokens) {
|
|
110
|
-
return {
|
|
111
|
-
size: tokens.badgeSize,
|
|
112
|
-
shape: 'circular',
|
|
113
|
-
};
|
|
114
|
-
}, ['badgeSize']),
|
|
115
|
-
},
|
|
116
|
-
};
|
|
117
|
-
//# sourceMappingURL=JSAvatar.styling.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAW0B;AAC1B,8DAAwF;AACxF,mDAAyD;AAEzD,uDAAmD;AACnD,wDAAyE;AAEzE,IAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEW,QAAA,YAAY,iDACpB,6BAAY,SACZ,qCAAoB;IACvB,SAAS;IACT,OAAO;IACP,UAAU;IACV,QAAQ;IACR,UAAU;IACV,WAAW;IACX,WAAW;IACX,UAAU;IACV,MAAM;UACN;AAEF,IAAM,sBAAsB,GAAsC,CAAC,aAAa,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC;AAE9F,QAAA,eAAe,GAAsE;IAChG,MAAM,EAAE,CAAC,sCAAqB,EAAE,6BAAY,CAAC;IAC7C,sBAAsB,wBAAA;IACtB,MAAM,EAAE,oBAAY;IACpB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAsB;YACb,IAAA,uBAAuB,GAAiD,MAAM,wBAAvD,EAAE,qBAAqB,GAA0B,MAAM,sBAAhC,EAAE,IAAI,GAAoB,MAAM,KAA1B,EAAE,aAAa,GAAK,MAAM,cAAX,CAAY;YACvF,OAAO;gBACL,KAAK,EAAE;oBACL,aAAa,EAAE,KAAK;oBACpB,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,IAAI;oBACZ,cAAc,EAAE,OAAO,CAAC,uBAAuB,IAAI,KAAK,CAAgC;oBACxF,UAAU,EAAE,OAAO,CAAC,qBAAqB,IAAI,KAAK,CAA4B;oBAC9E,uBAAuB,yBAAA;oBACvB,qBAAqB,uBAAA;oBACrB,OAAO,EAAE,aAAa;iBACvB;aACF,CAAC;QACJ,CAAC,EACD,CAAC,yBAAyB,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,CAAC,CAC9E;QACD,QAAQ,EAAE,IAAA,sBAAU,EAClB,UAAC,MAAsB,EAAE,KAAY;YACnC,OAAO;gBACL,KAAK,wBACA,mBAAU,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,KACjC,KAAK,EAAE,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,KAAK,EAC3C,SAAS,EAAE,QAAQ,GACpB;aACF,CAAC;QACJ,CAAC,iBACA,OAAO,EAAE,eAAe,GAAK,mBAAU,CAAC,IAAI,QAC9C;QACD,kBAAkB,EAAE,IAAA,sBAAU,EAC5B,UAAC,MAAsB,EAAE,KAAY;YAC3B,IAAA,eAAe,GAAwB,MAAM,gBAA9B,EAAE,IAAI,GAAkB,MAAM,KAAxB,EAAE,WAAW,GAAK,MAAM,YAAX,CAAY;YACtD,IAAM,YAAY,GAChB,CAAC,WAAW,IAAI,6BAAY,CAAC,QAAQ,CAAC,WAA+B,CAAC,IAAI,6BAAY,CAAC,QAAQ,CAAC,WAAiC,CAAC;gBAChI,CAAC,CAAC,eAAe;gBACjB,CAAC,CAAC,WAAW,CAAC;YAElB,OAAO;gBACL,KAAK,wBACA,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,KACnC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,YAAY,EAC7B,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,WAAW,EAAE,MAAM,CAAC,WAAW,GAChC;aACF,CAAC;QACJ,CAAC,iBACA,aAAa,EAAE,iBAAiB,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAK,qBAAY,CAAC,IAAI,QAC9F;QACD,KAAK,EAAE,IAAA,sBAAU,EACf,UAAC,MAAsB;YACb,IAAA,YAAY,GAAqC,MAAM,aAA3C,EAAE,IAAI,GAA+B,MAAM,KAArC,EAAE,WAAW,GAAkB,MAAM,YAAxB,EAAE,WAAW,GAAK,MAAM,YAAX,CAAY;YAChE,OAAO;gBACL,KAAK,EAAE;oBACL,YAAY,EAAE,YAAY;oBAC1B,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,IAAI;oBACZ,WAAW,EAAE,WAAW;oBACxB,WAAW,EAAE,WAAW;iBACzB;aACF,CAAC;QACJ,CAAC,EACD,CAAC,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,CACvD;QACD,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAsB;YACrB,OAAO;gBACL,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,MAAM,CAAC,QAAQ;iBAC1B;gBACD,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,QAAQ;gBACtB,MAAM,EAAE,MAAM,CAAC,QAAQ;aACxB,CAAC;QACJ,CAAC,EACD,CAAC,UAAU,EAAE,WAAW,CAAC,CAC1B;QACD,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAsB,EAAE,KAAY;YACnC,IAAM,UAAU,GAAG,IAAA,gCAAa,EAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC9C,OAAO;gBACL,KAAK,sBACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,MAAM,EAAE,UAAU,CAAC,IAAI,EACvB,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAC3B,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IACzB,qBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,KACnC,WAAW,EAAE,UAAU,CAAC,MAAM,EAC9B,WAAW,EAAE,MAAM,CAAC,SAAS,GAC9B;aACF,CAAC;QACJ,CAAC,iBACA,MAAM,EAAE,WAAW,GAAK,qBAAY,CAAC,IAAI,QAC3C;QACD,KAAK,EAAE,IAAA,sBAAU,EACf,UAAC,MAAsB;YACrB,OAAO;gBACL,IAAI,EAAE,MAAM,CAAC,SAAS;gBACtB,KAAK,EAAE,UAAU;aAClB,CAAC;QACJ,CAAC,EACD,CAAC,WAAW,CAAC,CACd;KACF;CACF,CAAC"}
|
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
2
|
-
import { ImageProps, ViewProps, TextProps, ColorValue } from 'react-native';
|
|
3
|
-
import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens, FontTokens } from '@fluentui-react-native/tokens';
|
|
4
|
-
import { BadgeProps, PresenceBadgeProps, BadgeSize } from '@fluentui-react-native/badge';
|
|
5
|
-
import { IconProps, IconSourcesType } from '@fluentui-react-native/icon';
|
|
6
|
-
export declare const JSAvatarName = "Avatar";
|
|
7
|
-
export declare const AvatarSizesForTokens: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
|
|
8
|
-
export declare const AvatarSizes: readonly [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
|
|
9
|
-
/**
|
|
10
|
-
* Sets color of the avatar when there is no picture. Uses fluent color names
|
|
11
|
-
*/
|
|
12
|
-
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", "burgundy", "hotPink", "orchid"];
|
|
13
|
-
export declare const ColorSchemes: readonly ["neutral", "brand", "colorful"];
|
|
14
|
-
export declare type AvatarSize = typeof AvatarSizes[number];
|
|
15
|
-
export declare type AvatarNamedColor = typeof AvatarColors[number];
|
|
16
|
-
export declare type AvatarColorSchemes = typeof ColorSchemes[number];
|
|
17
|
-
export declare type AvatarShape = 'circular' | 'square';
|
|
18
|
-
export declare type AvatarActive = 'active' | 'inactive' | 'unset';
|
|
19
|
-
export declare type AvatarActiveAppearance = 'ring';
|
|
20
|
-
export declare type AvatarColor = AvatarColorSchemes | AvatarNamedColor | ColorValue;
|
|
21
|
-
export declare type IconAlignment = 'start' | 'center' | 'end';
|
|
22
|
-
export interface RingConfig {
|
|
23
|
-
transparent?: boolean;
|
|
24
|
-
ringThickness?: number;
|
|
25
|
-
innerGap?: number;
|
|
26
|
-
}
|
|
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;
|
|
38
|
-
initialsColor?: ColorValue;
|
|
39
|
-
ring?: RingConfig;
|
|
40
|
-
/**
|
|
41
|
-
* Size of the avatar in pixels.
|
|
42
|
-
*
|
|
43
|
-
* Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
|
|
44
|
-
* based on design guidelines for the Avatar control.
|
|
45
|
-
*
|
|
46
|
-
* @defaultvalue 24
|
|
47
|
-
*/
|
|
48
|
-
size?: AvatarSize;
|
|
49
|
-
}
|
|
50
|
-
export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
|
|
51
|
-
/**
|
|
52
|
-
* Optional activity indicator
|
|
53
|
-
* * active: the avatar will be decorated according to activeAppearance
|
|
54
|
-
* * inactive: the avatar will be reduced in size and partially transparent
|
|
55
|
-
* * unset: normal display
|
|
56
|
-
*
|
|
57
|
-
* @defaultvalue unset
|
|
58
|
-
*/
|
|
59
|
-
active?: AvatarActive;
|
|
60
|
-
/**
|
|
61
|
-
* The appearance when `active="active"`
|
|
62
|
-
*
|
|
63
|
-
* @defaultvalue ring
|
|
64
|
-
*/
|
|
65
|
-
activeAppearance?: AvatarActiveAppearance;
|
|
66
|
-
/**
|
|
67
|
-
* Badge shows the avatar's presence status.
|
|
68
|
-
* Badge can be shown only if `active` prop is undefined or unset
|
|
69
|
-
*/
|
|
70
|
-
badge?: PresenceBadgeProps;
|
|
71
|
-
/**
|
|
72
|
-
* Icon to be displayed when the avatar doesn't have an image or initials.
|
|
73
|
-
*
|
|
74
|
-
* @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
|
|
75
|
-
*/
|
|
76
|
-
icon?: IconSourcesType;
|
|
77
|
-
/**
|
|
78
|
-
* Specify a string to be used instead of the name, to determine which color to use when color="colorful".
|
|
79
|
-
* Use this when a name is not available, but there is another unique identifier that can be used instead.
|
|
80
|
-
*/
|
|
81
|
-
idForColor?: string;
|
|
82
|
-
/**
|
|
83
|
-
* (optional) Custom initials.
|
|
84
|
-
*
|
|
85
|
-
* It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
|
|
86
|
-
* using the `getInitials` function.
|
|
87
|
-
*
|
|
88
|
-
* The initials are displayed when there is no image (including while the image is loading).
|
|
89
|
-
*/
|
|
90
|
-
initials?: string;
|
|
91
|
-
/**
|
|
92
|
-
* The name of the person or entity represented by this Avatar. This should always be provided if it is available.
|
|
93
|
-
*
|
|
94
|
-
* The name will be used to determine the initials displayed when there is no icon, as well as provided to
|
|
95
|
-
* accessibility tools.
|
|
96
|
-
*/
|
|
97
|
-
name?: string;
|
|
98
|
-
/**
|
|
99
|
-
* The avatar can have a circular or square shape.
|
|
100
|
-
* @defaultvalue circular
|
|
101
|
-
*/
|
|
102
|
-
shape?: AvatarShape;
|
|
103
|
-
/**
|
|
104
|
-
* Shorthand for passing image URL instead of using `image` prop
|
|
105
|
-
*/
|
|
106
|
-
imageUrl?: string;
|
|
107
|
-
}
|
|
108
|
-
export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens, FontTokens {
|
|
109
|
-
iconColor?: ColorValue;
|
|
110
|
-
iconSize?: number;
|
|
111
|
-
horizontalIconAlignment?: IconAlignment;
|
|
112
|
-
verticalIconAlignment?: IconAlignment;
|
|
113
|
-
circular?: JSAvatarTokens;
|
|
114
|
-
ringColor?: ColorValue;
|
|
115
|
-
ringBackgroundColor?: ColorValue;
|
|
116
|
-
square?: JSAvatarTokens;
|
|
117
|
-
inactive?: JSAvatarTokens;
|
|
118
|
-
avatarOpacity?: number;
|
|
119
|
-
size20?: JSAvatarTokens;
|
|
120
|
-
size24?: JSAvatarTokens;
|
|
121
|
-
size28?: JSAvatarTokens;
|
|
122
|
-
size32?: JSAvatarTokens;
|
|
123
|
-
size36?: JSAvatarTokens;
|
|
124
|
-
size40?: JSAvatarTokens;
|
|
125
|
-
size48?: JSAvatarTokens;
|
|
126
|
-
size56?: JSAvatarTokens;
|
|
127
|
-
size64?: JSAvatarTokens;
|
|
128
|
-
size72?: JSAvatarTokens;
|
|
129
|
-
size96?: JSAvatarTokens;
|
|
130
|
-
size120?: JSAvatarTokens;
|
|
131
|
-
badgeSize?: BadgeSize;
|
|
132
|
-
neutral?: JSAvatarTokens;
|
|
133
|
-
brand?: JSAvatarTokens;
|
|
134
|
-
darkRed?: JSAvatarTokens;
|
|
135
|
-
cranberry?: JSAvatarTokens;
|
|
136
|
-
red?: JSAvatarTokens;
|
|
137
|
-
pumpkin?: JSAvatarTokens;
|
|
138
|
-
peach?: JSAvatarTokens;
|
|
139
|
-
marigold?: JSAvatarTokens;
|
|
140
|
-
gold?: JSAvatarTokens;
|
|
141
|
-
brass?: JSAvatarTokens;
|
|
142
|
-
brown?: JSAvatarTokens;
|
|
143
|
-
forest?: JSAvatarTokens;
|
|
144
|
-
seafoam?: JSAvatarTokens;
|
|
145
|
-
darkGreen?: JSAvatarTokens;
|
|
146
|
-
lightTeal?: JSAvatarTokens;
|
|
147
|
-
teal?: JSAvatarTokens;
|
|
148
|
-
steel?: JSAvatarTokens;
|
|
149
|
-
blue?: JSAvatarTokens;
|
|
150
|
-
royalBlue?: JSAvatarTokens;
|
|
151
|
-
cornflower?: JSAvatarTokens;
|
|
152
|
-
navy?: JSAvatarTokens;
|
|
153
|
-
lavender?: JSAvatarTokens;
|
|
154
|
-
purple?: JSAvatarTokens;
|
|
155
|
-
grape?: JSAvatarTokens;
|
|
156
|
-
lilac?: JSAvatarTokens;
|
|
157
|
-
pink?: JSAvatarTokens;
|
|
158
|
-
magenta?: JSAvatarTokens;
|
|
159
|
-
plum?: JSAvatarTokens;
|
|
160
|
-
beige?: JSAvatarTokens;
|
|
161
|
-
mink?: JSAvatarTokens;
|
|
162
|
-
platinum?: JSAvatarTokens;
|
|
163
|
-
anchor?: JSAvatarTokens;
|
|
164
|
-
burgundy?: JSAvatarTokens;
|
|
165
|
-
hotPink?: JSAvatarTokens;
|
|
166
|
-
orchid?: JSAvatarTokens;
|
|
167
|
-
}
|
|
168
|
-
export interface AvatarSlotProps {
|
|
169
|
-
root: ViewProps;
|
|
170
|
-
image: ImageProps;
|
|
171
|
-
initials: TextProps;
|
|
172
|
-
initialsBackground: ViewProps;
|
|
173
|
-
icon: IconProps;
|
|
174
|
-
ring: ViewProps;
|
|
175
|
-
badge: BadgeProps;
|
|
176
|
-
}
|
|
177
|
-
export interface JSAvatarState {
|
|
178
|
-
showRing: boolean;
|
|
179
|
-
transparentRing: boolean;
|
|
180
|
-
showBadge: boolean;
|
|
181
|
-
}
|
|
182
|
-
export interface AvatarInfo {
|
|
183
|
-
props: JSAvatarProps;
|
|
184
|
-
state: JSAvatarState;
|
|
185
|
-
}
|
|
186
|
-
export interface JSAvatarType {
|
|
187
|
-
props: JSAvatarProps;
|
|
188
|
-
slotProps: AvatarSlotProps;
|
|
189
|
-
tokens: JSAvatarTokens;
|
|
190
|
-
state: JSAvatarState;
|
|
191
|
-
}
|
|
192
|
-
//# sourceMappingURL=JSAvatar.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ColorSchemes = exports.AvatarColors = exports.AvatarSizes = exports.AvatarSizesForTokens = exports.JSAvatarName = void 0;
|
|
4
|
-
exports.JSAvatarName = 'Avatar';
|
|
5
|
-
exports.AvatarSizesForTokens = [
|
|
6
|
-
'size20',
|
|
7
|
-
'size24',
|
|
8
|
-
'size28',
|
|
9
|
-
'size32',
|
|
10
|
-
'size36',
|
|
11
|
-
'size40',
|
|
12
|
-
'size48',
|
|
13
|
-
'size56',
|
|
14
|
-
'size64',
|
|
15
|
-
'size72',
|
|
16
|
-
'size96',
|
|
17
|
-
'size120',
|
|
18
|
-
];
|
|
19
|
-
exports.AvatarSizes = [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
|
|
20
|
-
/**
|
|
21
|
-
* Sets color of the avatar when there is no picture. Uses fluent color names
|
|
22
|
-
*/
|
|
23
|
-
exports.AvatarColors = [
|
|
24
|
-
'darkRed',
|
|
25
|
-
'cranberry',
|
|
26
|
-
'red',
|
|
27
|
-
'pumpkin',
|
|
28
|
-
'peach',
|
|
29
|
-
'marigold',
|
|
30
|
-
'gold',
|
|
31
|
-
'brass',
|
|
32
|
-
'brown',
|
|
33
|
-
'forest',
|
|
34
|
-
'seafoam',
|
|
35
|
-
'darkGreen',
|
|
36
|
-
'lightTeal',
|
|
37
|
-
'teal',
|
|
38
|
-
'steel',
|
|
39
|
-
'blue',
|
|
40
|
-
'royalBlue',
|
|
41
|
-
'cornflower',
|
|
42
|
-
'navy',
|
|
43
|
-
'lavender',
|
|
44
|
-
'purple',
|
|
45
|
-
'grape',
|
|
46
|
-
'lilac',
|
|
47
|
-
'pink',
|
|
48
|
-
'magenta',
|
|
49
|
-
'plum',
|
|
50
|
-
'beige',
|
|
51
|
-
'mink',
|
|
52
|
-
'platinum',
|
|
53
|
-
'anchor',
|
|
54
|
-
'burgundy',
|
|
55
|
-
'hotPink',
|
|
56
|
-
'orchid',
|
|
57
|
-
];
|
|
58
|
-
exports.ColorSchemes = ['neutral', 'brand', 'colorful'];
|
|
59
|
-
//# sourceMappingURL=JSAvatar.types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":";;;AAMa,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,oBAAoB,GAAG;IAClC,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;AAEE,QAAA,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU,CAAC;AAEtF;;GAEG;AACU,QAAA,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;IACR,UAAU;IACV,SAAS;IACT,QAAQ;CACA,CAAC;AACE,QAAA,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAU,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@fluentui-react-native/framework';
|
|
2
|
-
import { TokenSettings } from '@fluentui-react-native/use-styling';
|
|
3
|
-
import { JSAvatarTokens } from '.';
|
|
4
|
-
export declare const defaultJSAvatarTokens: TokenSettings<JSAvatarTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=JSAvatarTokens.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,CAmKjD,CAAC"}
|