From 843f7681c7720d2a62622befd0034e0838745baf Mon Sep 17 00:00:00 2001
From: Oleksandr Fediashov <olfedias@microsoft.com>
Date: Fri, 15 Dec 2023 10:39:55 +0100
Subject: [PATCH] chore(react-components): add "wyw-in-js" field for tag
 processor (#30032)

Adds `wyw-in-js` field to `package.json` to support styles processing with WyW-in-JS compiler (https://wyw-in-js.dev/). The plan is to use this compiler for Vite/esbuild plugins (https://github.com/microsoft/griffel/pull/41) and later switch our Webpack loader to it (https://github.com/microsoft/griffel/pull/414).
---
 ...t-components-623f5d14-335e-4a2a-aba0-b051b8cdb004.json | 7 +++++++
 packages/react-components/react-components/package.json   | 8 +++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 change/@fluentui-react-components-623f5d14-335e-4a2a-aba0-b051b8cdb004.json

diff --git a/change/@fluentui-react-components-623f5d14-335e-4a2a-aba0-b051b8cdb004.json b/change/@fluentui-react-components-623f5d14-335e-4a2a-aba0-b051b8cdb004.json
new file mode 100644
index 0000000000000..3a28f3d275cd9
--- /dev/null
+++ b/change/@fluentui-react-components-623f5d14-335e-4a2a-aba0-b051b8cdb004.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: add \"wyw-in-js\" field for tag processor",
+  "packageName": "@fluentui/react-components",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
index 401d3a9f93d7f..578725de39d47 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -117,5 +117,11 @@
     "lib",
     "lib-commonjs",
     "unstable"
-  ]
+  ],
+  "wyw-in-js": {
+    "tags": {
+      "makeStyles": "@griffel/tag-processor/make-styles",
+      "makeResetStyles": "@griffel/tag-processor/make-reset-styles"
+    }
+  }
 }