@mui/private-theming 7.0.0-alpha.0 → 7.0.0-alpha.1
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 +61 -0
- package/ThemeProvider/ThemeProvider.js +21 -14
- package/ThemeProvider/index.js +20 -2
- package/ThemeProvider/nested.js +7 -1
- package/{node → esm}/ThemeProvider/ThemeProvider.js +14 -21
- package/esm/ThemeProvider/index.js +2 -0
- package/esm/ThemeProvider/nested.js +2 -0
- package/esm/index.js +10 -0
- package/esm/package.json +1 -0
- package/esm/useTheme/ThemeContext.js +8 -0
- package/esm/useTheme/index.js +1 -0
- package/esm/useTheme/useTheme.js +11 -0
- package/index.js +37 -4
- package/modern/index.js +1 -1
- package/modern/package.json +1 -0
- package/package.json +34 -5
- package/useTheme/ThemeContext.js +8 -2
- package/useTheme/index.js +13 -1
- package/useTheme/useTheme.js +12 -4
- package/ThemeProvider/ThemeProvider.d.ts +0 -9
- package/ThemeProvider/index.d.ts +0 -2
- package/ThemeProvider/package.json +0 -6
- package/defaultTheme/index.d.ts +0 -5
- package/index.d.ts +0 -7
- package/node/ThemeProvider/index.js +0 -20
- package/node/ThemeProvider/nested.js +0 -8
- package/node/index.js +0 -43
- package/node/useTheme/ThemeContext.js +0 -14
- package/node/useTheme/index.js +0 -13
- package/node/useTheme/useTheme.js +0 -19
- package/useTheme/index.d.ts +0 -2
- package/useTheme/package.json +0 -6
- package/useTheme/useTheme.d.ts +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,66 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 7.0.0-alpha.1
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v7.0.0-alpha.0..master -->
|
|
6
|
+
|
|
7
|
+
_Feb 11, 2025_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 11 contributors who made this release possible.
|
|
10
|
+
|
|
11
|
+
### `@mui/material@7.0.0-alpha.1`
|
|
12
|
+
|
|
13
|
+
- [Checkbox] Add slots and slotProps (#44974) @sai6855
|
|
14
|
+
- [LinearProgress][CircularProgress] Add variant overrides for module augumentation (#45163) @kingflamez
|
|
15
|
+
- [Drawer] Deprecate \*Props and complete `slots`, `slotProps` (#44960) @siriwatknp
|
|
16
|
+
- Fix wrong `slotProps` of `DetailsHTMLAttributes` types (#45215) @siriwatknp
|
|
17
|
+
- [MobileStepper] deprecate `LinearProgressProps` and complete `slots`, `slotProps` (#45033) @siriwatknp
|
|
18
|
+
- [Radio] Add slots and slotProps (#44972) @sai6855
|
|
19
|
+
- [Radio] Remove empty line (#45184) @sai6855
|
|
20
|
+
- [Slider] Deprecate composed classes (#45201) @sai6855
|
|
21
|
+
- [Snackbar] Fix generated proptypes (#45156) @siriwatknp
|
|
22
|
+
- [SpeedDialAction] Add slots and slotProps (#45065) @sai6855
|
|
23
|
+
- [SwitchBase] Fix spreading of `handlers` in getSlotProps (#45197) @sai6855
|
|
24
|
+
- [Tabs] Deprecate \*Props and complete `slots`, `slotProps` (#45012) @siriwatknp
|
|
25
|
+
- [TextField] Remove deprecated props from documentation (#45199) @sai6855
|
|
26
|
+
|
|
27
|
+
### `@mui/icons-material@7.0.0-alpha.1`
|
|
28
|
+
|
|
29
|
+
- Change icon source URL and add overrides (#45020) @siriwatknp
|
|
30
|
+
|
|
31
|
+
### `@mui/lab@7.0.0-beta.1`
|
|
32
|
+
|
|
33
|
+
- Remove components which were moved from lab to material (#45232) @DiegoAndai
|
|
34
|
+
|
|
35
|
+
### Docs
|
|
36
|
+
|
|
37
|
+
- [Autocomplete] Improve Google Maps search example (#44708) @oliviertassinari
|
|
38
|
+
- [Dialog] Removes deprecated PaperProps from docs (#45195) @sai6855
|
|
39
|
+
- [Menu] Add Grouped Menu demo (#45241) @noobDev31
|
|
40
|
+
- [material] Add disableInteractive on colorTool grid Tooltips (#37800) @Janpot
|
|
41
|
+
- [blog] Consistent Base UI terminology (#45264) @oliviertassinari
|
|
42
|
+
- A quick first step to update docs for Tailwind v4 (#45147) @oliviertassinari
|
|
43
|
+
- Fix `element.ref` accessing warning on docs (#45155) @DiegoAndai
|
|
44
|
+
- Mention Toolpad as experimental (#45273) @prakhargupta1
|
|
45
|
+
- [joy-ui] Update "Set up providers" section of integration with Material UI (#45183) @mateuseap
|
|
46
|
+
|
|
47
|
+
### Core
|
|
48
|
+
|
|
49
|
+
- Update branch switch tags (#45198) @DiegoAndai
|
|
50
|
+
- Fix double redirection to Base UI (#45146) @oliviertassinari
|
|
51
|
+
- Fix corepack and pnpm installation in CircleCI (#45185) @mj12albert
|
|
52
|
+
- Fix typo on Netlify script (#45278) @maximevtush
|
|
53
|
+
- [code-infra] Fix testing library resolution with custom react (#44061) @Janpot
|
|
54
|
+
- [code-infra] Update package layout for better ESM support (#43264) @Janpot
|
|
55
|
+
- Update `@typescript-eslint/*` packages and remove deprecated `eslint-config-airbnb-typescript` package (#45245) @ZeeshanTamboli
|
|
56
|
+
- [docs] Restore utility component docs from MUI Base to Material UI (#45213) @mapache-salvaje
|
|
57
|
+
- [docs] Sync active sponsors (#45204) @oliviertassinari
|
|
58
|
+
- [docs] Fix links in CONTRIBUTING.md (#45202) @bernardobelchior
|
|
59
|
+
- [docs-infra] Point to MUI X next docs (#45207) @cherniavskii
|
|
60
|
+
- [test] Fix React 18 tests (#45161) @DiegoAndai
|
|
61
|
+
|
|
62
|
+
All contributors of this release in alphabetical order: @bernardobelchior, @cherniavskii, @DiegoAndai, @Janpot, @kingflamez, @mapache-salvaje, @mateuseap, @maximevtush, @mj12albert, @noobDev31, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @ZeeshanTamboli
|
|
63
|
+
|
|
3
64
|
## 7.0.0-alpha.0
|
|
4
65
|
|
|
5
66
|
<!-- generated comparing v6.4.1..master -->
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { exactProp } from '@mui/utils';
|
|
4
|
-
import ThemeContext from "../useTheme/ThemeContext.js";
|
|
5
|
-
import useTheme from "../useTheme/index.js";
|
|
6
|
-
import nested from "./nested.js";
|
|
1
|
+
"use strict";
|
|
7
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _utils = require("@mui/utils");
|
|
12
|
+
var _ThemeContext = _interopRequireDefault(require("../useTheme/ThemeContext"));
|
|
13
|
+
var _useTheme = _interopRequireDefault(require("../useTheme"));
|
|
14
|
+
var _nested = _interopRequireDefault(require("./nested"));
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
16
|
// To support composition of theme.
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
17
|
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
|
11
18
|
if (typeof localTheme === 'function') {
|
|
12
19
|
const mergedTheme = localTheme(outerTheme);
|
|
@@ -33,7 +40,7 @@ function ThemeProvider(props) {
|
|
|
33
40
|
children,
|
|
34
41
|
theme: localTheme
|
|
35
42
|
} = props;
|
|
36
|
-
const outerTheme =
|
|
43
|
+
const outerTheme = (0, _useTheme.default)();
|
|
37
44
|
if (process.env.NODE_ENV !== 'production') {
|
|
38
45
|
if (outerTheme === null && typeof localTheme === 'function') {
|
|
39
46
|
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'));
|
|
@@ -44,11 +51,11 @@ function ThemeProvider(props) {
|
|
|
44
51
|
...localTheme
|
|
45
52
|
} : mergeOuterLocalTheme(outerTheme, localTheme);
|
|
46
53
|
if (output != null) {
|
|
47
|
-
output[
|
|
54
|
+
output[_nested.default] = outerTheme !== null;
|
|
48
55
|
}
|
|
49
56
|
return output;
|
|
50
57
|
}, [localTheme, outerTheme]);
|
|
51
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.default.Provider, {
|
|
52
59
|
value: theme,
|
|
53
60
|
children: children
|
|
54
61
|
});
|
|
@@ -57,13 +64,13 @@ process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
|
|
57
64
|
/**
|
|
58
65
|
* Your component tree.
|
|
59
66
|
*/
|
|
60
|
-
children:
|
|
67
|
+
children: _propTypes.default.node,
|
|
61
68
|
/**
|
|
62
69
|
* A theme object. You can provide a function to extend the outer theme.
|
|
63
70
|
*/
|
|
64
|
-
theme:
|
|
71
|
+
theme: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]).isRequired
|
|
65
72
|
} : void 0;
|
|
66
73
|
if (process.env.NODE_ENV !== 'production') {
|
|
67
|
-
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
|
|
74
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = (0, _utils.exactProp)(ThemeProvider.propTypes) : void 0;
|
|
68
75
|
}
|
|
69
|
-
|
|
76
|
+
var _default = exports.default = ThemeProvider;
|
package/ThemeProvider/index.js
CHANGED
|
@@ -1,2 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _ThemeProvider.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "unstable_nested", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () {
|
|
16
|
+
return _nested.default;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
|
|
20
|
+
var _nested = _interopRequireDefault(require("./nested"));
|
package/ThemeProvider/nested.js
CHANGED
|
@@ -1,2 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
1
7
|
const hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
2
|
-
|
|
8
|
+
var _default = exports.default = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';
|
|
@@ -1,19 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { exactProp } from '@mui/utils';
|
|
4
|
+
import ThemeContext from "../useTheme/ThemeContext.js";
|
|
5
|
+
import useTheme from "../useTheme/index.js";
|
|
6
|
+
import nested from "./nested.js";
|
|
2
7
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _utils = require("@mui/utils");
|
|
12
|
-
var _ThemeContext = _interopRequireDefault(require("../useTheme/ThemeContext"));
|
|
13
|
-
var _useTheme = _interopRequireDefault(require("../useTheme"));
|
|
14
|
-
var _nested = _interopRequireDefault(require("./nested"));
|
|
15
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
8
|
// To support composition of theme.
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
10
|
function mergeOuterLocalTheme(outerTheme, localTheme) {
|
|
18
11
|
if (typeof localTheme === 'function') {
|
|
19
12
|
const mergedTheme = localTheme(outerTheme);
|
|
@@ -40,7 +33,7 @@ function ThemeProvider(props) {
|
|
|
40
33
|
children,
|
|
41
34
|
theme: localTheme
|
|
42
35
|
} = props;
|
|
43
|
-
const outerTheme = (
|
|
36
|
+
const outerTheme = useTheme();
|
|
44
37
|
if (process.env.NODE_ENV !== 'production') {
|
|
45
38
|
if (outerTheme === null && typeof localTheme === 'function') {
|
|
46
39
|
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'));
|
|
@@ -51,11 +44,11 @@ function ThemeProvider(props) {
|
|
|
51
44
|
...localTheme
|
|
52
45
|
} : mergeOuterLocalTheme(outerTheme, localTheme);
|
|
53
46
|
if (output != null) {
|
|
54
|
-
output[
|
|
47
|
+
output[nested] = outerTheme !== null;
|
|
55
48
|
}
|
|
56
49
|
return output;
|
|
57
50
|
}, [localTheme, outerTheme]);
|
|
58
|
-
return /*#__PURE__*/(
|
|
51
|
+
return /*#__PURE__*/_jsx(ThemeContext.Provider, {
|
|
59
52
|
value: theme,
|
|
60
53
|
children: children
|
|
61
54
|
});
|
|
@@ -64,13 +57,13 @@ process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
|
|
|
64
57
|
/**
|
|
65
58
|
* Your component tree.
|
|
66
59
|
*/
|
|
67
|
-
children:
|
|
60
|
+
children: PropTypes.node,
|
|
68
61
|
/**
|
|
69
62
|
* A theme object. You can provide a function to extend the outer theme.
|
|
70
63
|
*/
|
|
71
|
-
theme:
|
|
64
|
+
theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
|
|
72
65
|
} : void 0;
|
|
73
66
|
if (process.env.NODE_ENV !== 'production') {
|
|
74
|
-
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes =
|
|
67
|
+
process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
|
|
75
68
|
}
|
|
76
|
-
|
|
69
|
+
export default ThemeProvider;
|
package/esm/index.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @mui/private-theming v7.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/index.js";
|
|
9
|
+
export * from "./ThemeProvider/index.js";
|
|
10
|
+
export { default as useTheme } from "./useTheme/index.js";
|
package/esm/package.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module","sideEffects":false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./useTheme.js";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import ThemeContext from "./ThemeContext.js";
|
|
3
|
+
export default function useTheme() {
|
|
4
|
+
const theme = React.useContext(ThemeContext);
|
|
5
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
6
|
+
// TODO: uncomment once we enable eslint-plugin-react-compiler eslint-disable-next-line react-compiler/react-compiler
|
|
7
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks -- It's not required to run React.useDebugValue in production
|
|
8
|
+
React.useDebugValue(theme);
|
|
9
|
+
}
|
|
10
|
+
return theme;
|
|
11
|
+
}
|
package/index.js
CHANGED
|
@@ -1,10 +1,43 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @mui/private-theming v7.0.0-alpha.
|
|
2
|
+
* @mui/private-theming v7.0.0-alpha.1
|
|
3
3
|
*
|
|
4
4
|
* @license MIT
|
|
5
5
|
* This source code is licensed under the MIT license found in the
|
|
6
6
|
* LICENSE file in the root directory of this source tree.
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
"use strict";
|
|
9
|
+
|
|
10
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
11
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
12
|
+
Object.defineProperty(exports, "__esModule", {
|
|
13
|
+
value: true
|
|
14
|
+
});
|
|
15
|
+
var _exportNames = {
|
|
16
|
+
ThemeProvider: true,
|
|
17
|
+
useTheme: true
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "ThemeProvider", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () {
|
|
22
|
+
return _ThemeProvider.default;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "useTheme", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () {
|
|
28
|
+
return _useTheme.default;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
|
|
32
|
+
Object.keys(_ThemeProvider).forEach(function (key) {
|
|
33
|
+
if (key === "default" || key === "__esModule") return;
|
|
34
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
35
|
+
if (key in exports && exports[key] === _ThemeProvider[key]) return;
|
|
36
|
+
Object.defineProperty(exports, key, {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _ThemeProvider[key];
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
var _useTheme = _interopRequireDefault(require("./useTheme"));
|
package/modern/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module","sideEffects":false}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/private-theming",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.1",
|
|
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`.",
|
|
7
|
-
"main": "./
|
|
7
|
+
"main": "./index.js",
|
|
8
8
|
"keywords": [
|
|
9
9
|
"react",
|
|
10
10
|
"react-component",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@babel/runtime": "^7.26.7",
|
|
30
30
|
"prop-types": "^15.8.1",
|
|
31
|
-
"@mui/utils": "7.0.0-alpha.
|
|
31
|
+
"@mui/utils": "7.0.0-alpha.1"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
@@ -47,6 +47,35 @@
|
|
|
47
47
|
"engines": {
|
|
48
48
|
"node": ">=14.0.0"
|
|
49
49
|
},
|
|
50
|
-
"module": "./index.js",
|
|
51
|
-
"
|
|
50
|
+
"module": "./esm/index.js",
|
|
51
|
+
"exports": {
|
|
52
|
+
".": {
|
|
53
|
+
"require": {
|
|
54
|
+
"types": "./index.d.ts",
|
|
55
|
+
"default": "./index.js"
|
|
56
|
+
},
|
|
57
|
+
"import": {
|
|
58
|
+
"types": "./esm/index.d.ts",
|
|
59
|
+
"default": "./esm/index.js"
|
|
60
|
+
},
|
|
61
|
+
"mui-modern": {
|
|
62
|
+
"types": "./modern/index.d.ts",
|
|
63
|
+
"default": "./modern/index.js"
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
"./*": {
|
|
67
|
+
"require": {
|
|
68
|
+
"types": "./*/index.d.ts",
|
|
69
|
+
"default": "./*/index.js"
|
|
70
|
+
},
|
|
71
|
+
"import": {
|
|
72
|
+
"types": "./esm/*/index.d.ts",
|
|
73
|
+
"default": "./esm/*/index.js"
|
|
74
|
+
},
|
|
75
|
+
"mui-modern": {
|
|
76
|
+
"types": "./modern/*/index.d.ts",
|
|
77
|
+
"default": "./modern/*/index.js"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
52
81
|
}
|
package/useTheme/ThemeContext.js
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
'use client';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
4
10
|
const ThemeContext = /*#__PURE__*/React.createContext(null);
|
|
5
11
|
if (process.env.NODE_ENV !== 'production') {
|
|
6
12
|
ThemeContext.displayName = 'ThemeContext';
|
|
7
13
|
}
|
|
8
|
-
|
|
14
|
+
var _default = exports.default = ThemeContext;
|
package/useTheme/index.js
CHANGED
|
@@ -1 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _useTheme.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _useTheme = _interopRequireDefault(require("./useTheme"));
|
package/useTheme/useTheme.js
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = useTheme;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _ThemeContext = _interopRequireDefault(require("./ThemeContext"));
|
|
11
|
+
function useTheme() {
|
|
12
|
+
const theme = React.useContext(_ThemeContext.default);
|
|
5
13
|
if (process.env.NODE_ENV !== 'production') {
|
|
6
14
|
// TODO: uncomment once we enable eslint-plugin-react-compiler eslint-disable-next-line react-compiler/react-compiler
|
|
7
15
|
// eslint-disable-next-line react-hooks/rules-of-hooks -- It's not required to run React.useDebugValue in production
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { DefaultTheme } from '../defaultTheme';
|
|
2
|
-
|
|
3
|
-
export interface ThemeProviderProps<Theme = DefaultTheme> {
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
|
|
6
|
-
}
|
|
7
|
-
export default function ThemeProvider<T = DefaultTheme>(
|
|
8
|
-
props: ThemeProviderProps<T>,
|
|
9
|
-
): React.ReactElement<ThemeProviderProps<T>>;
|
package/ThemeProvider/index.d.ts
DELETED
package/defaultTheme/index.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The default theme interface, augment this to avoid having to set the theme type everywhere.
|
|
3
|
-
* Our [TypeScript guide on theme customization](https://mui.com/material-ui/customization/theming/#custom-variables) explains in detail how you would add custom properties.
|
|
4
|
-
*/
|
|
5
|
-
export interface DefaultTheme {}
|
package/index.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
Object.defineProperty(exports, "default", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function () {
|
|
10
|
-
return _ThemeProvider.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
Object.defineProperty(exports, "unstable_nested", {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function () {
|
|
16
|
-
return _nested.default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
|
|
20
|
-
var _nested = _interopRequireDefault(require("./nested"));
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
const hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
8
|
-
var _default = exports.default = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';
|
package/node/index.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @mui/private-theming v7.0.0-alpha.0
|
|
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
|
-
"use strict";
|
|
9
|
-
|
|
10
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
11
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
12
|
-
Object.defineProperty(exports, "__esModule", {
|
|
13
|
-
value: true
|
|
14
|
-
});
|
|
15
|
-
var _exportNames = {
|
|
16
|
-
ThemeProvider: true,
|
|
17
|
-
useTheme: true
|
|
18
|
-
};
|
|
19
|
-
Object.defineProperty(exports, "ThemeProvider", {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function () {
|
|
22
|
-
return _ThemeProvider.default;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
Object.defineProperty(exports, "useTheme", {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function () {
|
|
28
|
-
return _useTheme.default;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
|
|
32
|
-
Object.keys(_ThemeProvider).forEach(function (key) {
|
|
33
|
-
if (key === "default" || key === "__esModule") return;
|
|
34
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
35
|
-
if (key in exports && exports[key] === _ThemeProvider[key]) return;
|
|
36
|
-
Object.defineProperty(exports, key, {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _ThemeProvider[key];
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
var _useTheme = _interopRequireDefault(require("./useTheme"));
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
const ThemeContext = /*#__PURE__*/React.createContext(null);
|
|
11
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
12
|
-
ThemeContext.displayName = 'ThemeContext';
|
|
13
|
-
}
|
|
14
|
-
var _default = exports.default = ThemeContext;
|
package/node/useTheme/index.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
Object.defineProperty(exports, "default", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function () {
|
|
10
|
-
return _useTheme.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _useTheme = _interopRequireDefault(require("./useTheme"));
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = useTheme;
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _ThemeContext = _interopRequireDefault(require("./ThemeContext"));
|
|
11
|
-
function useTheme() {
|
|
12
|
-
const theme = React.useContext(_ThemeContext.default);
|
|
13
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
14
|
-
// TODO: uncomment once we enable eslint-plugin-react-compiler eslint-disable-next-line react-compiler/react-compiler
|
|
15
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks -- It's not required to run React.useDebugValue in production
|
|
16
|
-
React.useDebugValue(theme);
|
|
17
|
-
}
|
|
18
|
-
return theme;
|
|
19
|
-
}
|
package/useTheme/index.d.ts
DELETED
package/useTheme/package.json
DELETED
package/useTheme/useTheme.d.ts
DELETED