@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.settings.js","sourceRoot":"","sources":["../src/PersonaCoin.settings.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAuC;IAC1D;QACE,MAAM,EAAE;YACN,uBAAuB,EAAE,KAAK;YAC9B,qBAAqB,EAAE,KAAK;YAC5B,KAAK,EAAE,OAAO;
|
|
1
|
+
{"version":3,"file":"PersonaCoin.settings.js","sourceRoot":"","sources":["../src/PersonaCoin.settings.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAuC;IAC1D;QACE,MAAM,EAAE;YACN,uBAAuB,EAAE,KAAK;YAC9B,qBAAqB,EAAE,KAAK;YAC5B,KAAK,EAAE,OAAO,EAAE,wDAAwD;YACxE,eAAe,EAAE,OAAO,EAAE,iEAAiE;YAC3F,eAAe,EAAE,sBAAsB,CAAC,YAAY,CAAC;SACtD;KACF;IACD,eAAe;CAChB,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 buildIconStyles: import(
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.tokens.icon.d.ts.map
|
|
4
|
+
export declare const buildIconStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
|
|
5
|
+
//# sourceMappingURL=PersonaCoin.tokens.icon.d.ts.map
|
|
@@ -2,22 +2,22 @@ import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
|
2
2
|
import { calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
3
|
const _iconKeyProps = ['iconSize', 'size', 'coinSize'];
|
|
4
4
|
function _buildIconStyles(tokenProps, theme) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
5
|
+
const { iconSize, iconStrokeWidth } = calculateEffectiveSizes(tokenProps);
|
|
6
|
+
const iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
|
|
7
|
+
const iconStrokeColor = tokenProps.iconStrokeColor || theme.colors.background;
|
|
8
|
+
return {
|
|
9
|
+
source: {},
|
|
10
|
+
style: {
|
|
11
|
+
position: 'absolute',
|
|
12
|
+
width: iconSizeAdjusted,
|
|
13
|
+
height: iconSizeAdjusted,
|
|
14
|
+
bottom: -iconStrokeWidth,
|
|
15
|
+
end: -iconStrokeWidth,
|
|
16
|
+
borderRadius: iconSizeAdjusted / 2,
|
|
17
|
+
borderWidth: iconStrokeWidth,
|
|
18
|
+
borderColor: iconStrokeColor,
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
21
|
}
|
|
22
22
|
export const buildIconStyles = styleFunction(_buildIconStyles, _iconKeyProps);
|
|
23
|
-
//# sourceMappingURL=PersonaCoin.tokens.icon.js.map
|
|
23
|
+
//# 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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,uBAAuB,CAAC,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;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAwC,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
|
|
@@ -2,12 +2,12 @@ import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
|
2
2
|
import { calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
3
|
const _initialsKeyProps = ['coinSize', 'initialsSize', 'size'];
|
|
4
4
|
function _buildInitialsStyles(tokenProps /*, theme: ITheme */) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const { initialsSize } = calculateEffectiveSizes(tokenProps);
|
|
6
|
+
return {
|
|
7
|
+
style: {
|
|
8
|
+
fontSize: initialsSize,
|
|
9
|
+
},
|
|
10
|
+
};
|
|
11
11
|
}
|
|
12
12
|
export const buildInitialsStyles = styleFunction(_buildInitialsStyles, _initialsKeyProps);
|
|
13
|
-
//# sourceMappingURL=PersonaCoin.tokens.initials.js.map
|
|
13
|
+
//# 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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AAAA,CACH;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAuC,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
|
|
@@ -2,27 +2,26 @@ import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
|
2
2
|
import { convertCoinColor, convertCoinColorFluent, calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
3
|
const _initialsBackgroundKeyProps = ['coinSize', 'size', 'coinColor', 'coinColorFluent', 'backgroundColor'];
|
|
4
4
|
function _buildInitialsBackgroundStyles(tokenProps /*, theme: ITheme*/) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
5
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
6
|
+
const { backgroundColor, coinColor, coinColorFluent } = tokenProps;
|
|
7
|
+
let effectiveBackgroundColor = backgroundColor;
|
|
8
|
+
if (coinColorFluent) {
|
|
9
|
+
effectiveBackgroundColor = convertCoinColorFluent(coinColorFluent);
|
|
10
|
+
} else if (coinColor) {
|
|
11
|
+
effectiveBackgroundColor = convertCoinColor(coinColor);
|
|
12
|
+
}
|
|
13
|
+
return {
|
|
14
|
+
style: {
|
|
15
|
+
borderRadius: physicalSize / 2,
|
|
16
|
+
width: physicalSize,
|
|
17
|
+
height: physicalSize,
|
|
18
|
+
flexGrow: 1,
|
|
19
|
+
alignSelf: 'stretch',
|
|
20
|
+
justifyContent: 'center',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
backgroundColor: effectiveBackgroundColor,
|
|
23
|
+
},
|
|
24
|
+
};
|
|
26
25
|
}
|
|
27
26
|
export const buildInitialsBackgroundStyles = styleFunction(_buildInitialsBackgroundStyles, _initialsBackgroundKeyProps);
|
|
28
|
-
//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.js.map
|
|
27
|
+
//# 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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,uBAAuB,CAAC,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,sBAAsB,CAAC,eAAe,CAAC,CAAC;IACrE,CAAC;SAAM,IAAI,SAAS,EAAE,CAAC;QACrB,wBAAwB,GAAG,gBAAgB,CAAC,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;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,aAAa,CACxD,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
|
|
@@ -2,16 +2,16 @@ import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
|
2
2
|
import { calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
3
|
const _photoKeyProps = ['coinSize', 'size'];
|
|
4
4
|
function _buildPhotoStyles(tokenProps /*, theme: ITheme */) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
6
|
+
return {
|
|
7
|
+
source: {},
|
|
8
|
+
style: {
|
|
9
|
+
borderRadius: physicalSize / 2,
|
|
10
|
+
width: physicalSize,
|
|
11
|
+
height: physicalSize,
|
|
12
|
+
},
|
|
13
|
+
resizeMode: 'cover',
|
|
14
|
+
};
|
|
15
15
|
}
|
|
16
16
|
export const buildPhotoStyles = styleFunction(_buildPhotoStyles, _photoKeyProps);
|
|
17
|
-
//# sourceMappingURL=PersonaCoin.tokens.photo.js.map
|
|
17
|
+
//# 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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,MAAM,cAAc,GAAiC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE1E,SAAS,iBAAiB,CAAC,UAA8B,CAAC,oBAAoB,EAAc;IAC1F,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,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;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwC,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
|
|
@@ -2,51 +2,49 @@ import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
|
2
2
|
import { getRingThickness, calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
3
|
const _ringProps = ['coinSize', 'size', 'ring'];
|
|
4
4
|
function _buildRingStyles(tokenProps, theme) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
5
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
6
|
+
const { ring } = tokenProps;
|
|
7
|
+
if (!ring) return {};
|
|
8
|
+
const innerGap = ring.innerGap != undefined ? getRingThickness(ring.innerGap) : getRingThickness(ring.ringThickness || 'xxlarge');
|
|
9
|
+
const effectiveRingThickness = 2 * getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
|
|
10
|
+
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
11
|
+
const ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
|
|
12
|
+
return {
|
|
13
|
+
style: {
|
|
14
|
+
borderStyle: 'solid',
|
|
15
|
+
borderColor: ringColor,
|
|
16
|
+
borderWidth: effectiveRingThickness,
|
|
17
|
+
borderRadius: effectiveSize / 2,
|
|
18
|
+
width: effectiveSize,
|
|
19
|
+
height: effectiveSize,
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
top: -effectiveRingThickness,
|
|
22
|
+
left: -effectiveRingThickness,
|
|
23
|
+
},
|
|
24
|
+
};
|
|
26
25
|
}
|
|
27
26
|
function _buildGlowStyles(tokenProps, theme) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
};
|
|
27
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
28
|
+
const { ring } = tokenProps;
|
|
29
|
+
if (!ring) return {};
|
|
30
|
+
const innerGap = ring.innerGap != undefined ? getRingThickness(ring.innerGap) : getRingThickness(ring.ringThickness || 'xxlarge');
|
|
31
|
+
const effectiveRingThickness = getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
|
|
32
|
+
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
33
|
+
const glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
|
|
34
|
+
return {
|
|
35
|
+
style: {
|
|
36
|
+
borderStyle: 'solid',
|
|
37
|
+
borderColor: glowColor,
|
|
38
|
+
borderWidth: effectiveRingThickness - innerGap,
|
|
39
|
+
borderRadius: effectiveSize / 2,
|
|
40
|
+
width: effectiveSize,
|
|
41
|
+
height: effectiveSize,
|
|
42
|
+
position: 'absolute',
|
|
43
|
+
top: -effectiveRingThickness,
|
|
44
|
+
left: -effectiveRingThickness,
|
|
45
|
+
},
|
|
46
|
+
};
|
|
49
47
|
}
|
|
50
48
|
export const buildRingStyles = styleFunction(_buildRingStyles, _ringProps);
|
|
51
49
|
export const buildGlowStyles = styleFunction(_buildGlowStyles, _ringProps);
|
|
52
|
-
//# sourceMappingURL=PersonaCoin.tokens.ring.js.map
|
|
50
|
+
//# 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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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":"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"}
|
|
@@ -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,22 +1,22 @@
|
|
|
1
1
|
import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
2
2
|
import { calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
3
|
const nameMap = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
start: 'flex-start',
|
|
5
|
+
center: 'center',
|
|
6
|
+
end: 'flex-end',
|
|
7
7
|
};
|
|
8
8
|
const _rootKeyProps = ['coinSize', 'size', 'horizontalIconAlignment', 'verticalIconAlignment'];
|
|
9
9
|
function _buildRootStyles(tokenProps /*, theme: ITheme */) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
const rootStyle = {
|
|
11
|
+
flexDirection: 'row',
|
|
12
|
+
};
|
|
13
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
14
|
+
rootStyle.width = physicalSize;
|
|
15
|
+
rootStyle.height = physicalSize;
|
|
16
|
+
const { horizontalIconAlignment, verticalIconAlignment } = tokenProps;
|
|
17
|
+
rootStyle.justifyContent = nameMap[horizontalIconAlignment || 'end'];
|
|
18
|
+
rootStyle.alignItems = nameMap[verticalIconAlignment || 'end'];
|
|
19
|
+
return { style: rootStyle };
|
|
20
20
|
}
|
|
21
21
|
export const buildRootStyles = styleFunction(_buildRootStyles, _rootKeyProps);
|
|
22
|
-
//# sourceMappingURL=PersonaCoin.tokens.root.js.map
|
|
22
|
+
//# 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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;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,uBAAuB,CAAC,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;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAwC,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
|
package/lib/PersonaCoin.types.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const personaCoinName = 'RNFPersonaCoin';
|
|
2
|
-
//# sourceMappingURL=PersonaCoin.types.js.map
|
|
2
|
+
//# sourceMappingURL=PersonaCoin.types.js.map
|
package/lib/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
|
package/lib/index.js
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import type { IPersonaCoinProps, IPersonaCoinSlotProps, IPersonaCoinState } from './PersonaCoin.types';
|
|
2
|
-
export declare const PersonaCoin: import(
|
|
3
|
-
|
|
2
|
+
export declare const PersonaCoin: import('@uifabricshared/foundation-compose').IComposeReturnType<
|
|
3
|
+
IPersonaCoinProps,
|
|
4
|
+
IPersonaCoinSlotProps,
|
|
5
|
+
import('./PersonaCoin.types').IPersonaCoinTokens,
|
|
6
|
+
IPersonaCoinState,
|
|
7
|
+
object
|
|
8
|
+
>;
|
|
9
|
+
//# sourceMappingURL=PersonaCoin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PersonaCoin.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACV,iBAAiB,EAEjB,qBAAqB,EAErB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AA6D7B,eAAO,MAAM,WAAW,wLAyCtB,CAAC"}
|