@fluentui-react-native/persona-coin 0.16.0 → 0.16.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Change Log - @fluentui-react-native/persona-coin
 
+## 0.16.1
+
+### Patch Changes
+
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @uifabricshared/foundation-composable@0.14.1
+  - @uifabricshared/foundation-settings@0.16.1
+  - @uifabricshared/foundation-compose@1.16.1
+  - @uifabricshared/foundation-tokens@0.16.1
+  - @fluentui-react-native/theme-tokens@0.28.1
+  - @fluentui-react-native/framework@0.15.1
+  - @fluentui-react-native/adapters@0.14.1
+  - @fluentui-react-native/tokens@0.24.1
+
 ## 0.16.0
 
 ### Minor Changes

package/lib/PersonaCoin.d.ts

@@ -1,9 +1,3 @@
 import type { IPersonaCoinProps, IPersonaCoinSlotProps, IPersonaCoinState } from './PersonaCoin.types';
-export declare const PersonaCoin: import('@uifabricshared/foundation-compose').IComposeReturnType<
-  IPersonaCoinProps,
-  IPersonaCoinSlotProps,
-  import('./PersonaCoin.types').IPersonaCoinTokens,
-  IPersonaCoinState,
-  object
->;
-//# sourceMappingURL=PersonaCoin.d.ts.map
+export declare const PersonaCoin: import("@uifabricshared/foundation-compose").IComposeReturnType<IPersonaCoinProps, IPersonaCoinSlotProps, import("./PersonaCoin.types").IPersonaCoinTokens, IPersonaCoinState, object>;
+//# sourceMappingURL=PersonaCoin.d.ts.map

package/lib/PersonaCoin.helpers.d.ts

@@ -1,18 +1,11 @@
 import type { ImageURISource } from 'react-native';
-import type {
-  PersonaSize,
-  PersonaCoinColor,
-  PersonaCoinFluentColor,
-  PersonaPresence,
-  IPersonaCoinTokens,
-  RingThickness,
-} from './PersonaCoin.types';
+import type { PersonaSize, PersonaCoinColor, PersonaCoinFluentColor, PersonaPresence, IPersonaCoinTokens, RingThickness } from './PersonaCoin.types';
 export declare function getPresenceIconSource(presence: PersonaPresence, isOutOfOffice: boolean): ImageURISource;
 export type PersonaSizeConfig = {
-  physicalSize: number;
-  iconSize: number;
-  iconStrokeWidth: number;
-  initialsSize: number;
+    physicalSize: number;
+    iconSize: number;
+    iconStrokeWidth: number;
+    initialsSize: number;
 };
 export declare function getSizeConfig(size: PersonaSize): PersonaSizeConfig;
 /**
@@ -26,4 +19,4 @@ export declare function convertCoinColor(coinColor: PersonaCoinColor): string;
 export declare function convertCoinColorFluent(coinColor: PersonaCoinFluentColor): string;
 export declare function calculateEffectiveSizes(tokens: IPersonaCoinTokens): PersonaSizeConfig;
 export declare function getRingThickness(thickness: RingThickness): number;
-//# sourceMappingURL=PersonaCoin.helpers.d.ts.map
+//# sourceMappingURL=PersonaCoin.helpers.d.ts.map

package/lib/PersonaCoin.helpers.js

@@ -1,136 +1,132 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 const presenceIconCache = {
-  none: { uri: '' },
-  offline: {
-    uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAACoxM+oxM+oxM+oxM+oxM+oxM+oxM+oxM////+oxM/W5OmzzNX5+/z3+vvu9Pbt8/Xj7PAAKKEtAAAACXRSTlMA6bWcZQpiXgXWfJCWAAAAeElEQVQoz52RSQ7EIAwEx0AWymT7/2dHYpgoPvQldeySsGl/XjOVZGCpTDFfjIEtj3jN0Pzc99Mb5PUWGbwOHPI/n+GqNxfMY67h9YFjvw0KrQYapYuER+GkLowjigPrArYoNpBCPiWHy3XlB1UlqkRZuziUPO1bvszLC8V87ko/AAAAAElFTkSuQmCC',
-  },
-  online: {
-    uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAABusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAX////N4bi61517tivn8d3e7NL3+vTE3Kux0o6nzH6GvEWFZ26xAAAAEnRSTlMA8eNrEQj6syHTeXrKshzZ19JHa6QpAAAApUlEQVQoz4WS6w7CIAyFBwwGbE5th87b+7+mCDXcIp4/NN9J2tJ2+KdRTFyx0yTGAkvLgMRmmbg2kMnoL185FOIr5Vmg0hKzWWhkQz+sNdinN1Eg9wyP8MYh5xvewjt5gxcct9iYN1SIXvsj46C8EWvfEZ0jTsYxRJcrYuLAqTg5xKm4AHL2xEH8/GBvJIM819xIWkc9dt1ZFEnO+WrbY1CcjqGnN0xiGcyuKFtcAAAAAElFTkSuQmCC',
-  },
-  away: {
-    uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAD6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT////6zCP95pH95Yv++OL84Hn822T72FT71EUen9LHAAAAC3RSTlMA6rVlCuWgmGJeBd4LCPMAAAB8SURBVCjPnZFLDoAgDERtQUUH/97/rCYNJUITTXjLeYu2064Z75gAYufLfOqR6KdXPI94Mc5ZDCgYNA8piHGBENJcqgV5EQ61gBPBVrAIsoJEwArUYi0EIbFlQ+VwHGpY11XOGDdZVw/MXPstB2olFeGnRFv796Psa1t5ANwFDZEW8B8sAAAAAElFTkSuQmCC',
-  },
-  dnd: {
-    uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABv////wfYT86errJjiR9OLxAAAAEXRSTlMA4/CzeQj602seEhEk89jKakfnNfsAAACKSURBVCjPhZFbDoQgDEWBQkHBR2d0/1udEppR0cbzeU9SSq95I69gcZphzZc4eEeC8+HIh0gn4vDPLV2wYsJCHUub5umGr/no7sKNLBI9kFjAkwAWbaX9K+xtMRZIle0jbFRBFpMmZmWU8ri+rv5B/SQmxD6PUknpz16MUJSi9GqZnMAiWkjZvPADxcoYalVfnOMAAAAASUVORK5CYII=',
-  },
-  blocked: {
-    uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAe1BMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABv////pABv83uHqCiTsJz7rGjP7zNHvRVj/+vv+8vP6x83sIzv2mqXsKD/7zNL5v8b3oqz2maTuP1P82Nz819vtKUDrGjLrGTK2dyGvAAAAEXRSTlMA8dSzeQj64mseEhHkJMpq5T3coEAAAADSSURBVCjPhdHZFoIgFAVQGQRLGzhQiaLNw/9/YZRk4IvncZ+17uJys7mUGyYFoWxTJpxzghDC878vKFBftLX6UgN0MXqF/qRCTg5VaPI1ro36Re+MWQ/TOPrEXw7840uCNvb9oQVZ+qJAnbpSNQpfMHQTVx2YLyT0xJWG9IWAnbiyEL4gaCKPCopb7P9RDOeJqzNYeG7i3+eGBVMPC2Yczpn9cfTmAT58IoV5Rn4FDSdZbY1rxzk9qpXHofkcqtO2uXfhUHOn9SkLJoWQrCizmbwBa5IbuX8ugpIAAAAASUVORK5CYII=',
-  },
-  busy: {
-    uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvsgIdoAAAAEXRSTlMA8eLUEQj6s2sheXrlyrJqHBqb3nMAAAB/SURBVCjPhZFRDsQgCEQFEdS223L/yy7JummtGN/nvASUCSvoFGSIclIXpwragC3deYn6IJZ/fqF24NXmHPri+E2rOlCDQTAKIBNZHbKJjyfEBHoCTbAn2ATMRPRHzZfPn+t/cH4SIw3rY2p17H2+l0VRRtr8ag3KgswomcKCL1NmGBp9lqsZAAAAAElFTkSuQmCC',
-  },
+    none: { uri: '' },
+    offline: {
+        uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAACoxM+oxM+oxM+oxM+oxM+oxM+oxM+oxM////+oxM/W5OmzzNX5+/z3+vvu9Pbt8/Xj7PAAKKEtAAAACXRSTlMA6bWcZQpiXgXWfJCWAAAAeElEQVQoz52RSQ7EIAwEx0AWymT7/2dHYpgoPvQldeySsGl/XjOVZGCpTDFfjIEtj3jN0Pzc99Mb5PUWGbwOHPI/n+GqNxfMY67h9YFjvw0KrQYapYuER+GkLowjigPrArYoNpBCPiWHy3XlB1UlqkRZuziUPO1bvszLC8V87ko/AAAAAElFTkSuQmCC',
+    },
+    online: {
+        uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAABusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAX////N4bi61517tivn8d3e7NL3+vTE3Kux0o6nzH6GvEWFZ26xAAAAEnRSTlMA8eNrEQj6syHTeXrKshzZ19JHa6QpAAAApUlEQVQoz4WS6w7CIAyFBwwGbE5th87b+7+mCDXcIp4/NN9J2tJ2+KdRTFyx0yTGAkvLgMRmmbg2kMnoL185FOIr5Vmg0hKzWWhkQz+sNdinN1Eg9wyP8MYh5xvewjt5gxcct9iYN1SIXvsj46C8EWvfEZ0jTsYxRJcrYuLAqTg5xKm4AHL2xEH8/GBvJIM819xIWkc9dt1ZFEnO+WrbY1CcjqGnN0xiGcyuKFtcAAAAAElFTkSuQmCC',
+    },
+    away: {
+        uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAD6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT////6zCP95pH95Yv++OL84Hn822T72FT71EUen9LHAAAAC3RSTlMA6rVlCuWgmGJeBd4LCPMAAAB8SURBVCjPnZFLDoAgDERtQUUH/97/rCYNJUITTXjLeYu2064Z75gAYufLfOqR6KdXPI94Mc5ZDCgYNA8piHGBENJcqgV5EQ61gBPBVrAIsoJEwArUYi0EIbFlQ+VwHGpY11XOGDdZVw/MXPstB2olFeGnRFv796Psa1t5ANwFDZEW8B8sAAAAAElFTkSuQmCC',
+    },
+    dnd: {
+        uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABv////wfYT86errJjiR9OLxAAAAEXRSTlMA4/CzeQj602seEhEk89jKakfnNfsAAACKSURBVCjPhZFbDoQgDEWBQkHBR2d0/1udEppR0cbzeU9SSq95I69gcZphzZc4eEeC8+HIh0gn4vDPLV2wYsJCHUub5umGr/no7sKNLBI9kFjAkwAWbaX9K+xtMRZIle0jbFRBFpMmZmWU8ri+rv5B/SQmxD6PUknpz16MUJSi9GqZnMAiWkjZvPADxcoYalVfnOMAAAAASUVORK5CYII=',
+    },
+    blocked: {
+        uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAe1BMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABv////pABv83uHqCiTsJz7rGjP7zNHvRVj/+vv+8vP6x83sIzv2mqXsKD/7zNL5v8b3oqz2maTuP1P82Nz819vtKUDrGjLrGTK2dyGvAAAAEXRSTlMA8dSzeQj64mseEhHkJMpq5T3coEAAAADSSURBVCjPhdHZFoIgFAVQGQRLGzhQiaLNw/9/YZRk4IvncZ+17uJys7mUGyYFoWxTJpxzghDC878vKFBftLX6UgN0MXqF/qRCTg5VaPI1ro36Re+MWQ/TOPrEXw7840uCNvb9oQVZ+qJAnbpSNQpfMHQTVx2YLyT0xJWG9IWAnbiyEL4gaCKPCopb7P9RDOeJqzNYeG7i3+eGBVMPC2Yczpn9cfTmAT58IoV5Rn4FDSdZbY1rxzk9qpXHofkcqtO2uXfhUHOn9SkLJoWQrCizmbwBa5IbuX8ugpIAAAAASUVORK5CYII=',
+    },
+    busy: {
+        uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvsgIdoAAAAEXRSTlMA8eLUEQj6s2sheXrlyrJqHBqb3nMAAAB/SURBVCjPhZFRDsQgCEQFEdS223L/yy7JummtGN/nvASUCSvoFGSIclIXpwragC3deYn6IJZ/fqF24NXmHPri+E2rOlCDQTAKIBNZHbKJjyfEBHoCTbAn2ATMRPRHzZfPn+t/cH4SIw3rY2p17H2+l0VRRtr8ag3KgswomcKCL1NmGBp9lqsZAAAAAElFTkSuQmCC',
+    },
 };
 // TODO: Need icons for the OOF statues
 const presenceOOFIconCache = presenceIconCache;
 export function getPresenceIconSource(presence, isOutOfOffice) {
-  return isOutOfOffice ? presenceOOFIconCache[presence] : presenceIconCache[presence];
+    return isOutOfOffice ? presenceOOFIconCache[presence] : presenceIconCache[presence];
 }
 const sizeTable = {
-  size8: { physicalSize: 8, iconSize: 0, iconStrokeWidth: 0, initialsSize: 4 },
-  size24: { physicalSize: 24, iconSize: 8, iconStrokeWidth: 2, initialsSize: 10 },
-  size32: { physicalSize: 32, iconSize: 8, iconStrokeWidth: 2, initialsSize: 12 },
-  size40: { physicalSize: 40, iconSize: 12, iconStrokeWidth: 2, initialsSize: 14 },
-  size48: { physicalSize: 48, iconSize: 12, iconStrokeWidth: 2, initialsSize: 16 },
-  size56: { physicalSize: 56, iconSize: 16, iconStrokeWidth: 3, initialsSize: 18 },
-  size72: { physicalSize: 72, iconSize: 20, iconStrokeWidth: 3, initialsSize: 20 },
-  size100: { physicalSize: 100, iconSize: 28, iconStrokeWidth: 4, initialsSize: 36 },
-  size120: { physicalSize: 120, iconSize: 32, iconStrokeWidth: 4, initialsSize: 40 },
+    size8: { physicalSize: 8, iconSize: 0, iconStrokeWidth: 0, initialsSize: 4 },
+    size24: { physicalSize: 24, iconSize: 8, iconStrokeWidth: 2, initialsSize: 10 },
+    size32: { physicalSize: 32, iconSize: 8, iconStrokeWidth: 2, initialsSize: 12 },
+    size40: { physicalSize: 40, iconSize: 12, iconStrokeWidth: 2, initialsSize: 14 },
+    size48: { physicalSize: 48, iconSize: 12, iconStrokeWidth: 2, initialsSize: 16 },
+    size56: { physicalSize: 56, iconSize: 16, iconStrokeWidth: 3, initialsSize: 18 },
+    size72: { physicalSize: 72, iconSize: 20, iconStrokeWidth: 3, initialsSize: 20 },
+    size100: { physicalSize: 100, iconSize: 28, iconStrokeWidth: 4, initialsSize: 36 },
+    size120: { physicalSize: 120, iconSize: 32, iconStrokeWidth: 4, initialsSize: 40 },
 };
 export function getSizeConfig(size) {
-  return sizeTable[size];
+    return sizeTable[size];
 }
 const colorTable = {
-  lightBlue: globalTokens.color.cornflower.primary,
-  blue: globalTokens.color.blue.primary,
-  darkBlue: globalTokens.color.royalBlue.primary,
-  teal: globalTokens.color.teal.primary,
-  green: globalTokens.color.forest.primary,
-  darkGreen: globalTokens.color.darkGreen.primary,
-  lightPink: globalTokens.color.berry.primary,
-  pink: globalTokens.color.hotPink.primary,
-  magenta: globalTokens.color.grape.primary,
-  purple: globalTokens.color.purple.primary,
-  orange: globalTokens.color.pumpkin.primary,
-  lightRed: globalTokens.color.red.primary,
-  darkRed: globalTokens.color.burgundy.primary,
-  violet: globalTokens.color.orchid.primary,
-  gold: globalTokens.color.brass.primary,
-  burgundy: globalTokens.color.darkRed.primary,
-  warmGray: globalTokens.color.beige.primary,
-  cyan: globalTokens.color.steel.primary,
-  rust: globalTokens.color.brown.primary,
-  coolGray: globalTokens.color.platinum.primary,
+    lightBlue: globalTokens.color.cornflower.primary,
+    blue: globalTokens.color.blue.primary,
+    darkBlue: globalTokens.color.royalBlue.primary,
+    teal: globalTokens.color.teal.primary,
+    green: globalTokens.color.forest.primary,
+    darkGreen: globalTokens.color.darkGreen.primary,
+    lightPink: globalTokens.color.berry.primary,
+    pink: globalTokens.color.hotPink.primary,
+    magenta: globalTokens.color.grape.primary,
+    purple: globalTokens.color.purple.primary,
+    orange: globalTokens.color.pumpkin.primary,
+    lightRed: globalTokens.color.red.primary,
+    darkRed: globalTokens.color.burgundy.primary,
+    violet: globalTokens.color.orchid.primary,
+    gold: globalTokens.color.brass.primary,
+    burgundy: globalTokens.color.darkRed.primary,
+    warmGray: globalTokens.color.beige.primary,
+    cyan: globalTokens.color.steel.primary,
+    rust: globalTokens.color.brown.primary,
+    coolGray: globalTokens.color.platinum.primary,
 };
 /**
  * Converts the PersonaCoinColor into a hex color value
  * @deprecated Use convertCoinColorFluent instead.
  */
 export function convertCoinColor(coinColor) {
-  return colorTable[coinColor];
+    return colorTable[coinColor];
 }
 const colorTableFluent = {
-  cornflower: globalTokens.color.cornflower.primary,
-  blue: globalTokens.color.blue.primary,
-  royalBlue: globalTokens.color.royalBlue.primary,
-  teal: globalTokens.color.teal.primary,
-  forest: globalTokens.color.forest.primary,
-  darkGreen: globalTokens.color.darkGreen.primary,
-  berry: globalTokens.color.berry.primary,
-  hotPink: globalTokens.color.hotPink.primary,
-  grape: globalTokens.color.grape.primary,
-  purple: globalTokens.color.purple.primary,
-  pumpkin: globalTokens.color.pumpkin.primary,
-  red: globalTokens.color.red.primary,
-  burgundy: globalTokens.color.burgundy.primary,
-  orchid: globalTokens.color.orchid.primary,
-  brass: globalTokens.color.brass.primary,
-  darkRed: globalTokens.color.darkRed.primary,
-  beige: globalTokens.color.beige.primary,
-  platinum: globalTokens.color.platinum.primary,
-  steel: globalTokens.color.steel.primary,
-  brown: globalTokens.color.brown.primary,
+    cornflower: globalTokens.color.cornflower.primary,
+    blue: globalTokens.color.blue.primary,
+    royalBlue: globalTokens.color.royalBlue.primary,
+    teal: globalTokens.color.teal.primary,
+    forest: globalTokens.color.forest.primary,
+    darkGreen: globalTokens.color.darkGreen.primary,
+    berry: globalTokens.color.berry.primary,
+    hotPink: globalTokens.color.hotPink.primary,
+    grape: globalTokens.color.grape.primary,
+    purple: globalTokens.color.purple.primary,
+    pumpkin: globalTokens.color.pumpkin.primary,
+    red: globalTokens.color.red.primary,
+    burgundy: globalTokens.color.burgundy.primary,
+    orchid: globalTokens.color.orchid.primary,
+    brass: globalTokens.color.brass.primary,
+    darkRed: globalTokens.color.darkRed.primary,
+    beige: globalTokens.color.beige.primary,
+    platinum: globalTokens.color.platinum.primary,
+    steel: globalTokens.color.steel.primary,
+    brown: globalTokens.color.brown.primary,
 };
 /**
  * Converts the PersonaCoinFluentColor into a hex color value
  */
 export function convertCoinColorFluent(coinColor) {
-  return colorTableFluent[coinColor];
+    return colorTableFluent[coinColor];
 }
 export function calculateEffectiveSizes(tokens) {
-  const { size, coinSize, iconSize, iconStrokeWidth, initialsSize } = tokens;
-  if (size) {
-    return sizeTable[size];
-  } else {
-    const {
-      physicalSize: defaultPhysicalSize,
-      iconSize: defaultIconSize,
-      iconStrokeWidth: defaultIconStrokeWidth,
-      initialsSize: defaultInitialsSize,
-    } = sizeTable['size40'];
-    return {
-      physicalSize: coinSize || defaultPhysicalSize,
-      iconSize: iconSize || defaultIconSize,
-      iconStrokeWidth: iconStrokeWidth || defaultIconStrokeWidth,
-      initialsSize: initialsSize || defaultInitialsSize,
-    };
-  }
+    const { size, coinSize, iconSize, iconStrokeWidth, initialsSize } = tokens;
+    if (size) {
+        return sizeTable[size];
+    }
+    else {
+        const { physicalSize: defaultPhysicalSize, iconSize: defaultIconSize, iconStrokeWidth: defaultIconStrokeWidth, initialsSize: defaultInitialsSize, } = sizeTable['size40'];
+        return {
+            physicalSize: coinSize || defaultPhysicalSize,
+            iconSize: iconSize || defaultIconSize,
+            iconStrokeWidth: iconStrokeWidth || defaultIconStrokeWidth,
+            initialsSize: initialsSize || defaultInitialsSize,
+        };
+    }
 }
 export function getRingThickness(thickness) {
-  switch (thickness) {
-    case 'xSmall':
-      return 1;
-    case 'small':
-      return 1;
-    case 'medium':
-      return 2;
-    case 'large':
-      return 2;
-    case 'xlarge':
-      return 2;
-    case 'xxlarge':
-      return 4;
-    default:
-      return thickness < 0 ? 4 : thickness;
-  }
+    switch (thickness) {
+        case 'xSmall':
+            return 1;
+        case 'small':
+            return 1;
+        case 'medium':
+            return 2;
+        case 'large':
+            return 2;
+        case 'xlarge':
+            return 2;
+        case 'xxlarge':
+            return 4;
+        default:
+            return thickness < 0 ? 4 : thickness;
+    }
 }
-//# sourceMappingURL=PersonaCoin.helpers.js.map
+//# sourceMappingURL=PersonaCoin.helpers.js.map

package/lib/PersonaCoin.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui-react-native/framework-base/jsx-runtime";
 /** @jsxImportSource @fluentui-react-native/framework-base */
 import { Image, View, Text } from 'react-native';
 import { filterViewProps, filterImageProps } from '@fluentui-react-native/adapters';
@@ -15,90 +15,80 @@ import { buildGlowStyles, buildRingStyles } from './PersonaCoin.tokens.ring';
 import { buildRootStyles } from './PersonaCoin.tokens.root';
 import { personaCoinName } from './PersonaCoin.types';
 function usePrepareForProps(props, useStyling) {
-  const { imageUrl, imageDescription, initials, presence, isOutOfOffice, ring, ...rest } = props;
-  const personaPhotoSource =
-    imageUrl === undefined
-      ? undefined
-      : {
-          uri: imageUrl,
+    const { imageUrl, imageDescription, initials, presence, isOutOfOffice, ring, ...rest } = props;
+    const personaPhotoSource = imageUrl === undefined
+        ? undefined
+        : {
+            uri: imageUrl,
         };
-  const iconSource = presence === undefined ? undefined : getPresenceIconSource(presence, isOutOfOffice || false);
-  const showRing = !!ring;
-  const transparentRing = !!ring?.transparent;
-  return {
-    slotProps: mergeSettings(useStyling(props), {
-      root: { ...rest },
-      initials: {
-        children: initials,
-      },
-      photo: {
-        accessibilityLabel: imageDescription,
-      },
-    }),
-    state: {
-      iconSource,
-      personaPhotoSource,
-      showRing,
-      transparentRing,
-    },
-  };
+    const iconSource = presence === undefined ? undefined : getPresenceIconSource(presence, isOutOfOffice || false);
+    const showRing = !!ring;
+    const transparentRing = !!ring?.transparent;
+    return {
+        slotProps: mergeSettings(useStyling(props), {
+            root: { ...rest },
+            initials: {
+                children: initials,
+            },
+            photo: {
+                accessibilityLabel: imageDescription,
+            },
+        }),
+        state: {
+            iconSource,
+            personaPhotoSource,
+            showRing,
+            transparentRing,
+        },
+    };
 }
 const render = (Slots, renderData) => {
-  if (!renderData.state) {
-    return null;
-  }
-  const { personaPhotoSource, iconSource, showRing, transparentRing } = renderData.state;
-  return _jsxs(Slots.root, {
-    children: [
-      personaPhotoSource
-        ? _jsx(Slots.photo, { source: personaPhotoSource })
-        : _jsx(Slots.initialsBackground, { children: _jsx(Slots.initials, {}) }),
-      showRing && !transparentRing && _jsx(Slots.ring, {}),
-      showRing && _jsx(Slots.glow, {}),
-      !!iconSource && !!iconSource.uri && _jsx(Slots.icon, { source: iconSource }),
-    ],
-  });
+    if (!renderData.state) {
+        return null;
+    }
+    const { personaPhotoSource, iconSource, showRing, transparentRing } = renderData.state;
+    return (_jsxs(Slots.root, { children: [personaPhotoSource ? (_jsx(Slots.photo, { source: personaPhotoSource })) : (_jsx(Slots.initialsBackground, { children: _jsx(Slots.initials, {}) })), showRing && !transparentRing && _jsx(Slots.ring, {}), showRing && _jsx(Slots.glow, {}), !!iconSource && !!iconSource.uri && _jsx(Slots.icon, { source: iconSource })] }));
 };
 export const PersonaCoin = compose({
-  displayName: personaCoinName,
-  usePrepareProps: usePrepareForProps,
-  settings: settings,
-  slots: {
-    root: {
-      slotType: View,
-      filter: filterViewProps,
-    },
-    photo: {
-      slotType: Image,
-      filter: filterImageProps,
-    },
-    initials: Text,
-    initialsBackground: {
-      slotType: View,
-      filter: filterViewProps,
-    },
-    icon: {
-      slotType: Image,
-      filter: filterImageProps,
-    },
-    ring: {
-      slotType: View,
-      filter: filterViewProps,
+    displayName: personaCoinName,
+    usePrepareProps: usePrepareForProps,
+    settings: settings,
+    slots: {
+        root: {
+            slotType: View,
+            filter: filterViewProps,
+        },
+        photo: {
+            slotType: Image,
+            filter: filterImageProps,
+        },
+        initials: Text,
+        initialsBackground: {
+            slotType: View,
+            filter: filterViewProps,
+        },
+        icon: {
+            slotType: Image,
+            filter: filterImageProps,
+        },
+        ring: {
+            slotType: View,
+            filter: filterViewProps,
+        },
+        glow: {
+            slotType: View,
+            filter: filterViewProps,
+        },
     },
-    glow: {
-      slotType: View,
-      filter: filterViewProps,
+    render: render,
+    styles: {
+        root: [buildRootStyles],
+        initials: [foregroundColorTokens, buildInitialsStyles],
+        initialsBackground: [buildInitialsBackgroundStyles],
+        photo: [buildPhotoStyles],
+        icon: [buildIconStyles],
+        ring: [buildRingStyles],
+        glow: [buildGlowStyles],
     },
-  },
-  render: render,
-  styles: {
-    root: [buildRootStyles],
-    initials: [foregroundColorTokens, buildInitialsStyles],
-    initialsBackground: [buildInitialsBackgroundStyles],
-    photo: [buildPhotoStyles],
-    icon: [buildIconStyles],
-    ring: [buildRingStyles],
-    glow: [buildGlowStyles],
-  },
 });
-//# sourceMappingURL=PersonaCoin.js.map
+//# sourceMappingURL=PersonaCoin.js.map

package/lib/PersonaCoin.settings.d.ts

@@ -1,4 +1,4 @@
 import type { IComposeSettings } from '@uifabricshared/foundation-compose';
 import type { IPersonaCoinType } from './PersonaCoin.types';
 export declare const settings: IComposeSettings<IPersonaCoinType>;
-//# sourceMappingURL=PersonaCoin.settings.d.ts.map
+//# sourceMappingURL=PersonaCoin.settings.d.ts.map

package/lib/PersonaCoin.settings.js

@@ -1,15 +1,15 @@
 import { convertCoinColorFluent } from './PersonaCoin.helpers';
 import { personaCoinName } from './PersonaCoin.types';
 export const settings = [
-  {
-    tokens: {
-      horizontalIconAlignment: 'end',
-      verticalIconAlignment: 'end',
-      color: 'white', // initials is always 'white', unless overriden by token
-      iconStrokeColor: 'white', // icon stroke color is always 'white', unless overriden by token
-      backgroundColor: convertCoinColorFluent('cornflower'),
+    {
+        tokens: {
+            horizontalIconAlignment: 'end',
+            verticalIconAlignment: 'end',
+            color: 'white', // initials is always 'white', unless overriden by token
+            iconStrokeColor: 'white', // icon stroke color is always 'white', unless overriden by token
+            backgroundColor: convertCoinColorFluent('cornflower'),
+        },
     },
-  },
-  personaCoinName,
+    personaCoinName,
 ];
-//# sourceMappingURL=PersonaCoin.settings.js.map
+//# sourceMappingURL=PersonaCoin.settings.js.map

package/lib/PersonaCoin.tokens.icon.d.ts

@@ -1,5 +1,5 @@
 import type { ImageProps } from 'react-native';
 import type { Theme } from '@fluentui-react-native/framework';
 import type { IPersonaCoinTokens } from './PersonaCoin.types';
-export declare const buildIconStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
-//# sourceMappingURL=PersonaCoin.tokens.icon.d.ts.map
+export declare const buildIconStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
+//# sourceMappingURL=PersonaCoin.tokens.icon.d.ts.map

package/lib/PersonaCoin.tokens.icon.js

@@ -2,22 +2,22 @@ import { styleFunction } from '@uifabricshared/foundation-tokens';
 import { calculateEffectiveSizes } from './PersonaCoin.helpers';
 const _iconKeyProps = ['iconSize', 'size', 'coinSize'];
 function _buildIconStyles(tokenProps, theme) {
-  const { iconSize, iconStrokeWidth } = calculateEffectiveSizes(tokenProps);
-  const iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
-  const iconStrokeColor = tokenProps.iconStrokeColor || theme.colors.background;
-  return {
-    source: {},
-    style: {
-      position: 'absolute',
-      width: iconSizeAdjusted,
-      height: iconSizeAdjusted,
-      bottom: -iconStrokeWidth,
-      end: -iconStrokeWidth,
-      borderRadius: iconSizeAdjusted / 2,
-      borderWidth: iconStrokeWidth,
-      borderColor: iconStrokeColor,
-    },
-  };
+    const { iconSize, iconStrokeWidth } = calculateEffectiveSizes(tokenProps);
+    const iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
+    const iconStrokeColor = tokenProps.iconStrokeColor || theme.colors.background;
+    return {
+        source: {},
+        style: {
+            position: 'absolute',
+            width: iconSizeAdjusted,
+            height: iconSizeAdjusted,
+            bottom: -iconStrokeWidth,
+            end: -iconStrokeWidth,
+            borderRadius: iconSizeAdjusted / 2,
+            borderWidth: iconStrokeWidth,
+            borderColor: iconStrokeColor,
+        },
+    };
 }
 export const buildIconStyles = styleFunction(_buildIconStyles, _iconKeyProps);
-//# sourceMappingURL=PersonaCoin.tokens.icon.js.map
+//# sourceMappingURL=PersonaCoin.tokens.icon.js.map

package/lib/PersonaCoin.tokens.initials.d.ts

@@ -1,9 +1,5 @@
 import type { TextProps } from 'react-native';
 import type { Theme } from '@fluentui-react-native/framework';
 import type { IPersonaCoinTokens } from './PersonaCoin.types';
-export declare const buildInitialsStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<
-  TextProps,
-  IPersonaCoinTokens,
-  Theme
->;
-//# sourceMappingURL=PersonaCoin.tokens.initials.d.ts.map
+export declare const buildInitialsStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<TextProps, IPersonaCoinTokens, Theme>;
+//# sourceMappingURL=PersonaCoin.tokens.initials.d.ts.map

package/lib/PersonaCoin.tokens.initials.js

@@ -2,12 +2,12 @@ import { styleFunction } from '@uifabricshared/foundation-tokens';
 import { calculateEffectiveSizes } from './PersonaCoin.helpers';
 const _initialsKeyProps = ['coinSize', 'initialsSize', 'size'];
 function _buildInitialsStyles(tokenProps /*, theme: ITheme */) {
-  const { initialsSize } = calculateEffectiveSizes(tokenProps);
-  return {
-    style: {
-      fontSize: initialsSize,
-    },
-  };
+    const { initialsSize } = calculateEffectiveSizes(tokenProps);
+    return {
+        style: {
+            fontSize: initialsSize,
+        },
+    };
 }
 export const buildInitialsStyles = styleFunction(_buildInitialsStyles, _initialsKeyProps);
-//# sourceMappingURL=PersonaCoin.tokens.initials.js.map
+//# sourceMappingURL=PersonaCoin.tokens.initials.js.map

package/lib/PersonaCoin.tokens.initialsBackground.d.ts

@@ -1,9 +1,5 @@
 import type { ViewProps } from 'react-native';
 import type { Theme } from '@fluentui-react-native/framework';
 import type { IPersonaCoinTokens } from './PersonaCoin.types';
-export declare const buildInitialsBackgroundStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<
-  ViewProps,
-  IPersonaCoinTokens,
-  Theme
->;
-//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.d.ts.map
+export declare const buildInitialsBackgroundStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
+//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.d.ts.map