@fluentui-react-native/experimental-avatar 0.14.45 → 0.15.2

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 (104) hide show
  1. package/CHANGELOG.json +61 -1
  2. package/CHANGELOG.md +26 -2
  3. package/FRNAvatar.podspec +2 -2
  4. package/{lib-commonjs/Avatar.d.ts → lib/NativeAvatar.d.ts} +6 -6
  5. package/lib/NativeAvatar.d.ts.map +1 -0
  6. package/lib/{Avatar.js → NativeAvatar.js} +3 -3
  7. package/lib/NativeAvatar.js.map +1 -0
  8. package/lib/index.d.ts +1 -3
  9. package/lib/index.d.ts.map +1 -1
  10. package/lib/index.js +1 -3
  11. package/lib/index.js.map +1 -1
  12. package/{lib/Avatar.d.ts → lib-commonjs/NativeAvatar.d.ts} +6 -6
  13. package/lib-commonjs/NativeAvatar.d.ts.map +1 -0
  14. package/lib-commonjs/{Avatar.js → NativeAvatar.js} +4 -4
  15. package/lib-commonjs/NativeAvatar.js.map +1 -0
  16. package/lib-commonjs/index.d.ts +1 -3
  17. package/lib-commonjs/index.d.ts.map +1 -1
  18. package/lib-commonjs/index.js +1 -3
  19. package/lib-commonjs/index.js.map +1 -1
  20. package/package.json +2 -10
  21. package/src/{Avatar.tsx → NativeAvatar.tsx} +11 -11
  22. package/src/__tests__/Avatar.test.jsx +129 -0
  23. package/src/__tests__/__snapshots__/{JSAvatar.test.jsx.snap → Avatar.test.jsx.snap} +0 -0
  24. package/src/index.ts +1 -3
  25. package/MIGRATION.md +0 -157
  26. package/SPEC.md +0 -295
  27. package/jest.config.js +0 -2
  28. package/lib/Avatar.d.ts.map +0 -1
  29. package/lib/Avatar.js.map +0 -1
  30. package/lib/JSAvatar.d.ts +0 -12
  31. package/lib/JSAvatar.d.ts.map +0 -1
  32. package/lib/JSAvatar.js +0 -84
  33. package/lib/JSAvatar.js.map +0 -1
  34. package/lib/JSAvatar.styling.d.ts +0 -5
  35. package/lib/JSAvatar.styling.d.ts.map +0 -1
  36. package/lib/JSAvatar.styling.js +0 -158
  37. package/lib/JSAvatar.styling.js.map +0 -1
  38. package/lib/JSAvatar.types.d.ts +0 -213
  39. package/lib/JSAvatar.types.d.ts.map +0 -1
  40. package/lib/JSAvatar.types.js +0 -56
  41. package/lib/JSAvatar.types.js.map +0 -1
  42. package/lib/JSAvatarTokens.d.ts +0 -5
  43. package/lib/JSAvatarTokens.d.ts.map +0 -1
  44. package/lib/JSAvatarTokens.js +0 -198
  45. package/lib/JSAvatarTokens.js.map +0 -1
  46. package/lib/JSAvatarTokens.win32.d.ts +0 -5
  47. package/lib/JSAvatarTokens.win32.d.ts.map +0 -1
  48. package/lib/JSAvatarTokens.win32.js +0 -201
  49. package/lib/JSAvatarTokens.win32.js.map +0 -1
  50. package/lib/getHashCode.d.ts +0 -8
  51. package/lib/getHashCode.d.ts.map +0 -1
  52. package/lib/getHashCode.js +0 -16
  53. package/lib/getHashCode.js.map +0 -1
  54. package/lib/titles.d.ts +0 -2
  55. package/lib/titles.d.ts.map +0 -1
  56. package/lib/titles.js +0 -109
  57. package/lib/titles.js.map +0 -1
  58. package/lib/useAvatar.d.ts +0 -33
  59. package/lib/useAvatar.d.ts.map +0 -1
  60. package/lib/useAvatar.js +0 -106
  61. package/lib/useAvatar.js.map +0 -1
  62. package/lib-commonjs/Avatar.d.ts.map +0 -1
  63. package/lib-commonjs/Avatar.js.map +0 -1
  64. package/lib-commonjs/JSAvatar.d.ts +0 -12
  65. package/lib-commonjs/JSAvatar.d.ts.map +0 -1
  66. package/lib-commonjs/JSAvatar.js +0 -88
  67. package/lib-commonjs/JSAvatar.js.map +0 -1
  68. package/lib-commonjs/JSAvatar.styling.d.ts +0 -5
  69. package/lib-commonjs/JSAvatar.styling.d.ts.map +0 -1
  70. package/lib-commonjs/JSAvatar.styling.js +0 -161
  71. package/lib-commonjs/JSAvatar.styling.js.map +0 -1
  72. package/lib-commonjs/JSAvatar.types.d.ts +0 -213
  73. package/lib-commonjs/JSAvatar.types.d.ts.map +0 -1
  74. package/lib-commonjs/JSAvatar.types.js +0 -59
  75. package/lib-commonjs/JSAvatar.types.js.map +0 -1
  76. package/lib-commonjs/JSAvatarTokens.d.ts +0 -5
  77. package/lib-commonjs/JSAvatarTokens.d.ts.map +0 -1
  78. package/lib-commonjs/JSAvatarTokens.js +0 -202
  79. package/lib-commonjs/JSAvatarTokens.js.map +0 -1
  80. package/lib-commonjs/JSAvatarTokens.win32.d.ts +0 -5
  81. package/lib-commonjs/JSAvatarTokens.win32.d.ts.map +0 -1
  82. package/lib-commonjs/JSAvatarTokens.win32.js +0 -205
  83. package/lib-commonjs/JSAvatarTokens.win32.js.map +0 -1
  84. package/lib-commonjs/getHashCode.d.ts +0 -8
  85. package/lib-commonjs/getHashCode.d.ts.map +0 -1
  86. package/lib-commonjs/getHashCode.js +0 -20
  87. package/lib-commonjs/getHashCode.js.map +0 -1
  88. package/lib-commonjs/titles.d.ts +0 -2
  89. package/lib-commonjs/titles.d.ts.map +0 -1
  90. package/lib-commonjs/titles.js +0 -112
  91. package/lib-commonjs/titles.js.map +0 -1
  92. package/lib-commonjs/useAvatar.d.ts +0 -33
  93. package/lib-commonjs/useAvatar.d.ts.map +0 -1
  94. package/lib-commonjs/useAvatar.js +0 -113
  95. package/lib-commonjs/useAvatar.js.map +0 -1
  96. package/src/JSAvatar.styling.ts +0 -201
  97. package/src/JSAvatar.tsx +0 -96
  98. package/src/JSAvatar.types.ts +0 -286
  99. package/src/JSAvatarTokens.ts +0 -201
  100. package/src/JSAvatarTokens.win32.ts +0 -204
  101. package/src/__tests__/JSAvatar.test.jsx +0 -96
  102. package/src/getHashCode.ts +0 -16
  103. package/src/titles.ts +0 -108
  104. package/src/useAvatar.ts +0 -126
@@ -1,158 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
13
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
14
- if (ar || !(i in from)) {
15
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
16
- ar[i] = from[i];
17
- }
18
- }
19
- return to.concat(ar || Array.prototype.slice.call(from));
20
- };
21
- import { JSAvatarName, AvatarColors, AvatarSizesForTokens, ColorSchemes, } from './JSAvatar.types';
22
- import { buildProps } from '@fluentui-react-native/framework';
23
- import { defaultJSAvatarTokens } from './JSAvatarTokens';
24
- import { borderStyles, fontStyles } from '@fluentui-react-native/tokens';
25
- import { globalTokens } from '@fluentui-react-native/theme-tokens';
26
- export var avatarStates = __spreadArray(__spreadArray(__spreadArray([], AvatarColors, true), AvatarSizesForTokens, true), [
27
- 'neutral',
28
- 'brand',
29
- 'circular',
30
- 'square',
31
- 'inactive',
32
- 'iconColor',
33
- 'iconSize',
34
- 'size',
35
- ], false);
36
- var tokensThatAreAlsoProps = [
37
- 'active',
38
- 'avatarColor',
39
- 'initialsColor',
40
- 'ringBackgroundColor',
41
- 'ringColor',
42
- 'ringInnerGap',
43
- 'ringThickness',
44
- ];
45
- export var stylingSettings = {
46
- tokens: [defaultJSAvatarTokens, JSAvatarName],
47
- tokensThatAreAlsoProps: tokensThatAreAlsoProps,
48
- states: avatarStates,
49
- slotProps: {
50
- root: buildProps(function (tokens) {
51
- var size = tokens.size, active = tokens.active, avatarOpacity = tokens.avatarOpacity;
52
- var ringConfig = getRingConfig(tokens);
53
- var avatarSize = active === 'active' ? ringConfig.size : size;
54
- return {
55
- style: {
56
- alignItems: 'center',
57
- justifyContent: 'center',
58
- width: avatarSize,
59
- height: avatarSize,
60
- opacity: avatarOpacity,
61
- },
62
- };
63
- }, ['avatarOpacity', 'size']),
64
- initials: buildProps(function (tokens, theme) {
65
- return {
66
- style: __assign(__assign({}, fontStyles.from(tokens, theme)), { color: tokens.initialsColor || tokens.color, textAlign: 'center' }),
67
- };
68
- }, __spreadArray(['color', 'initialsColor'], fontStyles.keys, true)),
69
- initialsBackground: buildProps(function (tokens, theme) {
70
- var backgroundColor = tokens.backgroundColor, size = tokens.size, avatarColor = tokens.avatarColor;
71
- var _avatarColor = !avatarColor || AvatarColors.includes(avatarColor) || ColorSchemes.includes(avatarColor)
72
- ? backgroundColor
73
- : avatarColor;
74
- var ringConfig = getRingConfig(tokens);
75
- return {
76
- style: __assign(__assign({}, borderStyles.from(tokens, theme)), { width: size, height: size, justifyContent: 'center', alignItems: 'center', backgroundColor: _avatarColor, borderWidth: tokens.borderWidth, borderColor: tokens.borderColor, marginTop: ringConfig.ringThickness, marginLeft: ringConfig.ringThickness }),
77
- };
78
- }, __spreadArray(['avatarColor', 'backgroundColor', 'size', 'borderColor', 'borderWidth', 'ringThickness'], borderStyles.keys, true)),
79
- image: buildProps(function (tokens) {
80
- var borderRadius = tokens.borderRadius, size = tokens.size, borderWidth = tokens.borderWidth, borderColor = tokens.borderColor;
81
- var ringConfig = getRingConfig(tokens);
82
- return {
83
- style: {
84
- borderRadius: borderRadius,
85
- width: size,
86
- height: size,
87
- borderWidth: borderWidth,
88
- borderColor: borderColor,
89
- marginTop: ringConfig.ringThickness,
90
- marginLeft: ringConfig.ringThickness,
91
- },
92
- };
93
- }, ['borderRadius', 'size', 'borderColor', 'borderWidth', 'ringThickness']),
94
- icon: buildProps(function (tokens) {
95
- return {
96
- style: {
97
- position: 'absolute',
98
- fontSize: tokens.iconSize || tokens.fontSize,
99
- },
100
- color: tokens.iconColor || tokens.color,
101
- width: tokens.iconSize,
102
- height: tokens.iconSize,
103
- };
104
- }, ['iconSize', 'iconColor']),
105
- ring: buildProps(function (tokens, theme) {
106
- var ringColor = tokens.ringColor, ringBackgroundColor = tokens.ringBackgroundColor;
107
- var ringConfig = getRingConfig(tokens);
108
- return {
109
- style: __assign(__assign({ borderStyle: 'solid', width: ringConfig.size, height: ringConfig.size }, borderStyles.from(tokens, theme)), { borderWidth: ringConfig.ringThickness, backgroundColor: ringBackgroundColor || 'transparent', borderColor: ringColor }),
110
- };
111
- }, __spreadArray(['size', 'ringColor', 'ringBackgroundColor', 'ringThickness'], borderStyles.keys, true)),
112
- badge: buildProps(function (tokens) {
113
- return {
114
- size: tokens.badgeSize,
115
- shape: 'circular',
116
- };
117
- }, ['badgeSize']),
118
- },
119
- };
120
- function getRingConfig(tokens) {
121
- var size = tokens.size, ringThickness = tokens.ringThickness;
122
- var SMALL_SIZE = 48;
123
- var MEDIUM_SIZE = 71;
124
- var strokeSize = {
125
- small: globalTokens.stroke.width.thick,
126
- medium: globalTokens.stroke.width.thicker,
127
- large: globalTokens.stroke.width.thickest,
128
- };
129
- if (ringThickness) {
130
- return {
131
- size: size + ringThickness * 4,
132
- ringThickness: ringThickness,
133
- innerStroke: ringThickness,
134
- };
135
- }
136
- else {
137
- if (size <= SMALL_SIZE) {
138
- return {
139
- size: size + strokeSize.small * 4,
140
- ringThickness: strokeSize.small,
141
- innerStroke: strokeSize.small,
142
- };
143
- }
144
- if (size <= MEDIUM_SIZE) {
145
- return {
146
- size: size + strokeSize.medium * 4,
147
- ringThickness: strokeSize.medium,
148
- innerStroke: strokeSize.medium,
149
- };
150
- }
151
- return {
152
- size: size + strokeSize.large * 4,
153
- ringThickness: strokeSize.large,
154
- innerStroke: strokeSize.large,
155
- };
156
- }
157
- }
158
- //# sourceMappingURL=JSAvatar.styling.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
@@ -1,213 +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 interface AvatarConfigurableProps {
22
- /**
23
- * Optional activity indicator
24
- * * active: the avatar will be decorated according to activeAppearance
25
- * * inactive: the avatar will be reduced in size and partially transparent
26
- * * unset: normal display
27
- *
28
- * @defaultvalue unset
29
- */
30
- active?: AvatarActive;
31
- /**
32
- * The color when displaying either an icon or initials.
33
- * * neutral (default): gray
34
- * * brand: color from the brand palette
35
- * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
36
- * * [AvatarNamedColor]: a specific color from the theme
37
- *
38
- * @defaultvalue neutral
39
- */
40
- avatarColor?: AvatarColor;
41
- initialsColor?: ColorValue;
42
- /**
43
- * Ring props
44
- */
45
- ringInnerGap?: number;
46
- ringBackgroundColor?: ColorValue;
47
- ringColor?: ColorValue;
48
- ringThickness?: number;
49
- transparentRing?: boolean;
50
- /**
51
- * Size of the avatar in pixels.
52
- *
53
- * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
54
- * based on design guidelines for the Avatar control.
55
- *
56
- * @defaultvalue 24
57
- */
58
- size?: AvatarSize;
59
- }
60
- export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
61
- /**
62
- * The appearance when `active="active"`
63
- *
64
- * @defaultvalue ring
65
- */
66
- activeAppearance?: AvatarActiveAppearance;
67
- /**
68
- * Badge shows the avatar's presence status.
69
- * Badge can be shown only if `active` prop is undefined or unset
70
- */
71
- badge?: PresenceBadgeProps;
72
- /**
73
- * Icon to be displayed when the avatar doesn't have an image or initials.
74
- *
75
- * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
76
- */
77
- icon?: IconSourcesType;
78
- /**
79
- * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
80
- * Use this when a name is not available, but there is another unique identifier that can be used instead.
81
- */
82
- idForColor?: string;
83
- /**
84
- * (optional) Custom initials.
85
- *
86
- * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
87
- * using the `getInitials` function.
88
- *
89
- * The initials are displayed when there is no image (including while the image is loading).
90
- */
91
- initials?: string;
92
- /**
93
- * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
94
- *
95
- * The name will be used to determine the initials displayed when there is no icon, as well as provided to
96
- * accessibility tools.
97
- */
98
- name?: string;
99
- /**
100
- * The avatar can have a circular or square shape.
101
- * @defaultvalue circular
102
- */
103
- shape?: AvatarShape;
104
- /**
105
- * Shorthand for passing image URL instead of using `image` prop
106
- */
107
- imageUrl?: string;
108
- }
109
- export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens, FontTokens {
110
- /**
111
- * Avatar opacity which is changed depending on `active` prop.
112
- */
113
- avatarOpacity?: number;
114
- /**
115
- * The size of presence badge.
116
- */
117
- badgeSize?: BadgeSize;
118
- /**
119
- * The icon color.
120
- */
121
- iconColor?: ColorValue;
122
- /**
123
- * The size of the icon.
124
- */
125
- iconSize?: number;
126
- /**
127
- * Avatar shapes:
128
- */
129
- circular?: JSAvatarTokens;
130
- square?: JSAvatarTokens;
131
- /**
132
- * Token for inactive value of `active` prop
133
- */
134
- inactive?: JSAvatarTokens;
135
- /**
136
- * Avatar sizes:
137
- */
138
- size20?: JSAvatarTokens;
139
- size24?: JSAvatarTokens;
140
- size28?: JSAvatarTokens;
141
- size32?: JSAvatarTokens;
142
- size36?: JSAvatarTokens;
143
- size40?: JSAvatarTokens;
144
- size48?: JSAvatarTokens;
145
- size56?: JSAvatarTokens;
146
- size64?: JSAvatarTokens;
147
- size72?: JSAvatarTokens;
148
- size96?: JSAvatarTokens;
149
- size120?: JSAvatarTokens;
150
- /**
151
- * Avatar colors:
152
- */
153
- neutral?: JSAvatarTokens;
154
- brand?: JSAvatarTokens;
155
- darkRed?: JSAvatarTokens;
156
- cranberry?: JSAvatarTokens;
157
- red?: JSAvatarTokens;
158
- pumpkin?: JSAvatarTokens;
159
- peach?: JSAvatarTokens;
160
- marigold?: JSAvatarTokens;
161
- gold?: JSAvatarTokens;
162
- brass?: JSAvatarTokens;
163
- brown?: JSAvatarTokens;
164
- forest?: JSAvatarTokens;
165
- seafoam?: JSAvatarTokens;
166
- darkGreen?: JSAvatarTokens;
167
- lightTeal?: JSAvatarTokens;
168
- teal?: JSAvatarTokens;
169
- steel?: JSAvatarTokens;
170
- blue?: JSAvatarTokens;
171
- royalBlue?: JSAvatarTokens;
172
- cornflower?: JSAvatarTokens;
173
- navy?: JSAvatarTokens;
174
- lavender?: JSAvatarTokens;
175
- purple?: JSAvatarTokens;
176
- grape?: JSAvatarTokens;
177
- lilac?: JSAvatarTokens;
178
- pink?: JSAvatarTokens;
179
- magenta?: JSAvatarTokens;
180
- plum?: JSAvatarTokens;
181
- beige?: JSAvatarTokens;
182
- mink?: JSAvatarTokens;
183
- platinum?: JSAvatarTokens;
184
- anchor?: JSAvatarTokens;
185
- burgundy?: JSAvatarTokens;
186
- hotPink?: JSAvatarTokens;
187
- orchid?: JSAvatarTokens;
188
- }
189
- export interface AvatarSlotProps {
190
- root: ViewProps;
191
- image: ImageProps;
192
- initials: TextProps;
193
- initialsBackground: ViewProps;
194
- icon: IconProps;
195
- ring: ViewProps;
196
- badge: BadgeProps;
197
- }
198
- export interface JSAvatarState {
199
- showRing: boolean;
200
- transparentRing: boolean;
201
- showBadge: boolean;
202
- }
203
- export interface AvatarInfo {
204
- props: JSAvatarProps;
205
- state: JSAvatarState;
206
- }
207
- export interface JSAvatarType {
208
- props: JSAvatarProps;
209
- slotProps: AvatarSlotProps;
210
- tokens: JSAvatarTokens;
211
- state: JSAvatarState;
212
- }
213
- //# 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,56 +0,0 @@
1
- export var JSAvatarName = 'Avatar';
2
- export var AvatarSizesForTokens = [
3
- 'size20',
4
- 'size24',
5
- 'size28',
6
- 'size32',
7
- 'size36',
8
- 'size40',
9
- 'size48',
10
- 'size56',
11
- 'size64',
12
- 'size72',
13
- 'size96',
14
- 'size120',
15
- ];
16
- export var AvatarSizes = [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
17
- /**
18
- * Sets color of the avatar when there is no picture. Uses fluent color names
19
- */
20
- export var AvatarColors = [
21
- 'darkRed',
22
- 'cranberry',
23
- 'red',
24
- 'pumpkin',
25
- 'peach',
26
- 'marigold',
27
- 'gold',
28
- 'brass',
29
- 'brown',
30
- 'forest',
31
- 'seafoam',
32
- 'darkGreen',
33
- 'lightTeal',
34
- 'teal',
35
- 'steel',
36
- 'blue',
37
- 'royalBlue',
38
- 'cornflower',
39
- 'navy',
40
- 'lavender',
41
- 'purple',
42
- 'grape',
43
- 'lilac',
44
- 'pink',
45
- 'magenta',
46
- 'plum',
47
- 'beige',
48
- 'mink',
49
- 'platinum',
50
- 'anchor',
51
- 'burgundy',
52
- 'hotPink',
53
- 'orchid',
54
- ];
55
- export var ColorSchemes = ['neutral', 'brand', 'colorful'];
56
- //# sourceMappingURL=JSAvatar.types.js.map
@@ -1 +0,0 @@
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,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;AAEX,MAAM,CAAC,IAAM,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;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;IACR,UAAU;IACV,SAAS;IACT,QAAQ;CACA,CAAC;AACX,MAAM,CAAC,IAAM,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,CAiKjD,CAAC"}
@@ -1,198 +0,0 @@
1
- import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
- export var defaultJSAvatarTokens = function (t) {
3
- return ({
4
- color: t.colors.neutralForeground3,
5
- backgroundColor: t.colors.neutralBackground6,
6
- avatarOpacity: 1,
7
- fontFamily: t.typography.families.primary,
8
- fontWeight: globalTokens.font.weight.semibold,
9
- fontSize: globalTokens.font.size[200],
10
- size: 24,
11
- iconSize: 16,
12
- iconColor: t.colors.neutralForeground3,
13
- ringColor: t.colors.transparentStroke,
14
- borderColor: globalTokens.color.white,
15
- borderWidth: t.host.appearance === 'highContrast' ? 1 : 0,
16
- circular: {
17
- borderRadius: globalTokens.corner.radius.circle,
18
- },
19
- square: {
20
- borderRadius: globalTokens.corner.radius.medium,
21
- },
22
- inactive: {
23
- avatarOpacity: 0.8,
24
- },
25
- size20: {
26
- size: 20,
27
- badgeSize: 'smallest',
28
- iconSize: 16,
29
- fontSize: globalTokens.font.size[100],
30
- square: {
31
- borderRadius: globalTokens.corner.radius.small,
32
- },
33
- },
34
- size24: {
35
- size: 24,
36
- badgeSize: 'smallest',
37
- iconSize: 16,
38
- fontSize: globalTokens.font.size[100],
39
- square: {
40
- borderRadius: globalTokens.corner.radius.small,
41
- },
42
- },
43
- size28: {
44
- size: 28,
45
- badgeSize: 'smaller',
46
- iconSize: 20,
47
- fontWeight: globalTokens.font.weight.semibold,
48
- fontSize: globalTokens.font.size[100],
49
- },
50
- size32: {
51
- size: 32,
52
- badgeSize: 'smaller',
53
- iconSize: 20,
54
- fontSize: globalTokens.font.size[100],
55
- },
56
- size36: {
57
- size: 36,
58
- badgeSize: 'smaller',
59
- iconSize: 20,
60
- },
61
- size40: {
62
- size: 40,
63
- badgeSize: 'small',
64
- iconSize: 20,
65
- },
66
- size48: {
67
- size: 48,
68
- badgeSize: 'small',
69
- iconSize: 24,
70
- },
71
- size56: {
72
- size: 56,
73
- badgeSize: 'medium',
74
- iconSize: 28,
75
- fontSize: globalTokens.font.size[400],
76
- square: {
77
- borderRadius: globalTokens.corner.radius.large,
78
- },
79
- },
80
- size64: {
81
- size: 64,
82
- badgeSize: 'large',
83
- iconSize: 32,
84
- fontSize: globalTokens.font.size[500],
85
- square: {
86
- borderRadius: globalTokens.corner.radius.large,
87
- },
88
- },
89
- size72: {
90
- size: 72,
91
- badgeSize: 'large',
92
- iconSize: 32,
93
- fontSize: globalTokens.font.size[500],
94
- square: {
95
- borderRadius: globalTokens.corner.radius.large,
96
- },
97
- },
98
- size96: {
99
- size: 96,
100
- badgeSize: 'largest',
101
- iconSize: 48,
102
- fontWeight: globalTokens.font.weight.regular,
103
- fontSize: globalTokens.font.size[700],
104
- square: {
105
- borderRadius: globalTokens.corner.radius.extraLarge,
106
- },
107
- },
108
- size120: {
109
- size: 120,
110
- badgeSize: 'largest',
111
- iconSize: 48,
112
- fontWeight: globalTokens.font.weight.regular,
113
- fontSize: globalTokens.font.size[900],
114
- square: {
115
- borderRadius: globalTokens.corner.radius.extraLarge,
116
- },
117
- },
118
- neutral: {
119
- backgroundColor: t.colors.neutralBackground6,
120
- color: t.colors.neutralForeground3,
121
- iconColor: t.colors.neutralForeground3,
122
- ringColor: t.colors.transparentStroke,
123
- },
124
- brand: {
125
- backgroundColor: t.colors.brandBackgroundStatic,
126
- color: t.colors.neutralForegroundOnBrand,
127
- iconColor: t.colors.neutralForegroundOnBrand,
128
- ringColor: t.colors.transparentStroke,
129
- },
130
- darkRed: getColorProps('darkRed', t),
131
- cranberry: getColorProps('cranberry', t),
132
- red: getColorProps('red', t),
133
- pumpkin: getColorProps('pumpkin', t),
134
- peach: getColorProps('peach', t),
135
- marigold: getColorProps('marigold', t),
136
- gold: getColorProps('gold', t),
137
- brass: getColorProps('brass', t),
138
- brown: getColorProps('brown', t),
139
- forest: getColorProps('forest', t),
140
- seafoam: getColorProps('seafoam', t),
141
- darkGreen: getColorProps('darkGreen', t),
142
- lightTeal: getColorProps('lightTeal', t),
143
- teal: getColorProps('teal', t),
144
- steel: getColorProps('steel', t),
145
- blue: getColorProps('blue', t),
146
- royalBlue: getColorProps('royalBlue', t),
147
- cornflower: getColorProps('cornflower', t),
148
- navy: getColorProps('navy', t),
149
- lavender: getColorProps('lavender', t),
150
- purple: getColorProps('purple', t),
151
- grape: getColorProps('grape', t),
152
- lilac: getColorProps('lilac', t),
153
- pink: getColorProps('pink', t),
154
- magenta: getColorProps('magenta', t),
155
- plum: getColorProps('plum', t),
156
- beige: getColorProps('beige', t),
157
- mink: getColorProps('mink', t),
158
- platinum: getColorProps('platinum', t),
159
- anchor: getColorProps('anchor', t),
160
- burgundy: getColorProps('burgundy', t),
161
- hotPink: getColorProps('hotPink', t),
162
- orchid: getColorProps('orchid', t),
163
- });
164
- };
165
- /**
166
- * A function which returns object of props depending on color and theme.
167
- * @param color
168
- * @param theme
169
- * @returns object of props - backgroundColor, color and ringColor
170
- */
171
- function getColorProps(color, theme) {
172
- var themeAppearance = theme.host.appearance;
173
- switch (themeAppearance) {
174
- case 'light':
175
- default:
176
- return {
177
- backgroundColor: globalTokens.color[color].tint40,
178
- color: globalTokens.color[color].shade30,
179
- iconColor: globalTokens.color[color].shade30,
180
- ringColor: globalTokens.color[color].primary,
181
- };
182
- case 'dark':
183
- return {
184
- backgroundColor: globalTokens.color[color].shade30,
185
- color: globalTokens.color[color].tint40,
186
- iconColor: globalTokens.color[color].tint40,
187
- ringColor: globalTokens.color[color].tint30,
188
- };
189
- case 'highContrast':
190
- return {
191
- backgroundColor: theme.colors.neutralBackground6,
192
- color: theme.colors.neutralForeground3,
193
- iconColor: theme.colors.neutralForeground3,
194
- ringColor: theme.colors.transparentStroke,
195
- };
196
- }
197
- }
198
- //# sourceMappingURL=JSAvatarTokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}