@fluentui-react-native/persona-coin 0.15.17 → 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.
Files changed (68) hide show
  1. package/CHANGELOG.md +52 -0
  2. package/lib/PersonaCoin.d.ts +8 -2
  3. package/lib/PersonaCoin.d.ts.map +1 -1
  4. package/lib/PersonaCoin.helpers.d.ts +13 -6
  5. package/lib/PersonaCoin.helpers.js +106 -102
  6. package/lib/PersonaCoin.helpers.js.map +1 -1
  7. package/lib/PersonaCoin.js +81 -77
  8. package/lib/PersonaCoin.js.map +1 -1
  9. package/lib/PersonaCoin.settings.d.ts +1 -1
  10. package/lib/PersonaCoin.settings.js +10 -10
  11. package/lib/PersonaCoin.settings.js.map +1 -1
  12. package/lib/PersonaCoin.tokens.icon.d.ts +2 -2
  13. package/lib/PersonaCoin.tokens.icon.js +17 -17
  14. package/lib/PersonaCoin.tokens.icon.js.map +1 -1
  15. package/lib/PersonaCoin.tokens.initials.d.ts +6 -2
  16. package/lib/PersonaCoin.tokens.initials.js +7 -7
  17. package/lib/PersonaCoin.tokens.initials.js.map +1 -1
  18. package/lib/PersonaCoin.tokens.initialsBackground.d.ts +6 -2
  19. package/lib/PersonaCoin.tokens.initialsBackground.js +21 -22
  20. package/lib/PersonaCoin.tokens.initialsBackground.js.map +1 -1
  21. package/lib/PersonaCoin.tokens.photo.d.ts +2 -2
  22. package/lib/PersonaCoin.tokens.photo.js +11 -11
  23. package/lib/PersonaCoin.tokens.photo.js.map +1 -1
  24. package/lib/PersonaCoin.tokens.ring.d.ts +3 -3
  25. package/lib/PersonaCoin.tokens.ring.js +41 -43
  26. package/lib/PersonaCoin.tokens.ring.js.map +1 -1
  27. package/lib/PersonaCoin.tokens.root.d.ts +2 -2
  28. package/lib/PersonaCoin.tokens.root.js +14 -14
  29. package/lib/PersonaCoin.tokens.root.js.map +1 -1
  30. package/lib/PersonaCoin.types.d.ts +85 -45
  31. package/lib/PersonaCoin.types.js +1 -1
  32. package/lib/index.d.ts +17 -2
  33. package/lib/index.js +1 -1
  34. package/lib-commonjs/PersonaCoin.d.ts +8 -2
  35. package/lib-commonjs/PersonaCoin.d.ts.map +1 -1
  36. package/lib-commonjs/PersonaCoin.helpers.d.ts +13 -6
  37. package/lib-commonjs/PersonaCoin.helpers.js +115 -112
  38. package/lib-commonjs/PersonaCoin.helpers.js.map +1 -1
  39. package/lib-commonjs/PersonaCoin.js +98 -93
  40. package/lib-commonjs/PersonaCoin.js.map +1 -1
  41. package/lib-commonjs/PersonaCoin.settings.d.ts +1 -1
  42. package/lib-commonjs/PersonaCoin.settings.js +14 -14
  43. package/lib-commonjs/PersonaCoin.settings.js.map +1 -1
  44. package/lib-commonjs/PersonaCoin.tokens.icon.d.ts +2 -2
  45. package/lib-commonjs/PersonaCoin.tokens.icon.js +21 -21
  46. package/lib-commonjs/PersonaCoin.tokens.icon.js.map +1 -1
  47. package/lib-commonjs/PersonaCoin.tokens.initials.d.ts +6 -2
  48. package/lib-commonjs/PersonaCoin.tokens.initials.js +11 -11
  49. package/lib-commonjs/PersonaCoin.tokens.initials.js.map +1 -1
  50. package/lib-commonjs/PersonaCoin.tokens.initialsBackground.d.ts +6 -2
  51. package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js +25 -26
  52. package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js.map +1 -1
  53. package/lib-commonjs/PersonaCoin.tokens.photo.d.ts +2 -2
  54. package/lib-commonjs/PersonaCoin.tokens.photo.js +15 -15
  55. package/lib-commonjs/PersonaCoin.tokens.photo.js.map +1 -1
  56. package/lib-commonjs/PersonaCoin.tokens.ring.d.ts +3 -3
  57. package/lib-commonjs/PersonaCoin.tokens.ring.js +51 -47
  58. package/lib-commonjs/PersonaCoin.tokens.ring.js.map +1 -1
  59. package/lib-commonjs/PersonaCoin.tokens.root.d.ts +2 -2
  60. package/lib-commonjs/PersonaCoin.tokens.root.js +18 -18
  61. package/lib-commonjs/PersonaCoin.tokens.root.js.map +1 -1
  62. package/lib-commonjs/PersonaCoin.types.d.ts +85 -45
  63. package/lib-commonjs/PersonaCoin.types.js +3 -3
  64. package/lib-commonjs/index.d.ts +17 -2
  65. package/lib-commonjs/index.js +24 -9
  66. package/lib-commonjs/index.js.map +1 -1
  67. package/package.json +62 -64
  68. 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;YACd,eAAe,EAAE,OAAO;YACxB,eAAe,EAAE,sBAAsB,CAAC,YAAY,CAAC;SACtD;KACF;IACD,eAAe;CAChB,CAAC"}
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("@fluentui-react-native/tokens").StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
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
- 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
- };
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;IACpE,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;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
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("@fluentui-react-native/tokens").StyleFactoryFunction<TextProps, IPersonaCoinTokens, Theme>;
5
- //# sourceMappingURL=PersonaCoin.tokens.initials.d.ts.map
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
- const { initialsSize } = calculateEffectiveSizes(tokenProps);
6
- return {
7
- style: {
8
- fontSize: initialsSize,
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;IAC/E,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAuC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}
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("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
5
- //# sourceMappingURL=PersonaCoin.tokens.initialsBackground.d.ts.map
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
- const { physicalSize } = calculateEffectiveSizes(tokenProps);
6
- const { backgroundColor, coinColor, coinColorFluent } = tokenProps;
7
- let effectiveBackgroundColor = backgroundColor;
8
- if (coinColorFluent) {
9
- effectiveBackgroundColor = convertCoinColorFluent(coinColorFluent);
10
- }
11
- else if (coinColor) {
12
- effectiveBackgroundColor = convertCoinColor(coinColor);
13
- }
14
- return {
15
- style: {
16
- borderRadius: physicalSize / 2,
17
- width: physicalSize,
18
- height: physicalSize,
19
- flexGrow: 1,
20
- alignSelf: 'stretch',
21
- justifyContent: 'center',
22
- alignItems: 'center',
23
- backgroundColor: effectiveBackgroundColor,
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;IACxF,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;QACnB,wBAAwB,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC;KACpE;SAAM,IAAI,SAAS,EAAE;QACpB,wBAAwB,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;KACxD;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;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,aAAa,CACxD,8BAA8B,EAC9B,2BAA2B,CAC5B,CAAC"}
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("@fluentui-react-native/tokens").StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
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
- 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
- };
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;IAC5E,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;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
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("@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
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
- const { physicalSize } = calculateEffectiveSizes(tokenProps);
6
- const { ring } = tokenProps;
7
- if (!ring)
8
- return {};
9
- const innerGap = ring.innerGap != undefined ? getRingThickness(ring.innerGap) : getRingThickness(ring.ringThickness || 'xxlarge');
10
- const effectiveRingThickness = 2 * getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
11
- const effectiveSize = physicalSize + 2 * effectiveRingThickness;
12
- const ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
13
- return {
14
- style: {
15
- borderStyle: 'solid',
16
- borderColor: ringColor,
17
- borderWidth: effectiveRingThickness,
18
- borderRadius: effectiveSize / 2,
19
- width: effectiveSize,
20
- height: effectiveSize,
21
- position: 'absolute',
22
- top: -effectiveRingThickness,
23
- left: -effectiveRingThickness,
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
- const { physicalSize } = calculateEffectiveSizes(tokenProps);
29
- const { ring } = tokenProps;
30
- if (!ring)
31
- return {};
32
- const innerGap = ring.innerGap != undefined ? getRingThickness(ring.innerGap) : getRingThickness(ring.ringThickness || 'xxlarge');
33
- const effectiveRingThickness = getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
34
- const effectiveSize = physicalSize + 2 * effectiveRingThickness;
35
- const glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
36
- return {
37
- style: {
38
- borderStyle: 'solid',
39
- borderColor: glowColor,
40
- borderWidth: effectiveRingThickness - innerGap,
41
- borderRadius: effectiveSize / 2,
42
- width: effectiveSize,
43
- height: effectiveSize,
44
- position: 'absolute',
45
- top: -effectiveRingThickness,
46
- left: -effectiveRingThickness,
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":"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"}
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,EAAa;IACjF,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,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,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,MAAM,sBAAsB,GAAG,CAAC,GAAG,gBAAgB,CAAC,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,uBAAuB,CAAC,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,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,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;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC;AACjH,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAuC,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("@fluentui-react-native/tokens").StyleFactoryFunction<IViewProps, IPersonaCoinTokens, Theme>;
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
- start: 'flex-start',
5
- center: 'center',
6
- end: 'flex-end',
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
- 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 };
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;IAC3E,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;AAC9B,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
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 = "RNFPersonaCoin";
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 = 'lightBlue' | 'blue' | 'darkBlue' | 'teal' | 'green' | 'darkGreen' | 'lightPink' | 'pink' | 'magenta' | 'purple' | 'orange' | 'darkRed' | 'violet' | 'lightRed' | 'gold' | 'burgundy' | 'warmGray' | 'coolGray' | 'cyan' | 'rust';
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 = 'cornflower' | 'blue' | 'royalBlue' | 'teal' | 'forest' | 'darkGreen' | 'berry' | 'hotPink' | 'grape' | 'purple' | 'pumpkin' | 'red' | 'burgundy' | 'orchid' | 'brass' | 'darkRed' | 'beige' | 'platinum' | 'steel' | 'brown';
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
- accent?: boolean;
20
- transparent?: boolean;
21
- ringColor?: ColorValue;
22
- ringBackgroundColor?: ColorValue;
23
- ringThickness?: RingThickness;
24
- innerGap?: RingThickness;
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
- size?: PersonaSize;
28
- /**
29
- * Sets color of the coin when there is no picture
30
- * @deprecated Use coinColorFluent instead
31
- */
32
- coinColor?: PersonaCoinColor;
33
- ring?: RingConfig;
34
- coinColorFluent?: PersonaCoinFluentColor;
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
- imageUrl?: string;
38
- imageDescription?: string;
39
- initials?: string;
40
- presence?: PersonaPresence;
41
- isOutOfOffice?: boolean;
77
+ imageUrl?: string;
78
+ imageDescription?: string;
79
+ initials?: string;
80
+ presence?: PersonaPresence;
81
+ isOutOfOffice?: boolean;
42
82
  }
43
83
  export interface IPersonaCoinSlotProps {
44
- root: ViewProps;
45
- photo: ImageProps;
46
- initials: TextProps;
47
- initialsBackground: ViewProps;
48
- icon: ImageProps;
49
- ring: ViewProps;
50
- glow: ViewProps;
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
- coinSize?: number;
55
- iconSize?: number;
56
- iconStrokeWidth?: number;
57
- iconStrokeColor?: string;
58
- initialsSize?: number;
59
- horizontalIconAlignment?: IconAlignment;
60
- verticalIconAlignment?: IconAlignment;
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
- personaPhotoSource: ImageURISource | undefined;
64
- iconSource: ImageURISource | undefined;
65
- showRing: boolean;
66
- transparentRing: boolean;
103
+ personaPhotoSource: ImageURISource | undefined;
104
+ iconSource: ImageURISource | undefined;
105
+ showRing: boolean;
106
+ transparentRing: boolean;
67
107
  }
68
108
  export interface IPersonaCoinType {
69
- props: IPersonaCoinProps;
70
- slotProps: IPersonaCoinSlotProps;
71
- tokens: IPersonaCoinTokens;
72
- state: IPersonaCoinState;
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,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 { IPersonaCoinProps, IPersonaCoinRenderData, IPersonaCoinSlotProps, IPersonaCoinState, IPersonaCoinTokens, IPersonaCoinType, IPersonaConfigurableProps, IconAlignment, PersonaCoinColor, PersonaCoinFluentColor, PersonaPresence, PersonaSize, RingConfig, RingThickness, } from './PersonaCoin.types';
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,4 +1,4 @@
1
1
  export { PersonaCoin } from './PersonaCoin';
2
2
  export { personaCoinName } from './PersonaCoin.types';
3
3
  export { buildRootStyles } from './PersonaCoin.tokens.root';
4
- //# sourceMappingURL=index.js.map
4
+ //# sourceMappingURL=index.js.map
@@ -1,3 +1,9 @@
1
1
  import type { IPersonaCoinProps, IPersonaCoinSlotProps, IPersonaCoinState } from './PersonaCoin.types';
2
- export declare const PersonaCoin: import("@uifabricshared/foundation-compose").IComposeReturnType<IPersonaCoinProps, IPersonaCoinSlotProps, import("./PersonaCoin.types").IPersonaCoinTokens, IPersonaCoinState, object>;
3
- //# sourceMappingURL=PersonaCoin.d.ts.map
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":"AAqBA,OAAO,KAAK,EACV,iBAAiB,EAEjB,qBAAqB,EAErB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AA6D7B,eAAO,MAAM,WAAW,wLAyCtB,CAAC"}
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"}