Merge commit 'bcc33621c5b2bc4a5be24df087aec62d802d1fcd' of https://gi…

…thub.com/GitStartHQ/material-ui into MUI-36498-Form-Control
mui · Apr 1, 2023 · d98bf7c · d98bf7c
2 parents db58128 + bcc3362
commit d98bf7c
Show file tree

Hide file tree

Showing 864 changed files with 12,439 additions and 3,828 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,125 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.11.15
+
+<!-- generated comparing v5.11.14..master -->
+
+_Mar 28, 2023_
+
+A big thanks to the 10 contributors who made this release possible. We have one big highlight this week ✨:
+
+- @siriwatknp made a [Theme Builder](https://mui.com/joy-ui/customization/theme-builder) for Joy UI 🎨 (#35741)
+
+### `@mui/[email protected]`
+
+- [Chip] Fix error when theme value is a CSS variable (#36654) @siriwatknp
+- [Grid2] Support dynamic nested columns (#36401) @siriwatknp
+
+### `@mui/[email protected]`
+
+- [system] Enable regressions tests & fix regressions (#36611) @mnajdova
+- [Stack] Add `useFlexGap` prop (#36404) @siriwatknp
+
+### `@mui/[email protected]`
+
+- [Autocomplete] Update `autoSelect` prop description (#36280) @sai6855
+- [TablePagination][base] Improve `actions` type in `slotProps` (#36458) @sai6855
+- [Base] Add JSDoc comments for classes of Base components (#36586) @hbjORbj
+- [useSlider][base] Add API docs for the hook parameters and return type (#36576) @varunmulay22
+
+### `@mui/[email protected]`
+
+- [Joy] Miscellaneous fixes (#36628) @siriwatknp
+- [Joy] Add palette customizer (#35741) @siriwatknp
+
+### Docs
+
+- Revert "[docs] Use `theme.applyDarkStyles` for the rest of the docs" (#36602) @mnajdova
+- [blog] Improvements on v6 announcement blog (#36505) @joserodolfofreitas
+- [docs] Add `Snackbar` coming soon page (#36604) @danilo-leal
+- [docs] Add accordion coming soon page (#36279) @siriwatknp
+- [docs] Fix palette customizer theme augmentation (#36629) @siriwatknp
+- [docs] Finish migration away from https://reactjs.org/ @oliviertassinari
+- [docs] Remove duplicated slot descriptions (#36621) @hbjORbj
+- [docs] Fix broken example link (#36607) @mnajdova
+- [docs] Use `theme.applyDarkStyles` (#36606) @siriwatknp
+- [docs] Improve API for theme default prop (#36490) @oliviertassinari
+- [docs][Table] Refactor `Sorting & Selecting` table demo (#33236) @IFaniry
+
+### Core
+
+- [core] Use Netlify function for feedback management (#36472) @alexfauquette
+
+All contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @hbjORbj, @IFaniry, @joserodolfofreitas, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @varunmulay22
+
+## 5.11.14
+
+<!-- generated comparing v5.11.13..master -->
+
+_Mar 21, 2023_
+
+A big thanks to the 15 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/[email protected]`
+
+- [Breadcrumbs] Add ability to change icon used in `BreadcrumbCollapsed` through slots (#33812) @pratikkarad
+- [Stepper] Add aria-current to active StepButton (#36526) @michalak111
+- [TabScrollButton] Add ability to change left and right icons (#33863) @pratikkarad
+- [ListItemButton] Respect LinkComponent (#34159) @zaverden
+- [l10n] Add Central Kurdish (ku-CKB) locale (#36592) @HediMuhamad
+
+### `@mui/[email protected]`
+
+- [system] Fix sx prop regression for fontWeight values (#36543) @mnajdova
+
+### `@mui/[email protected]`
+
+- [docs][base] Improve the Slots Table in API docs (#36330) @hbjORbj
+
+### `@mui/[email protected]`
+
+- [Joy] Ensure new CSS variable naming is everywhere (#36460) @hbjORbj
+- [Menu][joy] Classname listbox is missing (#36520) @hbjORbj
+- [Joy] Fix `--List-decorator*` vars (#36595) @siriwatknp
+
+### `@mui/[email protected]`
+
+- [Masonry] Include Masonry in theme augmentation interface (#36533) @hbjORbj
+
+### Docs
+
+- [blog] Post blog about Chamonix retreat to the website (#36517) @mikailaread
+- [blog] Fix image layout shift (#36522) @oliviertassinari
+- [docs] Use `theme.applyDarkStyles` for the rest of the docs (#36161) @siriwatknp
+- [docs] Fix 301 and 404 links (#36555) @oliviertassinari
+- [docs] Keep slot code order in API docs (#36499) @oliviertassinari
+- [docs] Missing className on Migrating from JSS example (#36536) @gabrielnafuzi
+- [docs] Fix function name for Joy templates (#36512) @hbjORbj
+- [docs] Add multiline Chip example (#36437) @dav1app
+- [docs] Add a new gold sponsor (#36518) @hbjORbj
+- [docs][joy] Improve the Slots Table in API docs (#36328) @hbjORbj
+- [docs] Fix virtualElement demo for Popper (#36320) @sai6855
+- [docs] Fix typo in API docs (#36388) @RomanHotsiy
+- [docs] Ensure classname displayed under Slots section in API docs exists (#36539) @hbjORbj
+- [docs][joy] Build TS versions for Modal component demos (#36385) @varunmulay22
+- [docs][joy] Build TS versions for Menu component demos (#36383) @varunmulay22
+- [docs][joy] Build TS versions for Switch component demos (#36379) @varunmulay22
+- [docs] Remove `shouldSkipGeneratingVar` usage (#36581) @siriwatknp
+- [docs][material] Update Table's demo to show pointer cursor on clickable rows (#36546) @varunmulay22
+- [website] Designer role changes (#36528) @danilo-leal
+- [website] No association between showcase and MUI @oliviertassinari
+- [website] Open Head of Operations role (#36501) @oliviertassinari
+- [website] Limit sponsors description to two rows @oliviertassinari
+
+### Core
+
+- [core] Fix CI @oliviertassinari
+- [core] Fix blank line @oliviertassinari
+- [website] Simplify internal ops @oliviertassinari
+
+All contributors of this release in alphabetical order: @danilo-leal, @dav1app, @gabrielnafuzi, @hbjORbj, @HediMuhamad, @michalak111, @mikailaread, @mnajdova, @oliviertassinari, @pratikkarad, @RomanHotsiy, @sai6855, @siriwatknp, @varunmulay22, @zaverden
+
 ## 5.11.13
 
 <!-- generated comparing v5.11.12..master -->

diff --git a/benchmark/package.json b/benchmark/package.json
@@ -11,13 +11,13 @@
     "server:system": "cd ../ && cross-env NODE_ENV=production BABEL_ENV=benchmark babel-node benchmark/server/scenarios/system.js --inspect=0.0.0.0:9229 --extensions \".tsx,.ts,.js\""
   },
   "dependencies": {
-    "@chakra-ui/system": "^2.5.1",
+    "@chakra-ui/system": "^2.5.3",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@mdx-js/react": "^2.3.0",
-    "@mui/material": "^5.11.13",
+    "@mui/material": "^5.11.15",
     "@mui/styles": "^5.11.13",
-    "@mui/system": "^5.11.13",
+    "@mui/system": "^5.11.15",
     "@styled-system/css": "^5.1.5",
     "benchmark": "^2.1.4",
     "playwright": "^1.31.2",
@@ -28,7 +28,7 @@
     "react-redux": "^8.0.5",
     "redux": "^4.2.1",
     "serve-handler": "^6.1.5",
-    "styled-components": "^5.3.8",
+    "styled-components": "^5.3.9",
     "theme-ui": "^0.15.5",
     "webpack": "^5.75.0",
     "webpack-cli": "^4.10.0"

diff --git a/docs/data/base/components/badge/badge.md b/docs/data/base/components/badge/badge.md
@@ -10,6 +10,10 @@ githubLabel: 'component: badge'
 
 <p class="description">The Unstyled Badge component generates a small label that is attached to its child element.</p>
 
+{{"component": "modules/components/ComponentLinkHeader.js", "design": false}}
+
+{{"component": "modules/components/ComponentPageTabs.js"}}
+
 ## Introduction
 
 A badge is a small descriptor for UI elements.
@@ -19,8 +23,6 @@ The Unstyled Badge component creates a badge that is applied to its child elemen
 
 {{"demo": "UnstyledBadgeIntroduction.js", "defaultCodeOpen": false, "bg": "gradient"}}
 
-{{"component": "modules/components/ComponentLinkHeader.js", "design": false}}
-
 ## Component
 
 ### Usage

diff --git a/docs/data/base/components/button/UnstyledButtonCustom.js b/docs/data/base/components/button/UnstyledButtonCustom.js
@@ -21,6 +21,14 @@ ButtonRoot.propTypes = {
   children: PropTypes.node,
 };
 
+const SvgButton = React.forwardRef(function SvgButton(props, ref) {
+  return <ButtonUnstyled {...props} component={CustomButtonRoot} ref={ref} />;
+});
+
+export default function UnstyledButtonCustom() {
+  return <SvgButton>Button</SvgButton>;
+}
+
 const blue = {
   50: '#F0F7FF',
   100: '#C2E0FF',
@@ -106,11 +114,3 @@ const CustomButtonRoot = styled(ButtonRoot)(
     }
   }`,
 );
-
-const SvgButton = React.forwardRef(function SvgButton(props, ref) {
-  return <ButtonUnstyled {...props} component={CustomButtonRoot} ref={ref} />;
-});
-
-export default function UnstyledButtonCustom() {
-  return <SvgButton>Button</SvgButton>;
-}
diff --git a/docs/data/base/components/button/UnstyledButtonCustom.tsx b/docs/data/base/components/button/UnstyledButtonCustom.tsx
@@ -22,6 +22,17 @@ const ButtonRoot = React.forwardRef(function ButtonRoot(
   );
 });
 
+const SvgButton = React.forwardRef(function SvgButton(
+  props: ButtonUnstyledProps,
+  ref: React.ForwardedRef<any>,
+) {
+  return <ButtonUnstyled {...props} component={CustomButtonRoot} ref={ref} />;
+});
+
+export default function UnstyledButtonCustom() {
+  return <SvgButton>Button</SvgButton>;
+}
+
 const blue = {
   50: '#F0F7FF',
   100: '#C2E0FF',
@@ -107,14 +118,3 @@ const CustomButtonRoot = styled(ButtonRoot)(
     }
   }`,
 );
-
-const SvgButton = React.forwardRef(function SvgButton(
-  props: ButtonUnstyledProps,
-  ref: React.ForwardedRef<any>,
-) {
-  return <ButtonUnstyled {...props} component={CustomButtonRoot} ref={ref} />;
-});
-
-export default function UnstyledButtonCustom() {
-  return <SvgButton>Button</SvgButton>;
-}
diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction.js b/docs/data/base/components/button/UnstyledButtonIntroduction.js
@@ -3,6 +3,15 @@ import ButtonUnstyled, { buttonUnstyledClasses } from '@mui/base/ButtonUnstyled'
 import { styled } from '@mui/system';
 import Stack from '@mui/material/Stack';
 
+export default function UnstyledButtonIntroduction() {
+  return (
+    <Stack spacing={2} direction="row">
+      <CustomButton>Button</CustomButton>
+      <CustomButton disabled>Disabled</CustomButton>
+    </Stack>
+  );
+}
+
 const blue = {
   500: '#007FFF',
   600: '#0072E5',
@@ -48,12 +57,3 @@ const CustomButton = styled(ButtonUnstyled)(
   }
   `,
 );
-
-export default function UnstyledButtonIntroduction() {
-  return (
-    <Stack spacing={2} direction="row">
-      <CustomButton>Button</CustomButton>
-      <CustomButton disabled>Disabled</CustomButton>
-    </Stack>
-  );
-}
diff --git a/docs/data/base/components/button/UnstyledButtonIntroduction.tsx b/docs/data/base/components/button/UnstyledButtonIntroduction.tsx
@@ -3,6 +3,15 @@ import ButtonUnstyled, { buttonUnstyledClasses } from '@mui/base/ButtonUnstyled'
 import { styled } from '@mui/system';
 import Stack from '@mui/material/Stack';
 
+export default function UnstyledButtonIntroduction() {
+  return (
+    <Stack spacing={2} direction="row">
+      <CustomButton>Button</CustomButton>
+      <CustomButton disabled>Disabled</CustomButton>
+    </Stack>
+  );
+}
+
 const blue = {
   500: '#007FFF',
   600: '#0072E5',
@@ -48,12 +57,3 @@ const CustomButton = styled(ButtonUnstyled)(
   }
   `,
 );
-
-export default function UnstyledButtonIntroduction() {
-  return (
-    <Stack spacing={2} direction="row">
-      <CustomButton>Button</CustomButton>
-      <CustomButton disabled>Disabled</CustomButton>
-    </Stack>
-  );
-}
diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js
@@ -3,6 +3,17 @@ import ButtonUnstyled, { buttonUnstyledClasses } from '@mui/base/ButtonUnstyled'
 import { styled } from '@mui/system';
 import Stack from '@mui/material/Stack';
 
+export default function UnstyledButtonsDisabledFocus() {
+  return (
+    <Stack spacing={2}>
+      <CustomButton disabled>focusableWhenDisabled = false</CustomButton>
+      <CustomButton disabled focusableWhenDisabled>
+        focusableWhenDisabled = true
+      </CustomButton>
+    </Stack>
+  );
+}
+
 const blue = {
   500: '#007FFF',
   600: '#0072E5',
@@ -39,14 +50,3 @@ const CustomButton = styled(ButtonUnstyled)`
     cursor: not-allowed;
   }
 `;
-
-export default function UnstyledButtonsDisabledFocus() {
-  return (
-    <Stack spacing={2}>
-      <CustomButton disabled>focusableWhenDisabled = false</CustomButton>
-      <CustomButton disabled focusableWhenDisabled>
-        focusableWhenDisabled = true
-      </CustomButton>
-    </Stack>
-  );
-}
diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx
@@ -3,6 +3,17 @@ import ButtonUnstyled, { buttonUnstyledClasses } from '@mui/base/ButtonUnstyled'
 import { styled } from '@mui/system';
 import Stack from '@mui/material/Stack';
 
+export default function UnstyledButtonsDisabledFocus() {
+  return (
+    <Stack spacing={2}>
+      <CustomButton disabled>focusableWhenDisabled = false</CustomButton>
+      <CustomButton disabled focusableWhenDisabled>
+        focusableWhenDisabled = true
+      </CustomButton>
+    </Stack>
+  );
+}
+
 const blue = {
   500: '#007FFF',
   600: '#0072E5',
@@ -39,14 +50,3 @@ const CustomButton = styled(ButtonUnstyled)`
     cursor: not-allowed;
   }
 `;
-
-export default function UnstyledButtonsDisabledFocus() {
-  return (
-    <Stack spacing={2}>
-      <CustomButton disabled>focusableWhenDisabled = false</CustomButton>
-      <CustomButton disabled focusableWhenDisabled>
-        focusableWhenDisabled = true
-      </CustomButton>
-    </Stack>
-  );
-}
diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js
@@ -3,6 +3,19 @@ import ButtonUnstyled, { buttonUnstyledClasses } from '@mui/base/ButtonUnstyled'
 import { styled } from '@mui/system';
 import Stack from '@mui/material/Stack';
 
+export default function UnstyledButtonsDisabledFocusCustom() {
+  return (
+    <Stack spacing={2}>
+      <CustomButton component="span" disabled>
+        focusableWhenDisabled = false
+      </CustomButton>
+      <CustomButton component="span" disabled focusableWhenDisabled>
+        focusableWhenDisabled = true
+      </CustomButton>
+    </Stack>
+  );
+}
+
 const blue = {
   500: '#007FFF',
   600: '#0072E5',
@@ -39,16 +52,3 @@ const CustomButton = styled(ButtonUnstyled)`
     cursor: not-allowed;
   }
 `;
-
-export default function UnstyledButtonsDisabledFocusCustom() {
-  return (
-    <Stack spacing={2}>
-      <CustomButton component="span" disabled>
-        focusableWhenDisabled = false
-      </CustomButton>
-      <CustomButton component="span" disabled focusableWhenDisabled>
-        focusableWhenDisabled = true
-      </CustomButton>
-    </Stack>
-  );
-}