fixup! feat!: Paragon 23 and External CSS support

Author: arbrandes

docs/how_tos/theming.md

@@ -115,7 +115,7 @@ A complete example, including custom variants:
 
 ```js
 const siteConfig: SiteConfig = {
-  paragonThemeUrls: {
+  theme: {
     core: {
       url: "https://cdn.jsdelivr.net/npm/@my-org/theme-package@1.0.0/dist/core.min.css",
     },

runtime/config/index.ts

@@ -124,7 +124,7 @@ let siteConfig: SiteConfig = {
   externalRoutes: [],
   externalLinkUrlOverrides: [],
   mfeConfigApiUrl: null,
-  paragonThemeUrls: {},
+  theme: {},
   accessTokenCookieName: 'edx-jwt-cookie-header-payload',
   csrfTokenApiPath: '/csrf/api/v1/token',
   ignoredErrorRegex: null,

runtime/react/SiteProvider.tsx

@@ -15,11 +15,11 @@ import ErrorBoundary from './ErrorBoundary';
 import SiteContext from './SiteContext';
 import { SELECTED_THEME_VARIANT_KEY } from './constants';
 import {
-  useParagonTheme,
+  useTheme,
   useSiteEvent,
   useTrackColorSchemeChoice
 } from './hooks';
-import { paragonThemeActions } from './reducers';
+import { themeActions } from './reducers';
 
 interface SiteProviderProps {
   children: ReactNode,
@@ -66,7 +66,7 @@ export default function SiteProvider({ children }: SiteProviderProps) {
   });
 
   useTrackColorSchemeChoice();
-  const [paragonThemeState, paragonThemeDispatch] = useParagonTheme();
+  const [paragonThemeState, paragonThemeDispatch] = useTheme();
 
   const siteContextValue = useMemo(() => ({
     authenticatedUser,
@@ -75,7 +75,7 @@ export default function SiteProvider({ children }: SiteProviderProps) {
     paragonTheme: {
       state: paragonThemeState,
       setThemeVariant: (themeVariant: string) => {
-        paragonThemeDispatch(paragonThemeActions.setParagonThemeVariant(themeVariant));
+        paragonThemeDispatch(themeActions.setThemeVariant(themeVariant));
 
         // Persist selected theme variant to localStorage.
         window.localStorage.setItem(SELECTED_THEME_VARIANT_KEY, themeVariant);

runtime/react/hooks/index.ts

@@ -4,6 +4,5 @@ export { default as useActiveRouteRoleWatcher } from './useActiveRouteRoleWatche
 export { default as useActiveRoles } from './useActiveRoles';
 export { default as useSiteConfig } from './useSiteConfig';
 export { default as useSiteEvent } from './useSiteEvent';
-export { default as useTrackColorSchemeChoice } from './useTrackColorSchemeChoice';
 
-export * from './paragon';
+export * from './theme';