@fluentui-react-native/persona-coin 0.15.16 → 0.16.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.md +52 -0
- package/lib/PersonaCoin.d.ts +8 -2
- package/lib/PersonaCoin.d.ts.map +1 -1
- package/lib/PersonaCoin.helpers.d.ts +13 -6
- package/lib/PersonaCoin.helpers.js +106 -102
- package/lib/PersonaCoin.helpers.js.map +1 -1
- package/lib/PersonaCoin.js +81 -77
- package/lib/PersonaCoin.js.map +1 -1
- package/lib/PersonaCoin.settings.d.ts +1 -1
- package/lib/PersonaCoin.settings.js +10 -10
- package/lib/PersonaCoin.settings.js.map +1 -1
- package/lib/PersonaCoin.tokens.icon.d.ts +2 -2
- package/lib/PersonaCoin.tokens.icon.js +17 -17
- package/lib/PersonaCoin.tokens.icon.js.map +1 -1
- package/lib/PersonaCoin.tokens.initials.d.ts +6 -2
- package/lib/PersonaCoin.tokens.initials.js +7 -7
- package/lib/PersonaCoin.tokens.initials.js.map +1 -1
- package/lib/PersonaCoin.tokens.initialsBackground.d.ts +6 -2
- package/lib/PersonaCoin.tokens.initialsBackground.js +21 -22
- package/lib/PersonaCoin.tokens.initialsBackground.js.map +1 -1
- package/lib/PersonaCoin.tokens.photo.d.ts +2 -2
- package/lib/PersonaCoin.tokens.photo.js +11 -11
- package/lib/PersonaCoin.tokens.photo.js.map +1 -1
- package/lib/PersonaCoin.tokens.ring.d.ts +3 -3
- package/lib/PersonaCoin.tokens.ring.js +41 -43
- package/lib/PersonaCoin.tokens.ring.js.map +1 -1
- package/lib/PersonaCoin.tokens.root.d.ts +2 -2
- package/lib/PersonaCoin.tokens.root.js +14 -14
- package/lib/PersonaCoin.tokens.root.js.map +1 -1
- package/lib/PersonaCoin.types.d.ts +85 -45
- package/lib/PersonaCoin.types.js +1 -1
- package/lib/index.d.ts +17 -2
- package/lib/index.js +1 -1
- package/lib-commonjs/PersonaCoin.d.ts +8 -2
- package/lib-commonjs/PersonaCoin.d.ts.map +1 -1
- package/lib-commonjs/PersonaCoin.helpers.d.ts +13 -6
- package/lib-commonjs/PersonaCoin.helpers.js +115 -112
- package/lib-commonjs/PersonaCoin.helpers.js.map +1 -1
- package/lib-commonjs/PersonaCoin.js +98 -93
- package/lib-commonjs/PersonaCoin.js.map +1 -1
- package/lib-commonjs/PersonaCoin.settings.d.ts +1 -1
- package/lib-commonjs/PersonaCoin.settings.js +14 -14
- package/lib-commonjs/PersonaCoin.settings.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.icon.d.ts +2 -2
- package/lib-commonjs/PersonaCoin.tokens.icon.js +21 -21
- package/lib-commonjs/PersonaCoin.tokens.icon.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.initials.d.ts +6 -2
- package/lib-commonjs/PersonaCoin.tokens.initials.js +11 -11
- package/lib-commonjs/PersonaCoin.tokens.initials.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.d.ts +6 -2
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js +25 -26
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.photo.d.ts +2 -2
- package/lib-commonjs/PersonaCoin.tokens.photo.js +15 -15
- package/lib-commonjs/PersonaCoin.tokens.photo.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.ring.d.ts +3 -3
- package/lib-commonjs/PersonaCoin.tokens.ring.js +51 -47
- package/lib-commonjs/PersonaCoin.tokens.ring.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.root.d.ts +2 -2
- package/lib-commonjs/PersonaCoin.tokens.root.js +18 -18
- package/lib-commonjs/PersonaCoin.tokens.root.js.map +1 -1
- package/lib-commonjs/PersonaCoin.types.d.ts +85 -45
- package/lib-commonjs/PersonaCoin.types.js +3 -3
- package/lib-commonjs/index.d.ts +17 -2
- package/lib-commonjs/index.js +24 -9
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +62 -64
- package/src/PersonaCoin.tsx +2 -4
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.buildIconStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require(
|
|
5
|
-
const PersonaCoin_helpers_1 = require(
|
|
4
|
+
const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
|
|
5
|
+
const PersonaCoin_helpers_1 = require('./PersonaCoin.helpers');
|
|
6
6
|
const _iconKeyProps = ['iconSize', 'size', 'coinSize'];
|
|
7
7
|
function _buildIconStyles(tokenProps, theme) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
8
|
+
const { iconSize, iconStrokeWidth } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
+
const iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
|
|
10
|
+
const iconStrokeColor = tokenProps.iconStrokeColor || theme.colors.background;
|
|
11
|
+
return {
|
|
12
|
+
source: {},
|
|
13
|
+
style: {
|
|
14
|
+
position: 'absolute',
|
|
15
|
+
width: iconSizeAdjusted,
|
|
16
|
+
height: iconSizeAdjusted,
|
|
17
|
+
bottom: -iconStrokeWidth,
|
|
18
|
+
end: -iconStrokeWidth,
|
|
19
|
+
borderRadius: iconSizeAdjusted / 2,
|
|
20
|
+
borderWidth: iconStrokeWidth,
|
|
21
|
+
borderColor: iconStrokeColor,
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
24
|
}
|
|
25
25
|
exports.buildIconStyles = (0, foundation_tokens_1.styleFunction)(_buildIconStyles, _iconKeyProps);
|
|
26
|
-
//# sourceMappingURL=PersonaCoin.tokens.icon.js.map
|
|
26
|
+
//# sourceMappingURL=PersonaCoin.tokens.icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.icon.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.icon.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAErF,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.icon.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.icon.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAErF,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY,EAAc;IAClF,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,QAAQ,GAAG,eAAe,GAAG,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IAE9E,OAAO;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,gBAAgB;YACvB,MAAM,EAAE,gBAAgB;YACxB,MAAM,EAAE,CAAC,eAAe;YACxB,GAAG,EAAE,CAAC,eAAe;YACrB,YAAY,EAAE,gBAAgB,GAAG,CAAC;YAClC,WAAW,EAAE,eAAe;YAC5B,WAAW,EAAE,eAAe;SAC7B;KACF,CAAC;AAAA,CACH;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import type { TextProps } from 'react-native';
|
|
2
2
|
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
3
|
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildInitialsStyles: import(
|
|
5
|
-
|
|
4
|
+
export declare const buildInitialsStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<
|
|
5
|
+
TextProps,
|
|
6
|
+
IPersonaCoinTokens,
|
|
7
|
+
Theme
|
|
8
|
+
>;
|
|
9
|
+
//# sourceMappingURL=PersonaCoin.tokens.initials.d.ts.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.buildInitialsStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require(
|
|
5
|
-
const PersonaCoin_helpers_1 = require(
|
|
4
|
+
const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
|
|
5
|
+
const PersonaCoin_helpers_1 = require('./PersonaCoin.helpers');
|
|
6
6
|
const _initialsKeyProps = ['coinSize', 'initialsSize', 'size'];
|
|
7
7
|
function _buildInitialsStyles(tokenProps /*, theme: ITheme */) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
const { initialsSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
+
return {
|
|
10
|
+
style: {
|
|
11
|
+
fontSize: initialsSize,
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
14
|
}
|
|
15
15
|
exports.buildInitialsStyles = (0, foundation_tokens_1.styleFunction)(_buildInitialsStyles, _initialsKeyProps);
|
|
16
|
-
//# sourceMappingURL=PersonaCoin.tokens.initials.js.map
|
|
16
|
+
//# sourceMappingURL=PersonaCoin.tokens.initials.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.initials.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initials.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,iBAAiB,GAAiC,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE7F,SAAS,oBAAoB,CAAC,UAA8B,CAAC,oBAAoB;
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.initials.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initials.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,iBAAiB,GAAiC,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE7F,SAAS,oBAAoB,CAAC,UAA8B,CAAC,oBAAoB,EAAa;IAC5F,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AAAA,CACH;AAEY,QAAA,mBAAmB,GAAG,IAAA,iCAAa,EAAuC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import type { ViewProps } from 'react-native';
|
|
2
2
|
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
3
|
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildInitialsBackgroundStyles: import(
|
|
5
|
-
|
|
4
|
+
export declare const buildInitialsBackgroundStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<
|
|
5
|
+
ViewProps,
|
|
6
|
+
IPersonaCoinTokens,
|
|
7
|
+
Theme
|
|
8
|
+
>;
|
|
9
|
+
//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.d.ts.map
|
|
@@ -1,31 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.buildInitialsBackgroundStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require(
|
|
5
|
-
const PersonaCoin_helpers_1 = require(
|
|
4
|
+
const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
|
|
5
|
+
const PersonaCoin_helpers_1 = require('./PersonaCoin.helpers');
|
|
6
6
|
const _initialsBackgroundKeyProps = ['coinSize', 'size', 'coinColor', 'coinColorFluent', 'backgroundColor'];
|
|
7
7
|
function _buildInitialsBackgroundStyles(tokenProps /*, theme: ITheme*/) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
};
|
|
8
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
+
const { backgroundColor, coinColor, coinColorFluent } = tokenProps;
|
|
10
|
+
let effectiveBackgroundColor = backgroundColor;
|
|
11
|
+
if (coinColorFluent) {
|
|
12
|
+
effectiveBackgroundColor = (0, PersonaCoin_helpers_1.convertCoinColorFluent)(coinColorFluent);
|
|
13
|
+
} else if (coinColor) {
|
|
14
|
+
effectiveBackgroundColor = (0, PersonaCoin_helpers_1.convertCoinColor)(coinColor);
|
|
15
|
+
}
|
|
16
|
+
return {
|
|
17
|
+
style: {
|
|
18
|
+
borderRadius: physicalSize / 2,
|
|
19
|
+
width: physicalSize,
|
|
20
|
+
height: physicalSize,
|
|
21
|
+
flexGrow: 1,
|
|
22
|
+
alignSelf: 'stretch',
|
|
23
|
+
justifyContent: 'center',
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
backgroundColor: effectiveBackgroundColor,
|
|
26
|
+
},
|
|
27
|
+
};
|
|
29
28
|
}
|
|
30
29
|
exports.buildInitialsBackgroundStyles = (0, foundation_tokens_1.styleFunction)(_buildInitialsBackgroundStyles, _initialsBackgroundKeyProps);
|
|
31
|
-
//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.js.map
|
|
30
|
+
//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.initialsBackground.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initialsBackground.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAA0G;AAG1G,MAAM,2BAA2B,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;AAE1I,SAAS,8BAA8B,CAAC,UAA8B,CAAC,mBAAmB;
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.initialsBackground.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initialsBackground.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAA0G;AAG1G,MAAM,2BAA2B,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;AAE1I,SAAS,8BAA8B,CAAC,UAA8B,CAAC,mBAAmB,EAAa;IACrG,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC;IACnE,IAAI,wBAAwB,GAAG,eAAe,CAAC;IAC/C,IAAI,eAAe,EAAE,CAAC;QACpB,wBAAwB,GAAG,IAAA,4CAAsB,EAAC,eAAe,CAAC,CAAC;IACrE,CAAC;SAAM,IAAI,SAAS,EAAE,CAAC;QACrB,wBAAwB,GAAG,IAAA,sCAAgB,EAAC,SAAS,CAAC,CAAC;IACzD,CAAC;IAED,OAAO;QACL,KAAK,EAAE;YACL,YAAY,EAAE,YAAY,GAAG,CAAC;YAC9B,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,SAAS;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,wBAAwB;SAC1C;KACF,CAAC;AAAA,CACH;AAEY,QAAA,6BAA6B,GAAG,IAAA,iCAAa,EACxD,8BAA8B,EAC9B,2BAA2B,CAC5B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ImageProps } from 'react-native';
|
|
2
2
|
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
3
|
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildPhotoStyles: import(
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.tokens.photo.d.ts.map
|
|
4
|
+
export declare const buildPhotoStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
|
|
5
|
+
//# sourceMappingURL=PersonaCoin.tokens.photo.d.ts.map
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.buildPhotoStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require(
|
|
5
|
-
const PersonaCoin_helpers_1 = require(
|
|
4
|
+
const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
|
|
5
|
+
const PersonaCoin_helpers_1 = require('./PersonaCoin.helpers');
|
|
6
6
|
const _photoKeyProps = ['coinSize', 'size'];
|
|
7
7
|
function _buildPhotoStyles(tokenProps /*, theme: ITheme */) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
+
return {
|
|
10
|
+
source: {},
|
|
11
|
+
style: {
|
|
12
|
+
borderRadius: physicalSize / 2,
|
|
13
|
+
width: physicalSize,
|
|
14
|
+
height: physicalSize,
|
|
15
|
+
},
|
|
16
|
+
resizeMode: 'cover',
|
|
17
|
+
};
|
|
18
18
|
}
|
|
19
19
|
exports.buildPhotoStyles = (0, foundation_tokens_1.styleFunction)(_buildPhotoStyles, _photoKeyProps);
|
|
20
|
-
//# sourceMappingURL=PersonaCoin.tokens.photo.js.map
|
|
20
|
+
//# sourceMappingURL=PersonaCoin.tokens.photo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.photo.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.photo.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,cAAc,GAAiC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE1E,SAAS,iBAAiB,CAAC,UAA8B,CAAC,oBAAoB;
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.photo.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.photo.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,cAAc,GAAiC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE1E,SAAS,iBAAiB,CAAC,UAA8B,CAAC,oBAAoB,EAAc;IAC1F,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,YAAY,EAAE,YAAY,GAAG,CAAC;YAC9B,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;SACrB;QACD,UAAU,EAAE,OAAO;KACpB,CAAC;AAAA,CACH;AAEY,QAAA,gBAAgB,GAAG,IAAA,iCAAa,EAAwC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ViewProps } from 'react-native';
|
|
2
2
|
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
3
|
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildRingStyles: import(
|
|
5
|
-
export declare const buildGlowStyles: import(
|
|
6
|
-
//# sourceMappingURL=PersonaCoin.tokens.ring.d.ts.map
|
|
4
|
+
export declare const buildRingStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
|
|
5
|
+
export declare const buildGlowStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
|
|
6
|
+
//# sourceMappingURL=PersonaCoin.tokens.ring.d.ts.map
|
|
@@ -1,55 +1,59 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.buildGlowStyles = exports.buildRingStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require(
|
|
5
|
-
const PersonaCoin_helpers_1 = require(
|
|
4
|
+
const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
|
|
5
|
+
const PersonaCoin_helpers_1 = require('./PersonaCoin.helpers');
|
|
6
6
|
const _ringProps = ['coinSize', 'size', 'ring'];
|
|
7
7
|
function _buildRingStyles(tokenProps, theme) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
8
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
+
const { ring } = tokenProps;
|
|
10
|
+
if (!ring) return {};
|
|
11
|
+
const innerGap =
|
|
12
|
+
ring.innerGap != undefined
|
|
13
|
+
? (0, PersonaCoin_helpers_1.getRingThickness)(ring.innerGap)
|
|
14
|
+
: (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge');
|
|
15
|
+
const effectiveRingThickness = 2 * (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge') + innerGap;
|
|
16
|
+
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
17
|
+
const ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
|
|
18
|
+
return {
|
|
19
|
+
style: {
|
|
20
|
+
borderStyle: 'solid',
|
|
21
|
+
borderColor: ringColor,
|
|
22
|
+
borderWidth: effectiveRingThickness,
|
|
23
|
+
borderRadius: effectiveSize / 2,
|
|
24
|
+
width: effectiveSize,
|
|
25
|
+
height: effectiveSize,
|
|
26
|
+
position: 'absolute',
|
|
27
|
+
top: -effectiveRingThickness,
|
|
28
|
+
left: -effectiveRingThickness,
|
|
29
|
+
},
|
|
30
|
+
};
|
|
29
31
|
}
|
|
30
32
|
function _buildGlowStyles(tokenProps, theme) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
33
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
34
|
+
const { ring } = tokenProps;
|
|
35
|
+
if (!ring) return {};
|
|
36
|
+
const innerGap =
|
|
37
|
+
ring.innerGap != undefined
|
|
38
|
+
? (0, PersonaCoin_helpers_1.getRingThickness)(ring.innerGap)
|
|
39
|
+
: (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge');
|
|
40
|
+
const effectiveRingThickness = (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge') + innerGap;
|
|
41
|
+
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
42
|
+
const glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
|
|
43
|
+
return {
|
|
44
|
+
style: {
|
|
45
|
+
borderStyle: 'solid',
|
|
46
|
+
borderColor: glowColor,
|
|
47
|
+
borderWidth: effectiveRingThickness - innerGap,
|
|
48
|
+
borderRadius: effectiveSize / 2,
|
|
49
|
+
width: effectiveSize,
|
|
50
|
+
height: effectiveSize,
|
|
51
|
+
position: 'absolute',
|
|
52
|
+
top: -effectiveRingThickness,
|
|
53
|
+
left: -effectiveRingThickness,
|
|
54
|
+
},
|
|
55
|
+
};
|
|
52
56
|
}
|
|
53
57
|
exports.buildRingStyles = (0, foundation_tokens_1.styleFunction)(_buildRingStyles, _ringProps);
|
|
54
58
|
exports.buildGlowStyles = (0, foundation_tokens_1.styleFunction)(_buildGlowStyles, _ringProps);
|
|
55
|
-
//# sourceMappingURL=PersonaCoin.tokens.ring.js.map
|
|
59
|
+
//# sourceMappingURL=PersonaCoin.tokens.ring.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.ring.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.ring.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAkF;AAGlF,MAAM,UAAU,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9E,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.ring.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.ring.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAkF;AAGlF,MAAM,UAAU,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9E,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY,EAAa;IACjF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,MAAM,sBAAsB,GAAG,CAAC,GAAG,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAChG,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,MAAM,SAAS,GAAG,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;IAE/E,OAAO;QACL,KAAK,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,SAAS;YACtB,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,aAAa,GAAG,CAAC;YAC/B,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,sBAAsB;YAC5B,IAAI,EAAE,CAAC,sBAAsB;SAC9B;KACF,CAAC;AAAA,CACH;AAED,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY,EAAa;IACjF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,MAAM,sBAAsB,GAAG,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAC5F,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;IAEzH,OAAO;QACL,KAAK,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,SAAS;YACtB,WAAW,EAAE,sBAAsB,GAAG,QAAQ;YAC9C,YAAY,EAAE,aAAa,GAAG,CAAC;YAC/B,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,sBAAsB;YAC5B,IAAI,EAAE,CAAC,sBAAsB;SAC9B;KACF,CAAC;AAAA,CACH;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC;AACpG,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
2
2
|
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
3
|
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildRootStyles: import(
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.tokens.root.d.ts.map
|
|
4
|
+
export declare const buildRootStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<IViewProps, IPersonaCoinTokens, Theme>;
|
|
5
|
+
//# sourceMappingURL=PersonaCoin.tokens.root.d.ts.map
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.buildRootStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require(
|
|
5
|
-
const PersonaCoin_helpers_1 = require(
|
|
4
|
+
const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
|
|
5
|
+
const PersonaCoin_helpers_1 = require('./PersonaCoin.helpers');
|
|
6
6
|
const nameMap = {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
start: 'flex-start',
|
|
8
|
+
center: 'center',
|
|
9
|
+
end: 'flex-end',
|
|
10
10
|
};
|
|
11
11
|
const _rootKeyProps = ['coinSize', 'size', 'horizontalIconAlignment', 'verticalIconAlignment'];
|
|
12
12
|
function _buildRootStyles(tokenProps /*, theme: ITheme */) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
13
|
+
const rootStyle = {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
};
|
|
16
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
17
|
+
rootStyle.width = physicalSize;
|
|
18
|
+
rootStyle.height = physicalSize;
|
|
19
|
+
const { horizontalIconAlignment, verticalIconAlignment } = tokenProps;
|
|
20
|
+
rootStyle.justifyContent = nameMap[horizontalIconAlignment || 'end'];
|
|
21
|
+
rootStyle.alignItems = nameMap[verticalIconAlignment || 'end'];
|
|
22
|
+
return { style: rootStyle };
|
|
23
23
|
}
|
|
24
24
|
exports.buildRootStyles = (0, foundation_tokens_1.styleFunction)(_buildRootStyles, _rootKeyProps);
|
|
25
|
-
//# sourceMappingURL=PersonaCoin.tokens.root.js.map
|
|
25
|
+
//# sourceMappingURL=PersonaCoin.tokens.root.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.root.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.root.ts"],"names":[],"mappings":";;;AAIA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC;AAE7H,SAAS,gBAAgB,CAAC,UAA8B,CAAC,oBAAoB;
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.root.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.root.ts"],"names":[],"mappings":";;;AAIA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC;AAE7H,SAAS,gBAAgB,CAAC,UAA8B,CAAC,oBAAoB,EAAc;IACzF,MAAM,SAAS,GAAc;QAC3B,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,SAAS,CAAC,KAAK,GAAG,YAAY,CAAC;IAC/B,SAAS,CAAC,MAAM,GAAG,YAAY,CAAC;IAEhC,MAAM,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,GAAG,UAAU,CAAC;IACtE,SAAS,CAAC,cAAc,GAAG,OAAO,CAAC,uBAAuB,IAAI,KAAK,CAAgC,CAAC;IACpG,SAAS,CAAC,UAAU,GAAG,OAAO,CAAC,qBAAqB,IAAI,KAAK,CAA4B,CAAC;IAE1F,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAAA,CAC7B;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
|
|
@@ -2,74 +2,114 @@ import type { ImageProps, ViewProps, ImageURISource, TextProps, ColorValue } fro
|
|
|
2
2
|
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
3
3
|
import type { IBackgroundColorTokens, IForegroundColorTokens } from '@fluentui-react-native/tokens';
|
|
4
4
|
import type { IRenderData } from '@uifabricshared/foundation-composable';
|
|
5
|
-
export declare const personaCoinName =
|
|
5
|
+
export declare const personaCoinName = 'RNFPersonaCoin';
|
|
6
6
|
export type PersonaSize = 'size8' | 'size24' | 'size32' | 'size40' | 'size48' | 'size56' | 'size72' | 'size100' | 'size120';
|
|
7
7
|
/**
|
|
8
8
|
* Sets color of the coin when there is no picture
|
|
9
9
|
* @deprecated Use PersonaCoinFluentColor instead.
|
|
10
10
|
*/
|
|
11
|
-
export type PersonaCoinColor =
|
|
11
|
+
export type PersonaCoinColor =
|
|
12
|
+
| 'lightBlue'
|
|
13
|
+
| 'blue'
|
|
14
|
+
| 'darkBlue'
|
|
15
|
+
| 'teal'
|
|
16
|
+
| 'green'
|
|
17
|
+
| 'darkGreen'
|
|
18
|
+
| 'lightPink'
|
|
19
|
+
| 'pink'
|
|
20
|
+
| 'magenta'
|
|
21
|
+
| 'purple'
|
|
22
|
+
| 'orange'
|
|
23
|
+
| 'darkRed'
|
|
24
|
+
| 'violet'
|
|
25
|
+
| 'lightRed'
|
|
26
|
+
| 'gold'
|
|
27
|
+
| 'burgundy'
|
|
28
|
+
| 'warmGray'
|
|
29
|
+
| 'coolGray'
|
|
30
|
+
| 'cyan'
|
|
31
|
+
| 'rust';
|
|
12
32
|
/**
|
|
13
33
|
* Sets color of the coin when there is no picture. Uses fluent color names
|
|
14
34
|
*/
|
|
15
|
-
export type PersonaCoinFluentColor =
|
|
35
|
+
export type PersonaCoinFluentColor =
|
|
36
|
+
| 'cornflower'
|
|
37
|
+
| 'blue'
|
|
38
|
+
| 'royalBlue'
|
|
39
|
+
| 'teal'
|
|
40
|
+
| 'forest'
|
|
41
|
+
| 'darkGreen'
|
|
42
|
+
| 'berry'
|
|
43
|
+
| 'hotPink'
|
|
44
|
+
| 'grape'
|
|
45
|
+
| 'purple'
|
|
46
|
+
| 'pumpkin'
|
|
47
|
+
| 'red'
|
|
48
|
+
| 'burgundy'
|
|
49
|
+
| 'orchid'
|
|
50
|
+
| 'brass'
|
|
51
|
+
| 'darkRed'
|
|
52
|
+
| 'beige'
|
|
53
|
+
| 'platinum'
|
|
54
|
+
| 'steel'
|
|
55
|
+
| 'brown';
|
|
16
56
|
export type PersonaPresence = 'none' | 'offline' | 'online' | 'away' | 'dnd' | 'blocked' | 'busy';
|
|
17
57
|
export type RingThickness = number | 'xSmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
18
58
|
export interface RingConfig {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
59
|
+
accent?: boolean;
|
|
60
|
+
transparent?: boolean;
|
|
61
|
+
ringColor?: ColorValue;
|
|
62
|
+
ringBackgroundColor?: ColorValue;
|
|
63
|
+
ringThickness?: RingThickness;
|
|
64
|
+
innerGap?: RingThickness;
|
|
25
65
|
}
|
|
26
66
|
export interface IPersonaConfigurableProps {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
67
|
+
size?: PersonaSize;
|
|
68
|
+
/**
|
|
69
|
+
* Sets color of the coin when there is no picture
|
|
70
|
+
* @deprecated Use coinColorFluent instead
|
|
71
|
+
*/
|
|
72
|
+
coinColor?: PersonaCoinColor;
|
|
73
|
+
ring?: RingConfig;
|
|
74
|
+
coinColorFluent?: PersonaCoinFluentColor;
|
|
35
75
|
}
|
|
36
76
|
export interface IPersonaCoinProps extends IViewProps, IPersonaConfigurableProps {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
77
|
+
imageUrl?: string;
|
|
78
|
+
imageDescription?: string;
|
|
79
|
+
initials?: string;
|
|
80
|
+
presence?: PersonaPresence;
|
|
81
|
+
isOutOfOffice?: boolean;
|
|
42
82
|
}
|
|
43
83
|
export interface IPersonaCoinSlotProps {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
84
|
+
root: ViewProps;
|
|
85
|
+
photo: ImageProps;
|
|
86
|
+
initials: TextProps;
|
|
87
|
+
initialsBackground: ViewProps;
|
|
88
|
+
icon: ImageProps;
|
|
89
|
+
ring: ViewProps;
|
|
90
|
+
glow: ViewProps;
|
|
51
91
|
}
|
|
52
92
|
export type IconAlignment = 'start' | 'center' | 'end';
|
|
53
93
|
export interface IPersonaCoinTokens extends IBackgroundColorTokens, IForegroundColorTokens, IPersonaConfigurableProps {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
94
|
+
coinSize?: number;
|
|
95
|
+
iconSize?: number;
|
|
96
|
+
iconStrokeWidth?: number;
|
|
97
|
+
iconStrokeColor?: string;
|
|
98
|
+
initialsSize?: number;
|
|
99
|
+
horizontalIconAlignment?: IconAlignment;
|
|
100
|
+
verticalIconAlignment?: IconAlignment;
|
|
61
101
|
}
|
|
62
102
|
export interface IPersonaCoinState {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
103
|
+
personaPhotoSource: ImageURISource | undefined;
|
|
104
|
+
iconSource: ImageURISource | undefined;
|
|
105
|
+
showRing: boolean;
|
|
106
|
+
transparentRing: boolean;
|
|
67
107
|
}
|
|
68
108
|
export interface IPersonaCoinType {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
109
|
+
props: IPersonaCoinProps;
|
|
110
|
+
slotProps: IPersonaCoinSlotProps;
|
|
111
|
+
tokens: IPersonaCoinTokens;
|
|
112
|
+
state: IPersonaCoinState;
|
|
73
113
|
}
|
|
74
114
|
export type IPersonaCoinRenderData = IRenderData<IPersonaCoinSlotProps, IPersonaCoinState>;
|
|
75
|
-
//# sourceMappingURL=PersonaCoin.types.d.ts.map
|
|
115
|
+
//# sourceMappingURL=PersonaCoin.types.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.personaCoinName = void 0;
|
|
4
4
|
exports.personaCoinName = 'RNFPersonaCoin';
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.types.js.map
|
|
5
|
+
//# sourceMappingURL=PersonaCoin.types.js.map
|
package/lib-commonjs/index.d.ts
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
export { PersonaCoin } from './PersonaCoin';
|
|
2
2
|
export { personaCoinName } from './PersonaCoin.types';
|
|
3
|
-
export type {
|
|
3
|
+
export type {
|
|
4
|
+
IPersonaCoinProps,
|
|
5
|
+
IPersonaCoinRenderData,
|
|
6
|
+
IPersonaCoinSlotProps,
|
|
7
|
+
IPersonaCoinState,
|
|
8
|
+
IPersonaCoinTokens,
|
|
9
|
+
IPersonaCoinType,
|
|
10
|
+
IPersonaConfigurableProps,
|
|
11
|
+
IconAlignment,
|
|
12
|
+
PersonaCoinColor,
|
|
13
|
+
PersonaCoinFluentColor,
|
|
14
|
+
PersonaPresence,
|
|
15
|
+
PersonaSize,
|
|
16
|
+
RingConfig,
|
|
17
|
+
RingThickness,
|
|
18
|
+
} from './PersonaCoin.types';
|
|
4
19
|
export { buildRootStyles } from './PersonaCoin.tokens.root';
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|