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

package/lib-commonjs/index.js

@@ -1,10 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.buildRootStyles = exports.personaCoinName = exports.PersonaCoin = void 0;
-var PersonaCoin_1 = require("./PersonaCoin");
-Object.defineProperty(exports, "PersonaCoin", { enumerable: true, get: function () { return PersonaCoin_1.PersonaCoin; } });
-var PersonaCoin_types_1 = require("./PersonaCoin.types");
-Object.defineProperty(exports, "personaCoinName", { enumerable: true, get: function () { return PersonaCoin_types_1.personaCoinName; } });
-var PersonaCoin_tokens_root_1 = require("./PersonaCoin.tokens.root");
-Object.defineProperty(exports, "buildRootStyles", { enumerable: true, get: function () { return PersonaCoin_tokens_root_1.buildRootStyles; } });
-//# sourceMappingURL=index.js.map
+const PersonaCoin_1 = require('./PersonaCoin');
+Object.defineProperty(exports, 'PersonaCoin', {
+  enumerable: true,
+  get: function () {
+    return PersonaCoin_1.PersonaCoin;
+  },
+});
+const PersonaCoin_types_1 = require('./PersonaCoin.types');
+Object.defineProperty(exports, 'personaCoinName', {
+  enumerable: true,
+  get: function () {
+    return PersonaCoin_types_1.personaCoinName;
+  },
+});
+const PersonaCoin_tokens_root_1 = require('./PersonaCoin.tokens.root');
+Object.defineProperty(exports, 'buildRootStyles', {
+  enumerable: true,
+  get: function () {
+    return PersonaCoin_tokens_root_1.buildRootStyles;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AAiBxB,qEAA4D;AAAnD,0HAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,2DAAsD;AAA7C,oHAAA,eAAe,OAAA;AAiBxB,uEAA4D;AAAnD,0HAAA,eAAe,OAAA"}

package/package.json

@@ -1,101 +1,99 @@
 {
   "name": "@fluentui-react-native/persona-coin",
-  "version": "0.15.16",
+  "version": "0.16.0",
   "description": "A cross-platform PersonaCoin component using the Fluent Design System",
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/components/PersonaCoin"
+  },
+  "license": "MIT",
+  "author": "",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib-commonjs/index.js"
     }
   },
-  "typings": "lib/index.d.ts",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
-    "just": "fluentui-scripts",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
-    "lint": "fluentui-scripts eslint",
     "depcheck": "fluentui-scripts depcheck",
-    "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
+    "lint": "fluentui-scripts eslint",
+    "lint-package": "fluentui-scripts lint-package",
     "prettier": "fluentui-scripts prettier",
-    "prettier-fix": "fluentui-scripts prettier --fix true"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/fluentui-react-native.git",
-    "directory": "packages/components/PersonaCoin"
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.13.5",
-    "@fluentui-react-native/framework": "0.14.16",
-    "@fluentui-react-native/theme-tokens": "0.27.10",
-    "@fluentui-react-native/tokens": "0.23.10",
-    "@uifabricshared/foundation-composable": "0.13.11",
-    "@uifabricshared/foundation-compose": "1.15.16",
-    "@uifabricshared/foundation-settings": "0.15.11",
-    "@uifabricshared/foundation-tokens": "0.15.16"
+    "@fluentui-react-native/adapters": "0.14.0",
+    "@fluentui-react-native/framework": "0.15.0",
+    "@fluentui-react-native/theme-tokens": "0.28.0",
+    "@fluentui-react-native/tokens": "0.24.0",
+    "@uifabricshared/foundation-composable": "0.14.0",
+    "@uifabricshared/foundation-compose": "1.16.0",
+    "@uifabricshared/foundation-settings": "0.16.0",
+    "@uifabricshared/foundation-tokens": "0.16.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
     "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
+    "@fluentui-react-native/framework-base": "0.3.0",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.2",
     "@office-iss/react-native-win32": "^0.74.0",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.0",
-    "@types/react": "~18.2.0",
-    "react": "18.2.0",
-    "react-native": "^0.74.0",
-    "react-native-macos": "^0.74.0",
-    "react-native-windows": "^0.74.0"
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native-community/cli-platform-android": "^20.0.0",
+    "@react-native-community/cli-platform-ios": "^20.0.0",
+    "@react-native/metro-config": "^0.81.0",
+    "@types/react": "~19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-windows": "^0.81.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.0 || ^0.74.0",
-    "react-native-macos": "^0.73.0 || ^0.74.0",
-    "react-native-windows": "^0.73.0 || ^0.74.0"
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
+    "react": "18.2.0 || 19.0.0 || 19.1.0",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
+  },
+  "peerDependenciesMeta": {
+    "@office-iss/react-native-win32": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "react-native-macos": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
   },
-  "author": "",
-  "license": "MIT",
   "rnx-kit": {
     "kitType": "library",
     "alignDeps": {
-      "presets": [
-        "microsoft/react-native"
-      ],
-      "requirements": {
-        "development": [
-          "react-native@0.74"
-        ],
-        "production": [
-          "react-native@0.73 || 0.74"
-        ]
-      },
       "capabilities": [
-        "babel-preset-react-native",
         "core",
         "core-android",
         "core-ios",
         "core-macos",
         "core-windows",
-        "react"
+        "react",
+        "tools-core"
       ]
-    }
-  },
-  "peerDependenciesMeta": {
-    "@office-iss/react-native-win32": {
-      "optional": true
     },
-    "react-native-macos": {
-      "optional": true
-    },
-    "react-native-windows": {
-      "optional": true
-    }
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/PersonaCoin.tsx

@@ -1,11 +1,9 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import { Image, View, Text } from 'react-native';
 
 import { filterViewProps, filterImageProps } from '@fluentui-react-native/adapters';
 import { foregroundColorTokens } from '@fluentui-react-native/tokens';
 import type { ISlots, IRenderData } from '@uifabricshared/foundation-composable';
-import { withSlots } from '@uifabricshared/foundation-composable';
 import { compose } from '@uifabricshared/foundation-compose';
 import type { IUseComposeStyling } from '@uifabricshared/foundation-compose';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
@@ -63,7 +61,7 @@ function usePrepareForProps(
   };
 }
 
-const render = (Slots: ISlots<IPersonaCoinSlotProps>, renderData: IPersonaCoinRenderData): JSX.Element | null => {
+const render = (Slots: ISlots<IPersonaCoinSlotProps>, renderData: IPersonaCoinRenderData): React.JSX.Element | null => {
   if (!renderData.state) {
     return null;
   }