@mui/private-theming 6.0.0-alpha.1 → 6.0.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +114 -2
- package/index.js +1 -1
- package/modern/index.js +1 -1
- package/node/index.js +1 -1
- package/package.json +2 -2
- package/legacy/ThemeProvider/ThemeProvider.js +0 -63
- package/legacy/ThemeProvider/index.js +0 -2
- package/legacy/ThemeProvider/nested.js +0 -2
- package/legacy/index.js +0 -10
- package/legacy/useTheme/ThemeContext.js +0 -6
- package/legacy/useTheme/index.js +0 -1
- package/legacy/useTheme/useTheme.js +0 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,117 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## v6.0.0-alpha.3
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v6.0.0-alpha.2..next -->
|
|
6
|
+
|
|
7
|
+
_Apr 17, 2024_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- 🔥 Converted 5 more Material UI components to use Pigment CSS.
|
|
12
|
+
- 🚀 Added container queries utility to the `@mui/system` package (#41674) @siriwatknp.
|
|
13
|
+
|
|
14
|
+
### `@mui/material@6.0.0-alpha.3`
|
|
15
|
+
|
|
16
|
+
- Convert `LinearProgress` to support Pigment CSS (#41816) @siriwatknp
|
|
17
|
+
- [Dialog] Prevent onClick on the root element from being overwritten (#41881) @ryanburr
|
|
18
|
+
- [FloatingActionButton] Convert to support CSS extraction (#41851) @gijsbotje
|
|
19
|
+
- Convert `CircularProgress` to support Pigment CSS (#41776) @siriwatknp
|
|
20
|
+
- [PaginationItem] Convert to support CSS extraction (#41848) @gijsbotje
|
|
21
|
+
- [StepConnector] deprecate composed classes (#41740) @sai6855
|
|
22
|
+
- [StepLabel] Deprecate `StepIconComponent`, `StepIconProps` (#41835) @sai6855
|
|
23
|
+
- [ToggleButton] Convert to support CSS extraction (#41782) @lhilgert9
|
|
24
|
+
- [ToggleButtonGroup] Deprecate composed classes (#41288) @sai6855
|
|
25
|
+
- [Typography] Fix Typography inherit variant styles (#41308) @kealjones-wk
|
|
26
|
+
|
|
27
|
+
### `@mui/system@6.0.0-alpha.3`
|
|
28
|
+
|
|
29
|
+
- Add container queries utility (#41674) @siriwatknp
|
|
30
|
+
|
|
31
|
+
### `@mui/codemod@6.0.0-alpha.3`
|
|
32
|
+
|
|
33
|
+
- Add styled v6 transformation (#41743) @siriwatknp
|
|
34
|
+
|
|
35
|
+
### `@mui/joy@5.0.0-beta.36`
|
|
36
|
+
|
|
37
|
+
- [Button] Disable text highlighting (#41902) @mithun522
|
|
38
|
+
|
|
39
|
+
### `@pigment-css/react@0.0.7`
|
|
40
|
+
|
|
41
|
+
- Patch WyW's WeakRef usage (#41909) @DiegoAndai
|
|
42
|
+
- Implement sx transform for system components (#41861) @brijeshb42
|
|
43
|
+
|
|
44
|
+
### Docs
|
|
45
|
+
|
|
46
|
+
- [material-ui] Add Connect-related content (#40848) @danilo-leal
|
|
47
|
+
- [material-ui] Fix credit comment typo (#41872) @aarongarciah
|
|
48
|
+
- [material-ui] Remove Data Grid v7 beta callout (#41839) @cherniavskii
|
|
49
|
+
- [material-ui] Add stray design tweaks to free templates (#41696) @zanivan
|
|
50
|
+
- [material-ui] Simplify components styling on templates (#41845) @zanivan
|
|
51
|
+
- [material-ui][Button] Add `onChange` event handler to file upload example (#41863) @aarongarciah
|
|
52
|
+
- [material-ui] Fix import statement in migration guide (#41852) @sai6855
|
|
53
|
+
- Fix 301 redirection @oliviertassinari
|
|
54
|
+
- Fix format git diff regression (#41882) @oliviertassinari
|
|
55
|
+
- Fix small SEO issues @oliviertassinari
|
|
56
|
+
- [pigment-css] Fix README typos (#41870) @MohammadShehadeh
|
|
57
|
+
|
|
58
|
+
### Core
|
|
59
|
+
|
|
60
|
+
- Begin removing IE 11-related code (#41709) @iammminzzy
|
|
61
|
+
- [blog] Add post to introduce the Connect plugin (#41763) @danilo-leal
|
|
62
|
+
- [code-infra] Fix require.context with aliases (#41682) @Janpot
|
|
63
|
+
- [code-infra] Allow customizing hooks imports in API docs generator (#41828) @michaldudak
|
|
64
|
+
- [codemod] Add utils for `*Component` and `*Props` props deprecations (#41685) @DiegoAndai
|
|
65
|
+
- Replace bundle size reporter filter (#38979) @Janpot
|
|
66
|
+
- [docs-infra] Make the whole header clickable (#39603) @MoazMirza-13
|
|
67
|
+
- [docs-infra] Improve demo container and related components design (#41827) @danilo-leal
|
|
68
|
+
- [docs-infra] Use edge function for card generation (#41188) (#41836) @alexfauquette
|
|
69
|
+
- [docs-infra] Fix code block layout shift (#41917) @oliviertassinari
|
|
70
|
+
- [docs-infra] Fine-tune the OG card image design (#41862) @danilo-leal
|
|
71
|
+
- [docs-infra] Fix markdown version for material (#41908) @alexfauquette
|
|
72
|
+
- [docs-infra] Support multiple tabs in demos (#40901) @bharatkashyap
|
|
73
|
+
|
|
74
|
+
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
|
|
75
|
+
|
|
76
|
+
## v6.0.0-alpha.2
|
|
77
|
+
|
|
78
|
+
<!-- generated comparing v6.0.0-alpha.1..next -->
|
|
79
|
+
|
|
80
|
+
_Apr 9, 2024_
|
|
81
|
+
|
|
82
|
+
A big thanks to the 5 contributors who made this release possible.
|
|
83
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
84
|
+
|
|
85
|
+
### `@mui/material@6.0.0-alpha.2`
|
|
86
|
+
|
|
87
|
+
- ​<!-- 03 -->[typescript][Select] Fix `muiName` property TypeScript error (#41726) @EyaOuenniche
|
|
88
|
+
- ​<!-- 04 -->[l10n] Fix typo in is-IS locale (#41810) @magnimarels
|
|
89
|
+
|
|
90
|
+
### `@pigment-css/react@0.0.6`
|
|
91
|
+
|
|
92
|
+
- ​<!-- 12 -->[core] Remove `muiName` during eval phase (#41811) @brijeshb42
|
|
93
|
+
|
|
94
|
+
### `@pigment-css/nextjs-plugin@0.0.6`
|
|
95
|
+
|
|
96
|
+
- ​<!-- 02 -->[nextjs] Handle file references passed through imports (#41817) @brijeshb42
|
|
97
|
+
- ​<!-- 01 -->[nextjs] Allow usage of url() CSS function (#41758) @brijeshb42
|
|
98
|
+
|
|
99
|
+
### Docs
|
|
100
|
+
|
|
101
|
+
- ​<!-- 11 -->[docs] Fix 301 links @oliviertassinari
|
|
102
|
+
- ​<!-- 06 -->[pigment-css][docs] Fix README typo (#41808) @aarongarciah
|
|
103
|
+
- ​<!-- 05 -->[pigment-css][docs] Fix output on dynamic styles example (#41805) @aarongarciah
|
|
104
|
+
- ​<!-- 07 -->[material-ui][docs] Fix Material 3 message typo (#41821) @aarongarciah
|
|
105
|
+
- ​<!-- 08 -->[material-ui][docs] Add stray design tweaks to free templates (#41696) @zanivan
|
|
106
|
+
|
|
107
|
+
### Core
|
|
108
|
+
|
|
109
|
+
- ​<!-- 13 -->[core] Remove unused files (#41818) @mnajdova
|
|
110
|
+
- ​<!-- 10 -->[docs-infra] Fix analytics about inline ads (#41474) (#41819) @alexfauquette
|
|
111
|
+
- ​<!-- 08 -->[docs-infra] Fix drawer performances (#41807) @alexfauquette
|
|
112
|
+
|
|
113
|
+
All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @brijeshb42, @EyaOuenniche, @oliviertassinari
|
|
114
|
+
|
|
3
115
|
## v6.0.0-alpha.1
|
|
4
116
|
|
|
5
117
|
<!-- 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
|
|
|
8128
8240
|
|
|
8129
8241
|
<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>
|
|
8130
8242
|
|
|
8131
|
-
You can follow our progress with unstyled components at https://github.com/mui/
|
|
8243
|
+
You can follow our progress with unstyled components at https://github.com/mui/base-ui/issues/10.
|
|
8132
8244
|
|
|
8133
8245
|
- 🎉 We have added an example of how to use MUI with [Remix](https://remix.run/) (#29952) @mnajdova
|
|
8134
8246
|
|
|
@@ -9598,7 +9710,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
|
|
|
9598
9710
|
|
|
9599
9711
|
<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>
|
|
9600
9712
|
|
|
9601
|
-
You can follow our progress at https://github.com/mui/
|
|
9713
|
+
You can follow our progress at https://github.com/mui/base-ui/issues/10.
|
|
9602
9714
|
|
|
9603
9715
|
- 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp.
|
|
9604
9716
|
You can find the new [default values](https://mui.com/material-ui/customization/palette/#default-values) in the documentation.
|
package/index.js
CHANGED
package/modern/index.js
CHANGED
package/node/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/private-theming",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"description": "Private - The React theme context to be shared between `@mui/styles` and `@mui/material`.",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@babel/runtime": "^7.24.4",
|
|
30
30
|
"prop-types": "^15.8.1",
|
|
31
|
-
"@mui/utils": "^6.0.0-alpha.
|
|
31
|
+
"@mui/utils": "^6.0.0-alpha.3"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"@types/react": "^17.0.0 || ^18.0.0",
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { exactProp } from '@mui/utils';
|
|
5
|
-
import ThemeContext from '../useTheme/ThemeContext';
|
|
6
|
-
import useTheme from '../useTheme';
|
|
7
|
-
import nested from './nested';
|
|
8
|
-
|
|
9
|
-
// To support composition of theme.
|
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
|
12
|
-
if (typeof localTheme === 'function') {
|
|
13
|
-
var mergedTheme = localTheme(outerTheme);
|
|
14
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
15
|
-
if (!mergedTheme) {
|
|
16
|
-
console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
return mergedTheme;
|
|
20
|
-
}
|
|
21
|
-
return _extends({}, outerTheme, localTheme);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* This component takes a `theme` prop.
|
|
26
|
-
* It makes the `theme` available down the React tree thanks to React context.
|
|
27
|
-
* This component should preferably be used at **the root of your component tree**.
|
|
28
|
-
*/
|
|
29
|
-
function ThemeProvider(props) {
|
|
30
|
-
var children = props.children,
|
|
31
|
-
localTheme = props.theme;
|
|
32
|
-
var outerTheme = useTheme();
|
|
33
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
34
|
-
if (outerTheme === null && typeof localTheme === 'function') {
|
|
35
|
-
console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
var theme = React.useMemo(function () {
|
|
39
|
-
var output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
|
|
40
|
-
if (output != null) {
|
|
41
|
-
output[nested] = outerTheme !== null;
|
|
42
|
-
}
|
|
43
|
-
return output;
|
|
44
|
-
}, [localTheme, outerTheme]);
|
|
45
|
-
return /*#__PURE__*/_jsx(ThemeContext.Provider, {
|
|
46
|
-
value: theme,
|
|
47
|
-
children: children
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
|
51
|
-
/**
|
|
52
|
-
* Your component tree.
|
|
53
|
-
*/
|
|
54
|
-
children: PropTypes.node,
|
|
55
|
-
/**
|
|
56
|
-
* A theme object. You can provide a function to extend the outer theme.
|
|
57
|
-
*/
|
|
58
|
-
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
|
59
|
-
} : void 0;
|
|
60
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
61
|
-
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
|
|
62
|
-
}
|
|
63
|
-
export default ThemeProvider;
|
package/legacy/index.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @mui/private-theming v6.0.0-alpha.1
|
|
3
|
-
*
|
|
4
|
-
* @license MIT
|
|
5
|
-
* This source code is licensed under the MIT license found in the
|
|
6
|
-
* LICENSE file in the root directory of this source tree.
|
|
7
|
-
*/
|
|
8
|
-
export { default as ThemeProvider } from './ThemeProvider';
|
|
9
|
-
export * from './ThemeProvider';
|
|
10
|
-
export { default as useTheme } from './useTheme';
|
package/legacy/useTheme/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './useTheme';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import ThemeContext from './ThemeContext';
|
|
3
|
-
export default function useTheme() {
|
|
4
|
-
var theme = React.useContext(ThemeContext);
|
|
5
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
6
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
7
|
-
React.useDebugValue(theme);
|
|
8
|
-
}
|
|
9
|
-
return theme;
|
|
10
|
-
}
|