[core] Rename mui/core to mui/base (mui#29585)

.circleci/config.yml

@@ -246,7 +246,7 @@ jobs:
           name: Test module augmenation
           command: |
             yarn workspace @mui/material typescript:module-augmentation
-            yarn workspace @mui/core typescript:module-augmentation
+            yarn workspace @mui/base typescript:module-augmentation
 
       - restore_cache:
           name: Restore generated declaration files

.codesandbox/ci.json

@@ -12,7 +12,7 @@
     "packages/mui-private-theming",
     "packages/mui-types",
     "packages/mui-utils",
-    "packages/mui-core",
+    "packages/mui-base",
     "packages/mui-styled-engine",
     "packages/mui-styled-engine-sc",
     "packages/mui-material-next",
@@ -30,7 +30,7 @@
     "@mui/private-theming": "packages/mui-private-theming/build",
     "@mui/types": "packages/mui-types/build",
     "@mui/utils": "packages/mui-utils/build",
-    "@mui/core": "packages/mui-core/build",
+    "@mui/base": "packages/mui-base/build",
     "@mui/material-next": "packages/mui-material-next/build",
     "@mui/joy": "packages/mui-joy/build"
   },

CHANGELOG.md

@@ -142,16 +142,16 @@ _Oct 26, 2021_
 A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
 
 - 🔧 Implement `Masonry` using Flexbox by @hbjORbj.
-- 🧪 Add three components to `@mui/core` by @rebeccahongsf and @hbjORbj.
+- 🧪 Add three components to `@mui/base` by @rebeccahongsf and @hbjORbj.
 
 ### `@mui/[email protected]`
 
 - &#8203;<!-- 38 -->[codemod] Support new package name in `link-underline-hover` transformer (#29214) @siriwatknp
 
-### `@mui/core@5.0.0-alpha.52`
+### `@mui/base@5.0.0-alpha.52`
 
 - &#8203;<!-- 39 -->[ClickAwayListener] Move to the core package (#29186) @hbjORbj
-- &#8203;<!-- 13 -->[Popper] Move from mui-material to mui-core (#28923) @rebeccahongsf
+- &#8203;<!-- 13 -->[Popper] Move from mui-material to mui-base (#28923) @rebeccahongsf
 - &#8203;<!-- 04 -->[TextareaAutosize] Move to the core package (#29148) @hbjORbj
 
 ### `@mui/[email protected]`
@@ -220,7 +220,7 @@ _Oct 14, 2021_
 
 A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
 
-- 🧪 Added `UnstyledInput` and `useInput` hook in the the first component in @mui/core package @michaldudak (#28053)
+- 🧪 Added `UnstyledInput` and `useInput` hook in the the first component in @mui/base package @michaldudak (#28053)
 - 🐛 Fixed many bugs and improved the documentation 📚.
 
 ### `@mui/[email protected]`
@@ -235,7 +235,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
 
 - &#8203;<!-- 05 -->[system] Update typing for `style` function (#28744) @hbjORbj
 
-### `@mui/core@5.0.0-alpha.51`
+### `@mui/base@5.0.0-alpha.51`
 
 - &#8203;<!-- 07 -->[InputUnstyled] Create unstyled input and useInput hook (#28053) @michaldudak
 
@@ -304,7 +304,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
 
 - &#8203;<!-- 42 -->Don't allow styled-components APIs on mui styled function (#28807) @hbjORbj
 
-### `@mui/core@5.0.0-alpha.50`
+### `@mui/base@5.0.0-alpha.50`
 
 - &#8203;<!-- 38 -->[ButtonUnstyled] Don't set redundant role=button (#28488) @michaldudak
 - &#8203;<!-- 43 -->[SliderUnstyled] Prevent unknown-prop error when using marks prop (#28868) @hbjORbj
@@ -683,10 +683,10 @@ A big thanks to the 18 contributors who made this release possible. Here are som
   ```
   @material-ui/core => @mui/material        // represents Material Design components.
   @material-ui/icons => @mui/icons-material // represents Material Design icons.
-  @material-ui/unstyled => @mui/core        // fully functional components with minimum styles.
+  @material-ui/unstyled => @mui/base        // fully functional components with minimum styles.
   ```
 
-  > **Note**: `@mui/core` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`.
+  > **Note**: `@mui/base` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`.
 
   We encourage you to use the [codemod](https://github.com/mui-org/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) for smooth migration.
 
@@ -701,7 +701,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
 - &#8203;<!-- 05 -->[ToggleButtonGroup] Add "disabled" prop (#27998) @chetas411
 - &#8203;<!-- 34 -->[core] Export types for module augmentation (#28078) @m4theushw
 
-### `@mui/core@5.0.0-alpha.45`
+### `@mui/base@5.0.0-alpha.45`
 
 - &#8203;<!-- 38 -->[Button] Create ButtonUnstyled and useButton (#27600) @michaldudak
 

babel.config.js

@@ -18,7 +18,7 @@ const defaultAlias = {
   '@mui/styles': resolveAliasPath('./packages/mui-styles/src'),
   '@mui/system': resolveAliasPath('./packages/mui-system/src'),
   '@mui/private-theming': resolveAliasPath('./packages/mui-private-theming/src'),
-  '@mui/core': resolveAliasPath('./packages/mui-core/src'),
+  '@mui/base': resolveAliasPath('./packages/mui-base/src'),
   '@mui/utils': resolveAliasPath('./packages/mui-utils/src'),
   '@mui/material-next': resolveAliasPath('./packages/mui-material-next/src'),
   '@mui/joy': resolveAliasPath('./packages/mui-joy/src'),

docs/babel.config.js

@@ -26,7 +26,7 @@ const alias = {
   '@mui/system': '../packages/mui-system/src',
   '@mui/private-theming': '../packages/mui-private-theming/src',
   '@mui/utils': '../packages/mui-utils/src',
-  '@mui/core': '../packages/mui-core/src',
+  '@mui/base': '../packages/mui-base/src',
   '@mui/material-next': '../packages/mui-material-next/src',
   '@mui/joy': '../packages/mui-joy/src',
   docs: './',

docs/next.config.js

@@ -133,7 +133,7 @@ module.exports = {
                         '@mui/system': '../packages/mui-system/src',
                         '@mui/private-theming': '../packages/mui-private-theming/src',
                         '@mui/utils': '../packages/mui-utils/src',
-                        '@mui/core': '../packages/mui-core/src',
+                        '@mui/base': '../packages/mui-base/src',
                         '@mui/material-next': '../packages/mui-material-next/src',
                         '@mui/joy': '../packages/mui-joy/src',
                       },

docs/package.json

@@ -31,7 +31,7 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.16",
-    "@mui/core": "5.0.0-alpha.54",
+    "@mui/base": "5.0.0-alpha.54",
     "@mui/docs": "^5.1.0",
     "@mui/icons-material": "^5.1.0",
     "@mui/lab": "5.0.0-alpha.54",

docs/pages/api-docs/backdrop-unstyled.json

@@ -18,7 +18,7 @@
   },
   "spread": true,
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-core/src/BackdropUnstyled/BackdropUnstyled.js",
+  "filename": "/packages/mui-base/src/BackdropUnstyled/BackdropUnstyled.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/backdrop/\">Backdrop</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/badge-unstyled.json

@@ -61,7 +61,7 @@
   },
   "spread": true,
   "forwardsRefTo": "HTMLSpanElement",
-  "filename": "/packages/mui-core/src/BadgeUnstyled/BadgeUnstyled.js",
+  "filename": "/packages/mui-base/src/BadgeUnstyled/BadgeUnstyled.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/badges/\">Badges</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/button-unstyled.json

@@ -17,7 +17,7 @@
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": true,
   "forwardsRefTo": "HTMLButtonElement",
-  "filename": "/packages/mui-core/src/ButtonUnstyled/ButtonUnstyled.tsx",
+  "filename": "/packages/mui-base/src/ButtonUnstyled/ButtonUnstyled.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/buttons/\">Buttons</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/click-away-listener.json

@@ -21,7 +21,7 @@
   "name": "ClickAwayListener",
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": false,
-  "filename": "/packages/mui-core/src/ClickAwayListener/ClickAwayListener.tsx",
+  "filename": "/packages/mui-base/src/ClickAwayListener/ClickAwayListener.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/click-away-listener/\">Click Away Listener</a></li>\n<li><a href=\"/components/menus/\">Menus</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/form-control-unstyled.json

@@ -16,7 +16,7 @@
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": true,
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-core/src/FormControlUnstyled/FormControlUnstyled.tsx",
+  "filename": "/packages/mui-base/src/FormControlUnstyled/FormControlUnstyled.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/text-fields/\">Text Fields</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/input-unstyled.json

@@ -33,7 +33,7 @@
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": true,
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-core/src/InputUnstyled/InputUnstyled.tsx",
+  "filename": "/packages/mui-base/src/InputUnstyled/InputUnstyled.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/text-fields/\">Text Fields</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/modal-unstyled.json

@@ -32,7 +32,7 @@
   },
   "spread": true,
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-core/src/ModalUnstyled/ModalUnstyled.js",
+  "filename": "/packages/mui-base/src/ModalUnstyled/ModalUnstyled.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/modal/\">Modal</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/no-ssr.json

@@ -7,7 +7,7 @@
   "name": "NoSsr",
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": false,
-  "filename": "/packages/mui-core/src/NoSsr/NoSsr.js",
+  "filename": "/packages/mui-base/src/NoSsr/NoSsr.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/no-ssr/\">No Ssr</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/popper.json

@@ -38,7 +38,7 @@
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": true,
   "forwardsRefTo": "HTMLDivElement",
-  "filename": "/packages/mui-core/src/Popper/Popper.js",
+  "filename": "/packages/mui-base/src/Popper/Popper.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/autocomplete/\">Autocomplete</a></li>\n<li><a href=\"/components/menus/\">Menus</a></li>\n<li><a href=\"/components/popper/\">Popper</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/portal.json

@@ -7,7 +7,7 @@
   "name": "Portal",
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": false,
-  "filename": "/packages/mui-core/src/Portal/Portal.js",
+  "filename": "/packages/mui-base/src/Portal/Portal.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/portal/\">Portal</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/slider-unstyled.json

@@ -109,7 +109,7 @@
   },
   "spread": true,
   "forwardsRefTo": "HTMLSpanElement",
-  "filename": "/packages/mui-core/src/SliderUnstyled/SliderUnstyled.js",
+  "filename": "/packages/mui-base/src/SliderUnstyled/SliderUnstyled.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/slider/\">Slider</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/switch-unstyled.json

@@ -21,7 +21,7 @@
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": true,
   "forwardsRefTo": "HTMLSpanElement",
-  "filename": "/packages/mui-core/src/SwitchUnstyled/SwitchUnstyled.tsx",
+  "filename": "/packages/mui-base/src/SwitchUnstyled/SwitchUnstyled.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/switches/\">Switches</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/textarea-autosize.json

@@ -10,7 +10,7 @@
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": true,
   "forwardsRefTo": "HTMLTextAreaElement",
-  "filename": "/packages/mui-core/src/TextareaAutosize/TextareaAutosize.js",
+  "filename": "/packages/mui-base/src/TextareaAutosize/TextareaAutosize.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/textarea-autosize/\">Textarea Autosize</a></li></ul>",
   "cssComponent": false

docs/pages/api-docs/unstable-trap-focus.json

@@ -14,7 +14,7 @@
   "name": "Unstable_TrapFocus",
   "styles": { "classes": [], "globalClasses": {}, "name": null },
   "spread": false,
-  "filename": "/packages/mui-core/src/Unstable_TrapFocus/Unstable_TrapFocus.js",
+  "filename": "/packages/mui-base/src/Unstable_TrapFocus/Unstable_TrapFocus.js",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/components/trap-focus/\">Trap Focus</a></li></ul>",
   "cssComponent": false

docs/pages/blog/2021-q1-update.md

@@ -83,7 +83,7 @@ This new feature removes the need to create a wrapper component.
   At the same time, they have increased the number of provided icons from 6,500 to 8,500.
   You can find all these icons under the `@mui/icons-material` package.
 
-- 🦴 We have migrated a couple of components to the `@mui/core` package.
+- 🦴 We have migrated a couple of components to the `@mui/base` package.
   The aim of the package is to host the unstyled and headless (hooks) components.
   So far, you can only find:
 

docs/pages/blog/2021-q2-update.md

@@ -215,7 +215,7 @@ We have the following objectives:
   We want to make the upgrade feel painless.
 - ⚛️ Support [React 18](https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html). [Sebastian](https://github.com/eps1lon) is part of the React [Working Group](https://github.com/reactwg/react-18/discussions), focusing on making us ready ahead of time.
   We want our most demanding users to feel empowered by MUI, not slowed down by a third-party.
-- 🦴 Migrate more components to `@mui/core`. [Michał](https://github.com/michaldudak) has recently added support for the [Switch](https://mui.com/components/switches/#unstyled).
+- 🦴 Migrate more components to `@mui/base`. [Michał](https://github.com/michaldudak) has recently added support for the [Switch](https://mui.com/components/switches/#unstyled).
   You can follow our progress in the [umbrella issue](https://github.com/mui-org/material-ui/issues/27170).
 - 🌈 Do a proof of concept on supporting a second design system.
   Some of our users (and potential users) dislike Material Design. We will try to make the second design system one that they love!

docs/pages/blog/2021-q3-update.md

@@ -48,49 +48,49 @@ Here are the most significant improvements since early July 2021.
 
   <a href="/components/masonry/"><img loading="lazy" src="/static/blog/2021-q3-update/masonry.png" style="width: 700px; margin-bottom: 16px;" /></a>
 
-- We introduced a new [package of components without styles](https://www.npmjs.com/package/@mui/core), laying the foundations for supporting multiple design systems with headless components.
+- We introduced a new [package of components without styles](https://www.npmjs.com/package/@mui/base), laying the foundations for supporting multiple design systems with headless components.
   While it was tough to balance the time between working on v5 stable and developing the unstyled components, we still managed to introduce the first few:
 
   - [Autocomplete](/components/autocomplete/#useautocomplete)
 
   ```jsx
-  import { useAutocomplete } from '@mui/core/AutocompleteUnstyled';
+  import { useAutocomplete } from '@mui/base/AutocompleteUnstyled';
   ```
 
   - [Button](/components/buttons/#unstyled)
 
   ```jsx
-  import { useButton } from '@mui/core/ButtonUnstyled';
+  import { useButton } from '@mui/base/ButtonUnstyled';
   ```
 
   - [Modal](/components/modal/#unstyled)
 
   ```jsx
-  import ModalUnstyled from '@mui/core/ModalUnstyled';
+  import ModalUnstyled from '@mui/base/ModalUnstyled';
   ```
 
   - [Slider](/components/slider/#unstyled)
 
   ```jsx
-  import SliderUnstyled from '@mui/core/SliderUnstyled';
+  import SliderUnstyled from '@mui/base/SliderUnstyled';
   ```
 
   - [Switch](/components/switches/#unstyled)
 
   ```jsx
-  import { useSwitch } from '@mui/core/SwitchUnstyled';
+  import { useSwitch } from '@mui/base/SwitchUnstyled';
   ```
 
   - [Portal](/components/portal/#unstyled)
 
   ```jsx
-  import Portal from '@mui/core/Portal';
+  import Portal from '@mui/base/Portal';
   ```
 
   - [TrapFocus](/components/trap-focus/#unstyled)
 
   ```jsx
-  import TrapFocus from '@mui/core/Unstable_TrapFocus';
+  import TrapFocus from '@mui/base/Unstable_TrapFocus';
   ```
 
 ### MUI X
@@ -193,7 +193,7 @@ We'll do our best, no guarantee!
   In the last few weeks, we have seen a strong influx of feedback from the community.
   We need to make the most of this feedback to solve regressions, improve the documentation for the new APIs, adjust the tradeoffs we took in the light of more information, and more.
   [15%](https://npm-stat.com/charts.html?package=%40material-ui%2Fcore&package=%40mui%2Fmaterial&from=2020-10-25&to=2021-10-15) of the community has migrated, so far.
-- 🦴 Migrate more components to `@mui/core`. [Michał](https://github.com/michaldudak) has recently added support for the [Button](https://mui.com/components/buttons/#unstyled).
+- 🦴 Migrate more components to `@mui/base`. [Michał](https://github.com/michaldudak) has recently added support for the [Button](https://mui.com/components/buttons/#unstyled).
   You can follow our progress in the [umbrella issue](https://github.com/mui-org/material-ui/issues/27170).
 - 🎨 We are [exploring](https://github.com/mui-org/material-ui/discussions/29024) the introduction of CSS variables.
   Since v5, MUI is no longer actively supporting IE 11. Dropping this browser requirement unlocks new capabilities of the web platform.

docs/pages/blog/michal-dudak-joining.md

@@ -18,7 +18,7 @@ We were impressed by his technical challenge.
 He leveraged most of the best practices we enforce when writing components, without prior experience contributing to our codebase.
 
 While we can't predict the future, Michał is currently responsible for the development of a new vertical for MUI: the unstyled & headless React components.
-Marija initiated this effort with a couple of new modules under the [@mui/core](https://unpkg.com/browse/@mui/core@latest/) package.
+Marija initiated this effort with a couple of new modules under the [@mui/base](https://unpkg.com/browse/@mui/base@latest/) package.
 This is a strategic effort for us, with the intent to solve two problems:
 
 1. Share logic between Material Design and the second design specification that [Jun will work on](/blog/siriwat-kunaporn-joining/). This is important to stay efficient.

docs/pages/performance/slider-emotion.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import NoSsr from '@mui/core/NoSsr';
+import NoSsr from '@mui/base/NoSsr';
 import Slider from '@mui/material/Slider';
 
 const data = {

docs/pages/performance/slider-jss.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import NoSsr from '@mui/core/NoSsr';
+import NoSsr from '@mui/base/NoSsr';
 import Slider from '@mui/material/Slider';
 
 const data = {

docs/pages/performance/system.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import NoSsr from '@mui/core/NoSsr';
+import NoSsr from '@mui/base/NoSsr';
 import Box from '@mui/material/Box';
 
 export default function SxPropBoxMaterialUI() {

docs/pages/performance/table-component.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import NoSsr from '@mui/core/NoSsr';
+import NoSsr from '@mui/base/NoSsr';
 
 const createComponent = (defaultComponent) => {
   const MyComponent = React.forwardRef(function MyComponent(props, ref) {

docs/pages/performance/table-emotion.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 // import { styled } from '@mui/material/styles';
-import NoSsr from '@mui/core/NoSsr';
+import NoSsr from '@mui/base/NoSsr';
 
 const createComponent = (defaultComponent) => {
   const Root = styled('div')`

docs/pages/performance/table-hook.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { makeStyles } from '@mui/styles';
-import NoSsr from '@mui/core/NoSsr';
+import NoSsr from '@mui/base/NoSsr';
 
 const createComponent = (defaultComponent) => {
   const useStyles = makeStyles({