Merge branch 'master' of https://github.com/mui/material-ui into fix/transition-slot-props

Author: siriwatknp

.circleci/config.yml

@@ -1,7 +1,7 @@
 version: 2.1
 orbs:
-  aws-cli: circleci/aws-cli@5.1.2
-  aws-s3: circleci/[email protected].0
+  aws-cli: circleci/aws-cli@5.2.0
+  aws-s3: circleci/[email protected].1
 
 parameters:
   browserstack-force:
@@ -315,7 +315,7 @@ jobs:
             git add -f packages/mui-material/build || echo '/material declarations do not exist'
             git add -f packages/mui-lab/build || echo '/lab declarations do not exist'
             git add -f packages/mui-utils/build || echo '/utils declarations do not exist'
-            pnpm -r build:types
+            pnpm -r build:stable && pnpm -r build:types  
             git --no-pager diff
       - run:
           name: Any defect declaration files?
@@ -379,7 +379,7 @@ jobs:
     <<: *default-job
     resource_class: 'medium+'
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     steps:
       - checkout
       - install_js:
@@ -407,7 +407,7 @@ jobs:
   test_e2e:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     steps:
       - checkout
       - install_js:
@@ -419,7 +419,7 @@ jobs:
     # NOTE: This workflow runs after successful docs deploy. See /test/e2e-website/README.md#ci
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     steps:
       - checkout
       - install_js:
@@ -432,7 +432,7 @@ jobs:
   test_profile:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     steps:
       - checkout
       - install_js:
@@ -457,7 +457,7 @@ jobs:
   test_regressions:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     steps:
       - checkout
       - install_js:
@@ -524,7 +524,7 @@ jobs:
   test_bundling_next_webpack4:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack4/
     steps:
       - checkout:
@@ -542,7 +542,7 @@ jobs:
   test_bundling_next_webpack5:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack5/
     steps:
       - checkout:
@@ -560,7 +560,7 @@ jobs:
   test_bundling_create_react_app:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/create-react-app/
     steps:
       - checkout:
@@ -578,7 +578,7 @@ jobs:
   test_bundling_snowpack:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/snowpack/
     steps:
       - checkout:
@@ -596,7 +596,7 @@ jobs:
   test_bundling_vite:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/vite/
     steps:
       - checkout:
@@ -614,7 +614,7 @@ jobs:
   test_bundling_esbuild:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/esbuild/
     steps:
       - checkout:
@@ -632,7 +632,7 @@ jobs:
   test_bundling_gatsby:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
         environment:
           GATSBY_CPU_COUNT: '3'
     working_directory: /tmp/material-ui/test/bundling/fixtures/gatsby/
@@ -683,8 +683,8 @@ jobs:
                 value: << pipeline.git.branch >>
           steps:
             - aws-cli/setup:
-                aws_access_key_id: AWS_ACCESS_KEY_ID_ARTIFACTS
-                aws_secret_access_key: AWS_SECRET_ACCESS_KEY_ARTIFACTS
+                aws_access_key_id: $AWS_ACCESS_KEY_ID_ARTIFACTS
+                aws_secret_access_key: $AWS_SECRET_ACCESS_KEY_ARTIFACTS
                 region: ${AWS_REGION_ARTIFACTS}
             # Upload distributables to S3
             - aws-s3/copy:
@@ -712,8 +712,8 @@ jobs:
                 value: << pipeline.git.branch >>
           steps:
             - aws-cli/setup:
-                aws_access_key_id: AWS_ACCESS_KEY_ID_ARTIFACTS
-                aws_secret_access_key: AWS_SECRET_ACCESS_KEY_ARTIFACTS
+                aws_access_key_id: $AWS_ACCESS_KEY_ID_ARTIFACTS
+                aws_secret_access_key: $AWS_SECRET_ACCESS_KEY_ARTIFACTS
                 region: ${AWS_REGION_ARTIFACTS}
             # persist size snapshot on S3
             - aws-s3/copy:
@@ -733,7 +733,7 @@ jobs:
   test_benchmark:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.48.2-focal
+      - image: mcr.microsoft.com/playwright:v1.50.1-noble
     steps:
       - checkout
       - install_js:

.eslintrc.js

@@ -64,7 +64,7 @@ module.exports = /** @type {Config} */ ({
     'plugin:eslint-plugin-import/recommended',
     'plugin:eslint-plugin-import/typescript',
     'eslint-config-airbnb',
-    'eslint-config-airbnb-typescript',
+    './eslint/config-airbnb-typescript.js',
     'eslint-config-prettier',
   ],
   parser: '@typescript-eslint/parser',
@@ -74,7 +74,7 @@ module.exports = /** @type {Config} */ ({
   plugins: [
     'eslint-plugin-material-ui',
     'eslint-plugin-react-hooks',
-    '@typescript-eslint/eslint-plugin',
+    '@typescript-eslint',
     'eslint-plugin-filenames',
     ...(ENABLE_REACT_COMPILER_PLUGIN ? ['eslint-plugin-react-compiler'] : []),
   ],
@@ -92,6 +92,7 @@ module.exports = /** @type {Config} */ ({
   rules: {
     'consistent-this': ['error', 'self'],
     curly: ['error', 'all'],
+    'dot-notation': 'error',
     // Just as bad as "max components per file"
     'max-classes-per-file': 'off',
     // Too interruptive
@@ -112,14 +113,18 @@ module.exports = /** @type {Config} */ ({
     ],
     'no-continue': 'off',
     'no-constant-condition': 'error',
+    'no-implied-eval': 'error',
+    'no-throw-literal': 'error',
     // Use the proptype inheritance chain
     'no-prototype-builtins': 'off',
+    'no-return-await': 'error',
     'no-underscore-dangle': 'error',
     'nonblock-statement-body-position': 'error',
     'prefer-arrow-callback': ['error', { allowNamedFunctions: true }],
     // Destructuring harm grep potential.
     'prefer-destructuring': 'off',
 
+    'no-use-before-define': 'off',
     '@typescript-eslint/no-use-before-define': [
       'error',
       {
@@ -128,24 +133,17 @@ module.exports = /** @type {Config} */ ({
         variables: true,
       },
     ],
+    'no-unused-vars': 'off',
     '@typescript-eslint/no-unused-vars': [
       'error',
-      { vars: 'all', args: 'after-used', ignoreRestSiblings: true, argsIgnorePattern: '^_' },
+      {
+        vars: 'all',
+        args: 'after-used',
+        ignoreRestSiblings: true,
+        argsIgnorePattern: '^_',
+        caughtErrors: 'none',
+      },
     ],
-    'no-use-before-define': 'off',
-
-    // disabled type-aware linting due to performance considerations
-    '@typescript-eslint/dot-notation': 'off',
-    'dot-notation': 'error',
-    // disabled type-aware linting due to performance considerations
-    '@typescript-eslint/no-implied-eval': 'off',
-    'no-implied-eval': 'error',
-    // disabled type-aware linting due to performance considerations
-    '@typescript-eslint/no-throw-literal': 'off',
-    'no-throw-literal': 'error',
-    // disabled type-aware linting due to performance considerations
-    '@typescript-eslint/return-await': 'off',
-    'no-return-await': 'error',
 
     // Not sure why it doesn't work
     'import/named': 'off',

.github/workflows/ci.yml

@@ -29,7 +29,7 @@ jobs:
           # fetch all tags which are required for `pnpm release:changelog`
           fetch-depth: 0
       - name: Set up pnpm
-        uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
+        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
       - name: Use Node.js 20.x
         uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4.2.0
         with:
@@ -38,7 +38,7 @@ jobs:
       - run: pnpm install
       - run: pnpm build:ci
         env:
-          NODE_OPTIONS: --max_old_space_size=4096
+          NODE_OPTIONS: --max_old_space_size=6144
       - run: pnpm release:changelog
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/codeql.yml

@@ -19,7 +19,7 @@ jobs:
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@dd746615b3b9d728a6a37ca2045b68ca76d4841a # v3.28.8
+        uses: github/codeql-action/init@9e8d0789d4a0fa9ceb6b1738f7e269594bdd67f0 # v3.28.9
         with:
           languages: typescript
           config-file: ./.github/codeql/codeql-config.yml
@@ -30,4 +30,4 @@ jobs:
           # Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
           # queries: security-extended,security-and-quality
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@dd746615b3b9d728a6a37ca2045b68ca76d4841a # v3.28.8
+        uses: github/codeql-action/analyze@9e8d0789d4a0fa9ceb6b1738f7e269594bdd67f0 # v3.28.9

.github/workflows/publish-canaries.yml

@@ -13,7 +13,7 @@ jobs:
         with:
           fetch-depth: 0
       - name: Set up pnpm
-        uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
+        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
       - name: Use Node.js 20.x
         uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4.2.0
         with:

.github/workflows/scorecards.yml

@@ -43,6 +43,6 @@ jobs:
 
       # Upload the results to GitHub's code scanning dashboard.
       - name: Upload to code-scanning
-        uses: github/codeql-action/upload-sarif@dd746615b3b9d728a6a37ca2045b68ca76d4841a # v3.28.8
+        uses: github/codeql-action/upload-sarif@9e8d0789d4a0fa9ceb6b1738f7e269594bdd67f0 # v3.28.9
         with:
           sarif_file: results.sarif

CHANGELOG.md

@@ -1,5 +1,66 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.0.0-alpha.1
+
+<!-- generated comparing v7.0.0-alpha.0..master -->
+
+_Feb 11, 2025_
+
+A big thanks to the 11 contributors who made this release possible.
+
+### `@mui/[email protected]`
+
+- [Checkbox] Add slots and slotProps (#44974) @sai6855
+- [LinearProgress][CircularProgress] Add variant overrides for module augumentation (#45163) @kingflamez
+- [Drawer] Deprecate \*Props and complete `slots`, `slotProps` (#44960) @siriwatknp
+- Fix wrong `slotProps` of `DetailsHTMLAttributes` types (#45215) @siriwatknp
+- [MobileStepper] deprecate `LinearProgressProps` and complete `slots`, `slotProps` (#45033) @siriwatknp
+- [Radio] Add slots and slotProps (#44972) @sai6855
+- [Radio] Remove empty line (#45184) @sai6855
+- [Slider] Deprecate composed classes (#45201) @sai6855
+- [Snackbar] Fix generated proptypes (#45156) @siriwatknp
+- [SpeedDialAction] Add slots and slotProps (#45065) @sai6855
+- [SwitchBase] Fix spreading of `handlers` in getSlotProps (#45197) @sai6855
+- [Tabs] Deprecate \*Props and complete `slots`, `slotProps` (#45012) @siriwatknp
+- [TextField] Remove deprecated props from documentation (#45199) @sai6855
+
+### `@mui/[email protected]`
+
+- Change icon source URL and add overrides (#45020) @siriwatknp
+
+### `@mui/[email protected]`
+
+- Remove components which were moved from lab to material (#45232) @DiegoAndai
+
+### Docs
+
+- [Autocomplete] Improve Google Maps search example (#44708) @oliviertassinari
+- [Dialog] Removes deprecated PaperProps from docs (#45195) @sai6855
+- [Menu] Add Grouped Menu demo (#45241) @noobDev31
+- [material] Add disableInteractive on colorTool grid Tooltips (#37800) @Janpot
+- [blog] Consistent Base UI terminology (#45264) @oliviertassinari
+- A quick first step to update docs for Tailwind v4 (#45147) @oliviertassinari
+- Fix `element.ref` accessing warning on docs (#45155) @DiegoAndai
+- Mention Toolpad as experimental (#45273) @prakhargupta1
+- [joy-ui] Update "Set up providers" section of integration with Material UI (#45183) @mateuseap
+
+### Core
+
+- Update branch switch tags (#45198) @DiegoAndai
+- Fix double redirection to Base UI (#45146) @oliviertassinari
+- Fix corepack and pnpm installation in CircleCI (#45185) @mj12albert
+- Fix typo on Netlify script (#45278) @maximevtush
+- [code-infra] Fix testing library resolution with custom react (#44061) @Janpot
+- [code-infra] Update package layout for better ESM support (#43264) @Janpot
+- Update `@typescript-eslint/*` packages and remove deprecated `eslint-config-airbnb-typescript` package (#45245) @ZeeshanTamboli
+- [docs] Restore utility component docs from MUI Base to Material UI (#45213) @mapache-salvaje
+- [docs] Sync active sponsors (#45204) @oliviertassinari
+- [docs] Fix links in CONTRIBUTING.md (#45202) @bernardobelchior
+- [docs-infra] Point to MUI X next docs (#45207) @cherniavskii
+- [test] Fix React 18 tests (#45161) @DiegoAndai
+
+All contributors of this release in alphabetical order: @bernardobelchior, @cherniavskii, @DiegoAndai, @Janpot, @kingflamez, @mapache-salvaje, @mateuseap, @maximevtush, @mj12albert, @noobDev31, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @ZeeshanTamboli
+
 ## 7.0.0-alpha.0
 
 <!-- generated comparing v6.4.1..master -->

README.md

@@ -73,8 +73,6 @@ via [Open Collective](https://opencollective.com/mui-org) or via [Patreon](http
 <p>
   <a href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/30204434?s=288" alt="tidelift.com" title="Tidelift: Enterprise-ready open-source software." loading="lazy" /></a>
   &nbsp;
-  <a href="https://rxdb.info/?utm_source=sponsor&utm_medium=opencollective&utm_campaign=opencollective-mui" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://rxdb.info/files/logo/logo_text.svg" alt="RxDB" title="RxDB: Local-first JavaScript database." loading="lazy" /></a>
-  &nbsp;
   <a href="https://www.text-em-all.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img src="https://avatars.githubusercontent.com/u/1262264?s=288" alt="text-em-all.com" title="Text-em-all: Mass text messaging and automated calling." height="96" width="96" loading="lazy"></a>
   &nbsp;
   <a href="https://www.dialmycalls.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/288.png" alt="dialmycalls.com" title="DialMyCalls: Send text messages, calls, and emails." loading="lazy" /></a>
@@ -92,8 +90,6 @@ via [Open Collective](https://opencollective.com/mui-org) or via [Patreon](http
   &nbsp;
   <a href="https://views4you.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="26" width="26" src="https://images.opencollective.com/buy-instagram-followers-v4y/6364714/logo/78.png" alt="views4you.com" title="Views4you: Social media growth services." loading="lazy" />Views4You</a>
   &nbsp;
-  <a href="https://poprey.com/?utm_source=mui.com&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="26" width="26" src="https://images.opencollective.com/instagram-likes/2a72a03/logo/78.png" alt="poprey.com" title="Poprey: Buy Instagram likes with crypto." loading="lazy" />Poprey</a>
-  &nbsp;
 </p>
 
 Gold sponsors are those who have pledged \$500/month or more to MUI.

apps/README.md

@@ -2,8 +2,8 @@
 
 To test Pigment CSS demo apps, you can directly run -
 
-`pnpm nx run @app/vite-app:preview` to start vite demo or `pnpm nx run @app/next-app:preview` to start nextjs demo after building automatically.
+`pnpm nx run @app/pigment-css-vite-app:preview` to start vite demo or `pnpm nx run @app/pigment-css-next-app:preview` to start nextjs demo after building automatically.
 
 To start either of the apps in dev mode, just run -
 
-`pnpm nx run @app/vite-app:dev` or `pnpm nx run @app/next-app:dev`
+`pnpm nx run @app/pigment-css-vite-app:dev` or `pnpm nx run @app/pigment-css-next-app:dev`

apps/bare-next-app/.eslintrc

@@ -0,0 +1,9 @@
+{
+  "extends": ["plugin:react/jsx-runtime"],
+  "rules": {
+    "import/prefer-default-export": "off",
+    "import/extensions": "off",
+    "import/no-unresolved": "off",
+    "react/no-unknown-property": ["error", { "ignore": ["sx"] }],
+  },
+}