@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.
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,26 +1,26 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
3
  exports.buildIconStyles = void 0;
4
- const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
5
- const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
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
- 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
- };
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;IACpE,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;AACJ,CAAC;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
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("@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
@@ -1,16 +1,16 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
3
  exports.buildInitialsStyles = void 0;
4
- const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
5
- const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
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
- const { initialsSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
9
- return {
10
- style: {
11
- fontSize: initialsSize,
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;IAC/E,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AACJ,CAAC;AAEY,QAAA,mBAAmB,GAAG,IAAA,iCAAa,EAAuC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}
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("@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
@@ -1,31 +1,30 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
3
  exports.buildInitialsBackgroundStyles = void 0;
4
- const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
5
- const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
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
- 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
- }
14
- else if (coinColor) {
15
- effectiveBackgroundColor = (0, PersonaCoin_helpers_1.convertCoinColor)(coinColor);
16
- }
17
- return {
18
- style: {
19
- borderRadius: physicalSize / 2,
20
- width: physicalSize,
21
- height: physicalSize,
22
- flexGrow: 1,
23
- alignSelf: 'stretch',
24
- justifyContent: 'center',
25
- alignItems: 'center',
26
- backgroundColor: effectiveBackgroundColor,
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;IACxF,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;QACnB,wBAAwB,GAAG,IAAA,4CAAsB,EAAC,eAAe,CAAC,CAAC;KACpE;SAAM,IAAI,SAAS,EAAE;QACpB,wBAAwB,GAAG,IAAA,sCAAgB,EAAC,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;AAEY,QAAA,6BAA6B,GAAG,IAAA,iCAAa,EACxD,8BAA8B,EAC9B,2BAA2B,CAC5B,CAAC"}
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("@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
@@ -1,20 +1,20 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
3
  exports.buildPhotoStyles = void 0;
4
- const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
5
- const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
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
- 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
- };
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;IAC5E,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;AACJ,CAAC;AAEY,QAAA,gBAAgB,GAAG,IAAA,iCAAa,EAAwC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
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("@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
@@ -1,55 +1,59 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
3
  exports.buildGlowStyles = exports.buildRingStyles = void 0;
4
- const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
5
- const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
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
- const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
9
- const { ring } = tokenProps;
10
- if (!ring)
11
- return {};
12
- const innerGap = ring.innerGap != undefined ? (0, PersonaCoin_helpers_1.getRingThickness)(ring.innerGap) : (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge');
13
- const effectiveRingThickness = 2 * (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge') + innerGap;
14
- const effectiveSize = physicalSize + 2 * effectiveRingThickness;
15
- const ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
16
- return {
17
- style: {
18
- borderStyle: 'solid',
19
- borderColor: ringColor,
20
- borderWidth: effectiveRingThickness,
21
- borderRadius: effectiveSize / 2,
22
- width: effectiveSize,
23
- height: effectiveSize,
24
- position: 'absolute',
25
- top: -effectiveRingThickness,
26
- left: -effectiveRingThickness,
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
- const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
32
- const { ring } = tokenProps;
33
- if (!ring)
34
- return {};
35
- const innerGap = ring.innerGap != undefined ? (0, PersonaCoin_helpers_1.getRingThickness)(ring.innerGap) : (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge');
36
- const effectiveRingThickness = (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge') + innerGap;
37
- const effectiveSize = physicalSize + 2 * effectiveRingThickness;
38
- const glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
39
- return {
40
- style: {
41
- borderStyle: 'solid',
42
- borderColor: glowColor,
43
- borderWidth: effectiveRingThickness - innerGap,
44
- borderRadius: effectiveSize / 2,
45
- width: effectiveSize,
46
- height: effectiveSize,
47
- position: 'absolute',
48
- top: -effectiveRingThickness,
49
- left: -effectiveRingThickness,
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;IACpE,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;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;IACpE,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;AACJ,CAAC;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
+ {"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("@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,25 +1,25 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ 'use strict';
2
+ Object.defineProperty(exports, '__esModule', { value: true });
3
3
  exports.buildRootStyles = void 0;
4
- const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
5
- const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
4
+ const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
5
+ const PersonaCoin_helpers_1 = require('./PersonaCoin.helpers');
6
6
  const nameMap = {
7
- start: 'flex-start',
8
- center: 'center',
9
- end: 'flex-end',
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
- 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 };
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;IAC3E,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;AAC9B,CAAC;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
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 = "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,5 +1,5 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
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
@@ -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