Add BUI CSS to createDevApp

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
Made-with: Cursor

.changeset/add-frontend-dev-utils.md

@@ -2,4 +2,4 @@
 '@backstage/frontend-dev-utils': minor
 ---
 
-Added `@backstage/frontend-dev-utils`, a new package that provides a minimal helper for wiring up a development app for frontend plugins using the new frontend system. It exports a `createDevApp` function that handles creating and rendering a development app from a `dev/` entry point. The dev app automatically bypasses the sign-in page.
+Added `@backstage/frontend-dev-utils`, a new package that provides a minimal helper for wiring up a development app for frontend plugins using the new frontend system. It exports a `createDevApp` function that handles creating and rendering a development app from a `dev/` entry point. The dev app automatically bypasses the sign-in page and loads the `@backstage/ui` CSS.

packages/frontend-dev-utils/package.json

@@ -38,7 +38,8 @@
   "dependencies": {
     "@backstage/frontend-defaults": "workspace:^",
     "@backstage/frontend-plugin-api": "workspace:^",
-    "@backstage/plugin-app": "workspace:^"
+    "@backstage/plugin-app": "workspace:^",
+    "@backstage/ui": "workspace:^"
   },
   "devDependencies": {
     "@backstage/cli": "workspace:^",

packages/frontend-dev-utils/src/createDevApp.tsx

@@ -14,6 +14,9 @@
  * limitations under the License.
  */
 
+// eslint-disable-next-line @backstage/no-ui-css-imports-in-non-frontend
+import '@backstage/ui/css/styles.css';
+
 import {
   FrontendFeature,
   FrontendFeatureLoader,

yarn.lock

@@ -3680,6 +3680,7 @@ __metadata:
     "@backstage/frontend-plugin-api": "workspace:^"
     "@backstage/plugin-app": "workspace:^"
     "@backstage/test-utils": "workspace:^"
+    "@backstage/ui": "workspace:^"
     "@testing-library/jest-dom": "npm:^6.0.0"
     "@testing-library/react": "npm:^16.0.0"
     "@types/react": "npm:^18.0.0"