Skip to content

Commit 602bf93

Browse files
[docs] Fix more references of MUI Base
1 parent 894dd47 commit 602bf93

File tree

14 files changed

+28
-28
lines changed

14 files changed

+28
-28
lines changed

docs/data/base/components/autocomplete/autocomplete.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ title: React Autocomplete hook
44
hooks: useAutocomplete
55
githubLabel: 'component: autocomplete'
66
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
7+
newName: Combobox
8+
newUrl: https://base-ui.com/react/components/autocomplete
79
---
810

911
# Autocomplete

docs/data/base/components/snackbar/snackbar.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ title: React Snackbar component and hook
44
components: Snackbar
55
hooks: useSnackbar
66
githubLabel: 'component: snackbar'
7+
newName: Toast
8+
newUrl: https://base-ui.com/react/components/toast
79
---
810

911
# Snackbar

docs/src/components/productBaseUI/MuiBaseDeprecation.tsx

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,15 @@ import * as React from 'react';
22
import Box from '@mui/material/Box';
33
import { MarkdownElement } from '@mui/docs/MarkdownElement';
44

5-
export default function MuiBaseDeprecation(props: {
6-
newComponentName?: string;
7-
newComponentUrl?: string;
8-
}) {
9-
if (props.newComponentUrl && props.newComponentName) {
5+
export default function MuiBaseDeprecation(props: { newName?: string; newUrl?: string }) {
6+
if (props.newUrl && props.newName) {
107
return (
118
<MarkdownElement>
129
<Box component="aside" className="MuiCallout-root MuiCallout-error">
1310
<Icon />
1411
<Box className="MuiCallout-content">
15-
@mui/base has been deprecated and has been replaced by Base UI. We strongly recommend
16-
using the Base UI <a href={props.newComponentUrl}>{props.newComponentName} component</a>{' '}
12+
MUI Base (@mui/base) has been deprecated. Base UI is its successor. We strongly
13+
recommend using the new <a href={props.newUrl}>Base UI {props.newName} component</a>{' '}
1714
instead.
1815
</Box>
1916
</Box>
@@ -25,9 +22,8 @@ export default function MuiBaseDeprecation(props: {
2522
<Box component="aside" className="MuiCallout-root MuiCallout-error">
2623
<Icon />
2724
<Box className="MuiCallout-content">
28-
@mui/base has been deprecated and has been replaced by{' '}
29-
<a href="https://base-ui.com">Base UI</a>. We strongly recommend using the new package
30-
instead.
25+
MUI Base (@mui/base) has been deprecated. <a href="https://base-ui.com">Base UI</a> is its
26+
successor. We strongly recommend using the new package instead.
3127
</Box>
3228
</Box>
3329
</MarkdownElement>

docs/src/modules/components/MarkdownDocs.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -78,8 +78,8 @@ export default function MarkdownDocs(props) {
7878
{isJoy && <JoyModeObserver mode={theme.palette.mode} />}
7979
{isBase && (
8080
<MuiBaseDeprecation
81-
newComponentUrl={localizedDoc.headers.newUrl}
82-
newComponentName={localizedDoc.headers.newName}
81+
newUrl={localizedDoc.headers.newUrl}
82+
newName={localizedDoc.headers.newName}
8383
/>
8484
)}
8585
{localizedDoc.rendered.map((renderedMarkdownOrDemo, index) => (

docs/src/modules/components/MarkdownDocsV2.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -276,8 +276,8 @@ export default function MarkdownDocsV2(props) {
276276
{isJoy && <JoyModeObserver mode={theme.palette.mode} />}
277277
{isBase && (
278278
<MuiBaseDeprecation
279-
newComponentUrl={localizedDoc.headers.newUrl}
280-
newComponentName={localizedDoc.headers.newName}
279+
newUrl={localizedDoc.headers.newUrl}
280+
newName={localizedDoc.headers.newName}
281281
/>
282282
)}
283283
{commonElements}

examples/base-ui-cra-ts/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# MUI Base - Create React App example in TypeScript
22

3-
[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
3+
[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks.
44

55
[Create React App](https://create-react-app.dev/) is a framework for quickly creating a new React project without the need to configure complex build tools or development environments.
66

examples/base-ui-cra-ts/src/App.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default function App() {
66
<div className="box">
77
<h1>Base UI + Create React App scaffold (TypeScript)</h1>
88
<div className="item">
9-
<a href="https://mui.com/base-ui/">Base UI</a> is a library of unstyled React UI components
9+
<a href="https://v6.mui.com/base-ui/getting-started/">MUI Base</a> is a library of unstyled React UI components
1010
which includes prebuilt components with production-ready functionality, along with low-level
1111
hooks for transferring that functionality to other components.
1212
</div>

examples/base-ui-cra/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# MUI Base - Create React App example in JavaScript
22

3-
[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
3+
[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks.
44

55
[Create React App](https://create-react-app.dev/) is a framework for quickly creating a new React project without the need to configure complex build tools or development environments.
66

examples/base-ui-cra/src/App.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default function App() {
66
<div className="box">
77
<h1>Base UI + Create React App scaffold (JavaScript)</h1>
88
<div className="item">
9-
<a href="https://mui.com/base-ui/">Base UI</a> is a library of unstyled React UI components
9+
<a href="https://v6.mui.com/base-ui/getting-started/">MUI Base</a> is a library of unstyled React UI components
1010
and hooks.
1111
</div>
1212
<div className="item">

examples/base-ui-vite-tailwind-ts/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# MUI Base - Vite.js example with Tailwind CSS in TypeScript
22

3-
[MUI Base](https://mui.com/base-ui/) is a library of unstyled React UI components and hooks.
3+
[MUI Base](https://v6.mui.com/base-ui/getting-started/) is a library of unstyled React UI components and hooks.
44

55
[Vite](https://vite.dev/) is a build tool that aims to provide a faster and leaner development experience for modern web projects, consisting of a dev server and a build command
66

0 commit comments

Comments
 (0)