[load-themed-styles] Update package layout

Author: dmichon-msft

common/changes/@microsoft/load-themed-styles/sass-overhaul_2025-04-09-18-31.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@microsoft/load-themed-styles",
+      "comment": "Update package folder layout to be explicit about module types.",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@microsoft/load-themed-styles"
+}

libraries/load-themed-styles/.npmignore

@@ -5,8 +5,7 @@
 
 # Use negative patterns to bring back the specific things we want to publish.
 !/bin/**
-!/lib/**
-!/lib-*/**
+!/lib*/**
 !/dist/**
 
 !CHANGELOG.md
@@ -17,8 +16,7 @@
 
 # Ignore certain patterns that should not get published.
 /dist/*.stats.*
-/lib/**/test/
-/lib-*/**/test/
+/lib*/**/test/
 *.test.js
 
 # NOTE: These don't need to be specified, because NPM includes them automatically.

libraries/load-themed-styles/config/heft.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/heft/v0/heft.schema.json",
+
+  "extends": "local-web-rig/profiles/library/config/heft.json",
+
+  "phasesByName": {
+    "build": {
+      "cleanFiles": [{ "includeGlobs": ["lib-dts", "lib-esm"] }]
+    }
+  }
+}

libraries/load-themed-styles/config/jest.config.json

@@ -1,7 +1,3 @@
 {
-  "extends": "local-web-rig/profiles/library/config/jest.config.json",
-
-  "rootDir": "lib",
-  "roots": ["<rootDir>/lib"],
-  "testMatch": ["<rootDir>/lib/**/*.test.js"]
+  "extends": "local-web-rig/profiles/library/config/jest.config.json"
 }

libraries/load-themed-styles/config/rush-project.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/rush/v5/rush-project.schema.json",
+
+  "extends": "local-web-rig/profiles/library/config/rush-project.json",
+
+  "operationSettings": [
+    {
+      "operationName": "_phase:build",
+      "outputFolderNames": ["lib-dts", "lib-esm"]
+    }
+  ]
+}

libraries/load-themed-styles/config/typescript.json

@@ -26,8 +26,8 @@
     },
 
     {
-      "moduleKind": "esnext",
-      "outFolderName": "lib-es6"
+      "moduleKind": "commonjs",
+      "outFolderName": "lib-commonjs"
     }
   ]
 }

libraries/load-themed-styles/package.json

@@ -13,20 +13,32 @@
     "_phase:build": "heft run --only build -- --clean",
     "_phase:test": "heft run --only test -- --clean"
   },
-  "main": "lib/index.js",
-  "module": "lib-es6/index.js",
-  "typings": "lib/index.d.ts",
+  "main": "lib-commonjs/index.js",
+  "module": "lib-esm/index.js",
+  "typings": "lib-dts/index.d.ts",
   "keywords": [],
   "devDependencies": {
     "@rushstack/heft": "workspace:*",
     "local-web-rig": "workspace:*"
   },
   "exports": {
     ".": {
-      "require": "./lib/index.js",
-      "import": "./lib-es6/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib-commonjs/index.js",
+      "import": "./lib-esm/index.js",
+      "types": "./lib-dts/index.d.ts"
+    },
+    "./lib/*": {
+      "require": "./lib-commonjs/*",
+      "import": "./lib-esm/*",
+      "types": "./lib-dts/*"
     },
     "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "lib/*": [
+        "lib-dts/*"
+      ]
+    }
   }
 }

libraries/load-themed-styles/tsconfig.json

@@ -2,7 +2,8 @@
   "extends": "./node_modules/local-web-rig/profiles/library/tsconfig-base.json",
   "compilerOptions": {
     "importHelpers": false,
-    "module": "commonjs",
+    "outDir": "lib-esm",
+    "declarationDir": "lib-dts",
     "lib": ["ES2015"]
   }
 }