@mui/docs 6.0.0-alpha.1 → 6.0.0-alpha.3

package/CHANGELOG.md

@@ -1,5 +1,117 @@
 # [Versions](https://mui.com/versions/)
 
+## v6.0.0-alpha.3
+
+<!-- generated comparing v6.0.0-alpha.2..next -->
+
+_Apr 17, 2024_
+
+A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔥 Converted 5 more Material UI components to use Pigment CSS.
+- 🚀 Added container queries utility to the `@mui/system` package (#41674) @siriwatknp.
+
+### `@mui/material@6.0.0-alpha.3`
+
+- Convert `LinearProgress` to support Pigment CSS (#41816) @siriwatknp
+- [Dialog] Prevent onClick on the root element from being overwritten (#41881) @ryanburr
+- [FloatingActionButton] Convert to support CSS extraction (#41851) @gijsbotje
+- Convert `CircularProgress` to support Pigment CSS (#41776) @siriwatknp
+- [PaginationItem] Convert to support CSS extraction (#41848) @gijsbotje
+- [StepConnector] deprecate composed classes (#41740) @sai6855
+- [StepLabel] Deprecate `StepIconComponent`, `StepIconProps` (#41835) @sai6855
+- [ToggleButton] Convert to support CSS extraction (#41782) @lhilgert9
+- [ToggleButtonGroup] Deprecate composed classes (#41288) @sai6855
+- [Typography] Fix Typography inherit variant styles (#41308) @kealjones-wk
+
+### `@mui/system@6.0.0-alpha.3`
+
+- Add container queries utility (#41674) @siriwatknp
+
+### `@mui/codemod@6.0.0-alpha.3`
+
+- Add styled v6 transformation (#41743) @siriwatknp
+
+### `@mui/joy@5.0.0-beta.36`
+
+- [Button] Disable text highlighting (#41902) @mithun522
+
+### `@pigment-css/react@0.0.7`
+
+- Patch WyW's WeakRef usage (#41909) @DiegoAndai
+- Implement sx transform for system components (#41861) @brijeshb42
+
+### Docs
+
+- [material-ui] Add Connect-related content (#40848) @danilo-leal
+- [material-ui] Fix credit comment typo (#41872) @aarongarciah
+- [material-ui] Remove Data Grid v7 beta callout (#41839) @cherniavskii
+- [material-ui] Add stray design tweaks to free templates (#41696) @zanivan
+- [material-ui] Simplify components styling on templates (#41845) @zanivan
+- [material-ui][Button] Add `onChange` event handler to file upload example (#41863) @aarongarciah
+- [material-ui] Fix import statement in migration guide (#41852) @sai6855
+- Fix 301 redirection @oliviertassinari
+- Fix format git diff regression (#41882) @oliviertassinari
+- Fix small SEO issues @oliviertassinari
+- [pigment-css] Fix README typos (#41870) @MohammadShehadeh
+
+### Core
+
+- Begin removing IE 11-related code (#41709) @iammminzzy
+- [blog] Add post to introduce the Connect plugin (#41763) @danilo-leal
+- [code-infra] Fix require.context with aliases (#41682) @Janpot
+- [code-infra] Allow customizing hooks imports in API docs generator (#41828) @michaldudak
+- [codemod] Add utils for `*Component` and `*Props` props deprecations (#41685) @DiegoAndai
+- Replace bundle size reporter filter (#38979) @Janpot
+- [docs-infra] Make the whole header clickable (#39603) @MoazMirza-13
+- [docs-infra] Improve demo container and related components design (#41827) @danilo-leal
+- [docs-infra] Use edge function for card generation (#41188) (#41836) @alexfauquette
+- [docs-infra] Fix code block layout shift (#41917) @oliviertassinari
+- [docs-infra] Fine-tune the OG card image design (#41862) @danilo-leal
+- [docs-infra] Fix markdown version for material (#41908) @alexfauquette
+- [docs-infra] Support multiple tabs in demos (#40901) @bharatkashyap
+
+All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @bharatkashyap, @brijeshb42, @cherniavskii, @danilo-leal, @DiegoAndai, @EyaOuenniche, @gijsbotje, @iammminzzy, @Janpot, @kealjones-wk, @lhilgert9, @magnimarels, @michaldudak, @mithun522, @mnajdova, @MoazMirza-13, @MohammadShehadeh, @oliviertassinari, @ryanburr, @sai6855, @siriwatknp, @zanivan
+
+## v6.0.0-alpha.2
+
+<!-- generated comparing v6.0.0-alpha.1..next -->
+
+_Apr 9, 2024_
+
+A big thanks to the 5 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@6.0.0-alpha.2`
+
+- &#8203;<!-- 03 -->[typescript][Select] Fix `muiName` property TypeScript error (#41726) @EyaOuenniche
+- &#8203;<!-- 04 -->[l10n] Fix typo in is-IS locale (#41810) @magnimarels
+
+### `@pigment-css/react@0.0.6`
+
+- &#8203;<!-- 12 -->[core] Remove `muiName` during eval phase (#41811) @brijeshb42
+
+### `@pigment-css/nextjs-plugin@0.0.6`
+
+- &#8203;<!-- 02 -->[nextjs] Handle file references passed through imports (#41817) @brijeshb42
+- &#8203;<!-- 01 -->[nextjs] Allow usage of url() CSS function (#41758) @brijeshb42
+
+### Docs
+
+- &#8203;<!-- 11 -->[docs] Fix 301 links @oliviertassinari
+- &#8203;<!-- 06 -->[pigment-css][docs] Fix README typo (#41808) @aarongarciah
+- &#8203;<!-- 05 -->[pigment-css][docs] Fix output on dynamic styles example (#41805) @aarongarciah
+- &#8203;<!-- 07 -->[material-ui][docs] Fix Material 3 message typo (#41821) @aarongarciah
+- &#8203;<!-- 08 -->[material-ui][docs] Add stray design tweaks to free templates (#41696) @zanivan
+
+### Core
+
+- &#8203;<!-- 13 -->[core] Remove unused files (#41818) @mnajdova
+- &#8203;<!-- 10 -->[docs-infra] Fix analytics about inline ads (#41474) (#41819) @alexfauquette
+- &#8203;<!-- 08 -->[docs-infra] Fix drawer performances (#41807) @alexfauquette
+
+All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @brijeshb42, @EyaOuenniche, @oliviertassinari
+
 ## v6.0.0-alpha.1
 
 <!-- generated comparing v6.0.0-alpha.0..next -->
@@ -8128,7 +8240,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
 
   <a href="https://mui.com/components/tables/#unstyled-table"><img width="800" alt="unstyled table" src="https://user-images.githubusercontent.com/4512430/144862194-584356ef-7d9d-462c-a631-186a7e716193.png"></a>
 
-  You can follow our progress with unstyled components at https://github.com/mui/material-ui/issues/27170.
+  You can follow our progress with unstyled components at https://github.com/mui/base-ui/issues/10.
 
 - 🎉 We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova
 
@@ -9598,7 +9710,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
 
   <a href="https://mui.com/components/switches/#unstyled"><img width="832" alt="switch" src="https://user-images.githubusercontent.com/3165635/125192249-236f8a80-e247-11eb-9df9-17d476379a32.png"></a>
 
-  You can follow our progress at https://github.com/mui/material-ui/issues/27170.
+  You can follow our progress at https://github.com/mui/base-ui/issues/10.
 
 - 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
   You can find the new [default values](https://mui.com/material-ui/customization/palette/#default-values) in the documentation.

package/InfoCard/InfoCard.js

@@ -23,11 +23,11 @@ export function GlowingIconContainer({
       border: '1px solid',
       borderColor: 'primary.200',
       bgcolor: 'primary.50',
-      boxShadow: `0px 1px 6px 0px ${alpha(theme.palette.primary[500], 0.2)}, 0px 2px 12px 0px rgba(234, 237, 241, 0.3) inset`
+      boxShadow: `0px 0 0 2px ${alpha(theme.palette.primary[500], 0.1)}, 0px 2px 12px 0px rgba(234, 237, 241, 0.3) inset`
     }, theme.applyDarkStyles({
       borderColor: alpha(theme.palette.primary[400], 0.25),
-      bgcolor: alpha(theme.palette.primary[900], 0.25),
-      boxShadow: `0 2px 6px 0 ${alpha(theme.palette.primary[600], 0.3)}, 0px 2px 12px 0px rgba(0, 0, 0, 0.25) inset`
+      bgcolor: alpha(theme.palette.primary[900], 0.4),
+      boxShadow: `0 0 0 2px ${alpha(theme.palette.primary[600], 0.1)}, 0px 2px 12px 0px rgba(0, 0, 0, 0.25) inset`
     })),
     children: icon
   });

package/branding/brandingTheme.js

@@ -708,7 +708,7 @@ export function getThemedComponents() {
           }) => _extends({
             borderColor: (theme.vars || theme).palette.grey[100]
           }, theme.applyDarkStyles({
-            borderColor: alpha(theme.palette.primaryDark[700], 0.8)
+            borderColor: alpha(theme.palette.primaryDark[500], 0.3)
           }))
         }
       },
@@ -791,7 +791,7 @@ export function getThemedComponents() {
             borderColor: (theme.vars || theme).palette.primaryDark[600]
           })), variant === 'outlined' && color === 'primary' && _extends({
             borderColor: (theme.vars || theme).palette.primary[100],
-            backgroundColor: (theme.vars || theme).palette.primary[50]
+            backgroundColor: alpha(theme.palette.primary[100], 0.2)
           }, theme.applyDarkStyles({
             color: (theme.vars || theme).palette.primary[300],
             borderColor: alpha(theme.palette.primary[500], 0.2),
@@ -1025,7 +1025,7 @@ export function getThemedComponents() {
           }, {
             '&.Mui-selected': {
               color: (theme.vars || theme).palette.primary[700],
-              borderColor: `${(theme.vars || theme).palette.primary[500]} !important`,
+              borderColor: `${(theme.vars || theme).palette.primary[200]} !important`,
               backgroundColor: (theme.vars || theme).palette.primary[50],
               '&:hover': {
                 backgroundColor: (theme.vars || theme).palette.primary[100]
@@ -1038,7 +1038,7 @@ export function getThemedComponents() {
             },
             '&.Mui-selected': {
               color: (theme.vars || theme).palette.primary[200],
-              borderColor: `${(theme.vars || theme).palette.primary[700]} !important`,
+              borderColor: `${(theme.vars || theme).palette.primary[800]} !important`,
               backgroundColor: alpha(theme.palette.primary[900], 0.4),
               '&:hover': {
                 backgroundColor: alpha(theme.palette.primary[900], 0.8),

package/node/InfoCard/InfoCard.js

@@ -33,11 +33,11 @@ function GlowingIconContainer({
       border: '1px solid',
       borderColor: 'primary.200',
       bgcolor: 'primary.50',
-      boxShadow: `0px 1px 6px 0px ${(0, _styles.alpha)(theme.palette.primary[500], 0.2)}, 0px 2px 12px 0px rgba(234, 237, 241, 0.3) inset`
+      boxShadow: `0px 0 0 2px ${(0, _styles.alpha)(theme.palette.primary[500], 0.1)}, 0px 2px 12px 0px rgba(234, 237, 241, 0.3) inset`
     }, theme.applyDarkStyles({
       borderColor: (0, _styles.alpha)(theme.palette.primary[400], 0.25),
-      bgcolor: (0, _styles.alpha)(theme.palette.primary[900], 0.25),
-      boxShadow: `0 2px 6px 0 ${(0, _styles.alpha)(theme.palette.primary[600], 0.3)}, 0px 2px 12px 0px rgba(0, 0, 0, 0.25) inset`
+      bgcolor: (0, _styles.alpha)(theme.palette.primary[900], 0.4),
+      boxShadow: `0 0 0 2px ${(0, _styles.alpha)(theme.palette.primary[600], 0.1)}, 0px 2px 12px 0px rgba(0, 0, 0, 0.25) inset`
     })),
     children: icon
   });

package/node/branding/brandingTheme.js

@@ -719,7 +719,7 @@ function getThemedComponents() {
           }) => (0, _extends2.default)({
             borderColor: (theme.vars || theme).palette.grey[100]
           }, theme.applyDarkStyles({
-            borderColor: (0, _styles.alpha)(theme.palette.primaryDark[700], 0.8)
+            borderColor: (0, _styles.alpha)(theme.palette.primaryDark[500], 0.3)
           }))
         }
       },
@@ -802,7 +802,7 @@ function getThemedComponents() {
             borderColor: (theme.vars || theme).palette.primaryDark[600]
           })), variant === 'outlined' && color === 'primary' && (0, _extends2.default)({
             borderColor: (theme.vars || theme).palette.primary[100],
-            backgroundColor: (theme.vars || theme).palette.primary[50]
+            backgroundColor: (0, _styles.alpha)(theme.palette.primary[100], 0.2)
           }, theme.applyDarkStyles({
             color: (theme.vars || theme).palette.primary[300],
             borderColor: (0, _styles.alpha)(theme.palette.primary[500], 0.2),
@@ -1036,7 +1036,7 @@ function getThemedComponents() {
           }, {
             '&.Mui-selected': {
               color: (theme.vars || theme).palette.primary[700],
-              borderColor: `${(theme.vars || theme).palette.primary[500]} !important`,
+              borderColor: `${(theme.vars || theme).palette.primary[200]} !important`,
               backgroundColor: (theme.vars || theme).palette.primary[50],
               '&:hover': {
                 backgroundColor: (theme.vars || theme).palette.primary[100]
@@ -1049,7 +1049,7 @@ function getThemedComponents() {
             },
             '&.Mui-selected': {
               color: (theme.vars || theme).palette.primary[200],
-              borderColor: `${(theme.vars || theme).palette.primary[700]} !important`,
+              borderColor: `${(theme.vars || theme).palette.primary[800]} !important`,
               backgroundColor: (0, _styles.alpha)(theme.palette.primary[900], 0.4),
               '&:hover': {
                 backgroundColor: (0, _styles.alpha)(theme.palette.primary[900], 0.8),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "6.0.0-alpha.1",
+  "version": "6.0.0-alpha.3",
   "private": false,
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",