diff --git a/site/src/modules/resources/WildcardHostnameWarning.tsx b/site/src/modules/resources/WildcardHostnameWarning.tsx index e9aa9d3ad8..8312606430 100644 --- a/site/src/modules/resources/WildcardHostnameWarning.tsx +++ b/site/src/modules/resources/WildcardHostnameWarning.tsx @@ -1,6 +1,5 @@ -import AlertTitle from "@mui/material/AlertTitle"; import type { WorkspaceResource } from "api/typesGenerated"; -import { Alert, AlertDetail } from "components/Alert/Alert"; +import { Alert, AlertDetail, AlertTitle } from "components/Alert/Alert"; import { Link } from "components/Link/Link"; import { useProxy } from "contexts/ProxyContext"; import { useAuthenticated } from "hooks/useAuthenticated"; diff --git a/site/src/theme/mui.ts b/site/src/theme/mui.ts index 82d1a0314d..6d08b85f33 100644 --- a/site/src/theme/mui.ts +++ b/site/src/theme/mui.ts @@ -3,8 +3,6 @@ * This file provides MUI theme overrides for legacy compatibility only. */ -/** @deprecated MUI Alert classes are deprecated. Use shadcn/ui Alert component instead. */ -import { alertClasses } from "@mui/material/Alert"; /** @deprecated MUI ThemeOptions is deprecated. Migrate to Tailwind CSS theme system. */ import type { ThemeOptions } from "@mui/material/styles"; import { @@ -284,47 +282,4 @@ export const components = { }), }, }, - MuiAlert: { - defaultProps: { - variant: "outlined", - }, - styleOverrides: { - root: ({ theme }) => ({ - background: theme.palette.background.paper, - }), - action: { - paddingTop: 2, // Idk why it is not aligned as expected - }, - icon: { - fontSize: 16, - marginTop: "4px", // The size of text is 24 so (24 - 16)/2 = 4 - }, - message: ({ theme }) => ({ - color: theme.palette.text.primary, - }), - outlinedWarning: ({ theme }) => ({ - [`& .${alertClasses.icon}`]: { - color: theme.palette.warning.light, - }, - }), - outlinedInfo: ({ theme }) => ({ - [`& .${alertClasses.icon}`]: { - color: theme.palette.primary.light, - }, - }), - outlinedError: ({ theme }) => ({ - [`& .${alertClasses.icon}`]: { - color: theme.palette.error.light, - }, - }), - }, - }, - MuiAlertTitle: { - styleOverrides: { - root: { - fontSize: "inherit", - marginBottom: 0, - }, - }, - }, } satisfies ThemeOptions["components"]; diff --git a/site/vite.config.mts b/site/vite.config.mts index 46643b0808..22ba68e958 100644 --- a/site/vite.config.mts +++ b/site/vite.config.mts @@ -130,8 +130,6 @@ export default defineConfig({ "@emotion/react", "@emotion/react/jsx-runtime", "@emotion/styled", - "@mui/material/Alert", - "@mui/material/AlertTitle", "@mui/material/Autocomplete", "@mui/material/Card", "@mui/material/CardActionArea",