Simplify PR after review

Co-authored-by: Patrik Oldsberg <poldsberg@gmail.com>
Signed-off-by: Philipp Hugenroth <philipph@spotify.com>

packages/theme/src/base/index.ts

@@ -19,6 +19,7 @@ export type { BaseThemeOptionsInput } from './createBaseThemeOptions';
 export { colorVariants, genPageTheme, pageTheme, shapes } from './pageTheme';
 export { palettes } from './palettes';
 export type {
+  BackstageThemeAdditions,
   BackstagePaletteAdditions,
   PageTheme,
   PageThemeSelector,

packages/theme/src/unified/UnifiedTheme.tsx

@@ -32,7 +32,6 @@ import { PageTheme } from '../base/types';
 import { defaultComponentThemes } from '../v5';
 import { createBaseThemeOptions } from '../base/createBaseThemeOptions';
 import { UnifiedTheme } from './types';
-import { maybeLoadMui4Styles } from '../v4/load';
 
 export class UnifiedThemeHolder implements UnifiedTheme {
   #themes = new Map<string, unknown>();
@@ -97,12 +96,6 @@ export function createUnifiedThemeFromV4(
   options: ThemeOptionsV4,
 ): UnifiedTheme {
   const v5Theme = adaptV4Theme(options as any);
-
-  const mui4Styles = maybeLoadMui4Styles();
-  if (!mui4Styles) {
-    return new UnifiedThemeHolder(undefined, v5Theme);
-  }
-
-  const v4Theme = mui4Styles.createTheme(options);
+  const v4Theme = createTheme(options);
   return new UnifiedThemeHolder(v4Theme, v5Theme);
 }

packages/theme/src/unified/UnifiedThemeProvider.tsx

@@ -21,9 +21,8 @@ import {
   StyledEngineProvider,
   ThemeProvider as Mui5Provider,
 } from '@mui/material/styles';
-import Mui5CssBaseline from '@mui/material/CssBaseline';
+import CSSBaseline from '@mui/material/CssBaseline';
 import { UnifiedTheme } from './types';
-import { CssBaseline } from '@material-ui/core';
 
 /**
  * Props for {@link UnifiedThemeProvider}.
@@ -51,15 +50,7 @@ export function UnifiedThemeProvider(
 
   let cssBaseline: JSX.Element | undefined = undefined;
   if (!noCssBaseline) {
-    if (v5Theme) {
-      cssBaseline = <Mui5CssBaseline enableColorScheme />;
-    } else if (v4Theme) {
-      /* const CssBaseline = maybeLoadMui4CssBaseline();
-      if (!CssBaseline) {
-        throw new Error('Failed to load MUI 4 CssBaseline component');
-      } */
-      cssBaseline = <CssBaseline />;
-    }
+    cssBaseline = <CSSBaseline />;
   }
 
   let result = (

packages/theme/src/v4/load.ts

@@ -1,74 +0,0 @@
-/*
- * Copyright 2023 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * Loads MUI v4 styles if it is available.
- *
- * This should always be used to access MUI v4 at runtime in this
- * package, to ensure that it's not brought into the bundle unnecessarily.
- *
- * @internal
- */
-export function maybeLoadMui4Styles():
-  | typeof import('@material-ui/core/styles')
-  | undefined {
-  if (
-    __webpack_modules__[
-      require.resolveWeak('@material-ui/core/styles') as number
-    ]
-  ) {
-    return __webpack_modules__[
-      require.resolveWeak('@material-ui/core/styles') as number
-    ] as typeof import('@material-ui/core/styles');
-  }
-  if (__webpack_modules__[require.resolveWeak('@material-ui/core') as number]) {
-    return __webpack_modules__[
-      require.resolveWeak('@material-ui/core') as number
-    ] as typeof import('@material-ui/core');
-  }
-
-  return undefined;
-}
-
-/**
- * Loads the MUI v4 CssBaseline component if it is available.
- *
- * This should always be used to access MUI v4 at runtime in this
- * package, to ensure that it's not brought into the bundle unnecessarily.
- *
- * @internal
- */
-export function maybeLoadMui4CssBaseline():
-  | typeof import('@material-ui/core/CssBaseline')['default']
-  | undefined {
-  if (
-    __webpack_modules__[
-      require.resolveWeak('@material-ui/core/CssBaseline') as number
-    ]
-  ) {
-    const m = __webpack_modules__[
-      require.resolveWeak('@material-ui/core/CssBaseline') as number
-    ] as typeof import('@material-ui/core/CssBaseline');
-    return m.default;
-  }
-  if (__webpack_modules__[require.resolveWeak('@material-ui/core') as number]) {
-    const m = __webpack_modules__[
-      require.resolveWeak('@material-ui/core') as number
-    ] as typeof import('@material-ui/core');
-    return m.CssBaseline;
-  }
-  return undefined;
-}