@mui/material 9.1.0 → 9.1.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/Autocomplete/Autocomplete.d.mts +5 -1
- package/Autocomplete/Autocomplete.d.ts +5 -1
- package/Autocomplete/Autocomplete.js +5 -1
- package/Autocomplete/Autocomplete.mjs +5 -1
- package/ButtonBase/TouchRipple.js +17 -9
- package/ButtonBase/TouchRipple.mjs +17 -9
- package/CHANGELOG.md +38 -0
- package/InitColorSchemeScript/InitColorSchemeScript.d.mts +5 -5
- package/InitColorSchemeScript/InitColorSchemeScript.d.ts +5 -5
- package/Select/utils/SelectFocusSourceContext.d.mts +2 -2
- package/Select/utils/SelectFocusSourceContext.d.ts +2 -2
- package/Slider/SliderValueLabel.d.mts +2 -2
- package/Slider/SliderValueLabel.d.ts +2 -2
- package/Step/StepContext.d.mts +1 -1
- package/Step/StepContext.d.ts +1 -1
- package/Stepper/StepperContext.d.mts +1 -1
- package/Stepper/StepperContext.d.ts +1 -1
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internal/Transition.js +13 -7
- package/internal/Transition.mjs +13 -7
- package/package.json +6 -6
- package/styles/ThemeProviderWithVars.d.mts +7 -7
- package/styles/ThemeProviderWithVars.d.ts +7 -7
- package/styles/createGetSelector.d.mts +2 -2
- package/styles/createGetSelector.d.ts +2 -2
- package/styles/identifier.d.mts +1 -1
- package/styles/identifier.d.ts +1 -1
- package/utils/memoTheme.d.mts +1 -1
- package/utils/memoTheme.d.ts +1 -1
- package/utils/useSlot.d.mts +1 -1
- package/utils/useSlot.d.ts +1 -1
- package/version/index.js +2 -2
- package/version/index.mjs +2 -2
|
@@ -171,7 +171,11 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
|
|
|
171
171
|
*/
|
|
172
172
|
forcePopupIcon?: true | false | 'auto' | undefined;
|
|
173
173
|
/**
|
|
174
|
-
* If `true`, the input
|
|
174
|
+
* If `true`, the input takes up the full width of its container.
|
|
175
|
+
*
|
|
176
|
+
* `Autocomplete` treats `undefined` and `false` differently.
|
|
177
|
+
* If `undefined`, the inner input takes up the full width of its container.
|
|
178
|
+
* If `false`, the inner input is restricted to its intrinsic width.
|
|
175
179
|
* @default false
|
|
176
180
|
*/
|
|
177
181
|
fullWidth?: boolean | undefined;
|
|
@@ -171,7 +171,11 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
|
|
|
171
171
|
*/
|
|
172
172
|
forcePopupIcon?: true | false | 'auto' | undefined;
|
|
173
173
|
/**
|
|
174
|
-
* If `true`, the input
|
|
174
|
+
* If `true`, the input takes up the full width of its container.
|
|
175
|
+
*
|
|
176
|
+
* `Autocomplete` treats `undefined` and `false` differently.
|
|
177
|
+
* If `undefined`, the inner input takes up the full width of its container.
|
|
178
|
+
* If `false`, the inner input is restricted to its intrinsic width.
|
|
175
179
|
* @default false
|
|
176
180
|
*/
|
|
177
181
|
fullWidth?: boolean | undefined;
|
|
@@ -944,7 +944,11 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
|
|
|
944
944
|
*/
|
|
945
945
|
freeSolo: _propTypes.default.bool,
|
|
946
946
|
/**
|
|
947
|
-
* If `true`, the input
|
|
947
|
+
* If `true`, the input takes up the full width of its container.
|
|
948
|
+
*
|
|
949
|
+
* `Autocomplete` treats `undefined` and `false` differently.
|
|
950
|
+
* If `undefined`, the inner input takes up the full width of its container.
|
|
951
|
+
* If `false`, the inner input is restricted to its intrinsic width.
|
|
948
952
|
* @default false
|
|
949
953
|
*/
|
|
950
954
|
fullWidth: _propTypes.default.bool,
|
|
@@ -932,7 +932,11 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
|
|
|
932
932
|
*/
|
|
933
933
|
freeSolo: PropTypes.bool,
|
|
934
934
|
/**
|
|
935
|
-
* If `true`, the input
|
|
935
|
+
* If `true`, the input takes up the full width of its container.
|
|
936
|
+
*
|
|
937
|
+
* `Autocomplete` treats `undefined` and `false` differently.
|
|
938
|
+
* If `undefined`, the inner input takes up the full width of its container.
|
|
939
|
+
* If `false`, the inner input is restricted to its intrinsic width.
|
|
936
940
|
* @default false
|
|
937
941
|
*/
|
|
938
942
|
fullWidth: PropTypes.bool,
|
|
@@ -212,6 +212,23 @@ const TouchRippleRipple = exports.TouchRippleRipple = (0, _zeroStyled.styled)(_R
|
|
|
212
212
|
transform: scale(1);
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
+
/*
|
|
216
|
+
* Order matters: 'child', 'childLeaving' and 'childPulsate' apply to the same
|
|
217
|
+
* element with equal specificity, so the later rule wins. 'child' must come
|
|
218
|
+
* before 'childLeaving' so the leaving 'opacity: 0' takes precedence. A focus
|
|
219
|
+
* (pulsate) ripple keeps 'pulsateKeyframe' (no opacity animation) on exit, so
|
|
220
|
+
* it relies on this static 'opacity: 0' to disappear on blur instead of
|
|
221
|
+
* lingering until removal.
|
|
222
|
+
*/
|
|
223
|
+
& .${_touchRippleClasses.default.child} {
|
|
224
|
+
opacity: 1;
|
|
225
|
+
display: block;
|
|
226
|
+
width: 100%;
|
|
227
|
+
height: 100%;
|
|
228
|
+
border-radius: 50%;
|
|
229
|
+
background-color: currentColor;
|
|
230
|
+
}
|
|
231
|
+
|
|
215
232
|
& .${_touchRippleClasses.default.childLeaving} {
|
|
216
233
|
opacity: 0;
|
|
217
234
|
}
|
|
@@ -226,15 +243,6 @@ const TouchRippleRipple = exports.TouchRippleRipple = (0, _zeroStyled.styled)(_R
|
|
|
226
243
|
${({
|
|
227
244
|
theme
|
|
228
245
|
}) => getAnimationStyles(theme)}
|
|
229
|
-
|
|
230
|
-
& .${_touchRippleClasses.default.child} {
|
|
231
|
-
opacity: 1;
|
|
232
|
-
display: block;
|
|
233
|
-
width: 100%;
|
|
234
|
-
height: 100%;
|
|
235
|
-
border-radius: 50%;
|
|
236
|
-
background-color: currentColor;
|
|
237
|
-
}
|
|
238
246
|
`;
|
|
239
247
|
|
|
240
248
|
/**
|
|
@@ -205,6 +205,23 @@ export const TouchRippleRipple = styled(Ripple, {
|
|
|
205
205
|
transform: scale(1);
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
+
/*
|
|
209
|
+
* Order matters: 'child', 'childLeaving' and 'childPulsate' apply to the same
|
|
210
|
+
* element with equal specificity, so the later rule wins. 'child' must come
|
|
211
|
+
* before 'childLeaving' so the leaving 'opacity: 0' takes precedence. A focus
|
|
212
|
+
* (pulsate) ripple keeps 'pulsateKeyframe' (no opacity animation) on exit, so
|
|
213
|
+
* it relies on this static 'opacity: 0' to disappear on blur instead of
|
|
214
|
+
* lingering until removal.
|
|
215
|
+
*/
|
|
216
|
+
& .${touchRippleClasses.child} {
|
|
217
|
+
opacity: 1;
|
|
218
|
+
display: block;
|
|
219
|
+
width: 100%;
|
|
220
|
+
height: 100%;
|
|
221
|
+
border-radius: 50%;
|
|
222
|
+
background-color: currentColor;
|
|
223
|
+
}
|
|
224
|
+
|
|
208
225
|
& .${touchRippleClasses.childLeaving} {
|
|
209
226
|
opacity: 0;
|
|
210
227
|
}
|
|
@@ -219,15 +236,6 @@ export const TouchRippleRipple = styled(Ripple, {
|
|
|
219
236
|
${({
|
|
220
237
|
theme
|
|
221
238
|
}) => getAnimationStyles(theme)}
|
|
222
|
-
|
|
223
|
-
& .${touchRippleClasses.child} {
|
|
224
|
-
opacity: 1;
|
|
225
|
-
display: block;
|
|
226
|
-
width: 100%;
|
|
227
|
-
height: 100%;
|
|
228
|
-
border-radius: 50%;
|
|
229
|
-
background-color: currentColor;
|
|
230
|
-
}
|
|
231
239
|
`;
|
|
232
240
|
|
|
233
241
|
/**
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,43 @@
|
|
|
1
1
|
# [Versions](https://mui.com/material-ui/getting-started/versions/)
|
|
2
2
|
|
|
3
|
+
## 9.1.1
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v9.1.0..master -->
|
|
6
|
+
|
|
7
|
+
_Jun 11, 2026_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 9 contributors who made this release possible.
|
|
10
|
+
|
|
11
|
+
### `@mui/material@9.1.1`
|
|
12
|
+
|
|
13
|
+
- [Autocomplete] Update fullWidth prop documentation (#48626) @vipin8797
|
|
14
|
+
- [ButtonBase] Fix focus ripple lingering after blur (#48650) @siriwatknp
|
|
15
|
+
- [InitColorSchemeScript] Server-render in tests for React 19.3 (#48604) @Janpot
|
|
16
|
+
- [Transition] Mount child in same commit when opening from unmounted (#48649) @siriwatknp
|
|
17
|
+
|
|
18
|
+
### `@mui/styled-engine@9.1.1`
|
|
19
|
+
|
|
20
|
+
- [styled-engine] Prevent enableCssLayer styles from being overridden by unlayered styles (#48603) @Janpot
|
|
21
|
+
|
|
22
|
+
### Docs
|
|
23
|
+
|
|
24
|
+
- Send SOURCE to Brevo on newsletter subscribe (#48633) @aemartos
|
|
25
|
+
- fix TypeScript heading capitalization (#48619) @ifer47
|
|
26
|
+
- Remove outdated security section (#48628) @oliviertassinari
|
|
27
|
+
- [legal] Update EULA links on website (#48642) @rluzists1
|
|
28
|
+
|
|
29
|
+
### Core
|
|
30
|
+
|
|
31
|
+
- Update dependencies to resolve Dependabot security alerts (#48641) @Janpot
|
|
32
|
+
- [core-docs] Pin StackBlitz demo vite to v7 and plugin-react to v5 (#48643) @Janpot
|
|
33
|
+
- [code-infra] Port codebase to use tsgo (#48616) @brijeshb42
|
|
34
|
+
- [docs-infra] Fix immutable cache headers for /\_next/static assets (#48655) @brijeshb42
|
|
35
|
+
- [docs-infra] Run link checker during docs build instead of as separate CI step (#48634) @Janpot
|
|
36
|
+
- [docs-infra] Support turbopack for docs (#48569) @brijeshb42
|
|
37
|
+
- [test] Cover docs landing-page composites with Argos (#48589) @LukasTy
|
|
38
|
+
|
|
39
|
+
All contributors of this release in alphabetical order: @aemartos, @brijeshb42, @ifer47, @Janpot, @LukasTy, @oliviertassinari, @rluzists1, @siriwatknp, @vipin8797
|
|
40
|
+
|
|
3
41
|
## 9.1.0
|
|
4
42
|
|
|
5
43
|
<!-- generated comparing v9.0.1..master -->
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const defaultConfig: {
|
|
2
|
-
readonly attribute:
|
|
3
|
-
readonly colorSchemeStorageKey:
|
|
4
|
-
readonly defaultLightColorScheme:
|
|
5
|
-
readonly defaultDarkColorScheme:
|
|
6
|
-
readonly modeStorageKey:
|
|
2
|
+
readonly attribute: 'data-mui-color-scheme';
|
|
3
|
+
readonly colorSchemeStorageKey: 'mui-color-scheme';
|
|
4
|
+
readonly defaultLightColorScheme: 'light';
|
|
5
|
+
readonly defaultDarkColorScheme: 'dark';
|
|
6
|
+
readonly modeStorageKey: 'mui-mode';
|
|
7
7
|
};
|
|
8
8
|
export interface InitColorSchemeScriptProps {
|
|
9
9
|
/**
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const defaultConfig: {
|
|
2
|
-
readonly attribute:
|
|
3
|
-
readonly colorSchemeStorageKey:
|
|
4
|
-
readonly defaultLightColorScheme:
|
|
5
|
-
readonly defaultDarkColorScheme:
|
|
6
|
-
readonly modeStorageKey:
|
|
2
|
+
readonly attribute: 'data-mui-color-scheme';
|
|
3
|
+
readonly colorSchemeStorageKey: 'mui-color-scheme';
|
|
4
|
+
readonly defaultLightColorScheme: 'light';
|
|
5
|
+
readonly defaultDarkColorScheme: 'dark';
|
|
6
|
+
readonly modeStorageKey: 'mui-mode';
|
|
7
7
|
};
|
|
8
8
|
export interface InitColorSchemeScriptProps {
|
|
9
9
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
declare function useSelectFocusSource(): "
|
|
3
|
-
declare const SelectFocusSourceProvider: React.Provider<"
|
|
2
|
+
declare function useSelectFocusSource(): "keyboard" | "mouse" | "touch" | null;
|
|
3
|
+
declare const SelectFocusSourceProvider: React.Provider<"keyboard" | "mouse" | "touch" | null>;
|
|
4
4
|
export { useSelectFocusSource, SelectFocusSourceProvider };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
declare function useSelectFocusSource(): "
|
|
3
|
-
declare const SelectFocusSourceProvider: React.Provider<"
|
|
2
|
+
declare function useSelectFocusSource(): "keyboard" | "mouse" | "touch" | null;
|
|
3
|
+
declare const SelectFocusSourceProvider: React.Provider<"keyboard" | "mouse" | "touch" | null>;
|
|
4
4
|
export { useSelectFocusSource, SelectFocusSourceProvider };
|
|
@@ -7,7 +7,7 @@ declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElem
|
|
|
7
7
|
className?: string | undefined;
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
}, string | React.JSXElementConstructor<any>> | null;
|
|
10
|
+
export default SliderValueLabel;
|
|
10
11
|
declare namespace SliderValueLabel {
|
|
11
12
|
var propTypes: any;
|
|
12
|
-
}
|
|
13
|
-
export default SliderValueLabel;
|
|
13
|
+
}
|
|
@@ -7,7 +7,7 @@ declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElem
|
|
|
7
7
|
className?: string | undefined;
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
}, string | React.JSXElementConstructor<any>> | null;
|
|
10
|
+
export default SliderValueLabel;
|
|
10
11
|
declare namespace SliderValueLabel {
|
|
11
12
|
var propTypes: any;
|
|
12
|
-
}
|
|
13
|
-
export default SliderValueLabel;
|
|
13
|
+
}
|
package/Step/StepContext.d.mts
CHANGED
|
@@ -11,7 +11,7 @@ export interface StepContextType {
|
|
|
11
11
|
/**
|
|
12
12
|
* Provides information about the current step in Stepper.
|
|
13
13
|
*/
|
|
14
|
-
declare const StepContext: React.Context<
|
|
14
|
+
declare const StepContext: React.Context<StepContextType | {}>;
|
|
15
15
|
/**
|
|
16
16
|
* Returns the current StepContext or an empty object if no StepContext
|
|
17
17
|
* has been defined in the component tree.
|
package/Step/StepContext.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export interface StepContextType {
|
|
|
11
11
|
/**
|
|
12
12
|
* Provides information about the current step in Stepper.
|
|
13
13
|
*/
|
|
14
|
-
declare const StepContext: React.Context<
|
|
14
|
+
declare const StepContext: React.Context<StepContextType | {}>;
|
|
15
15
|
/**
|
|
16
16
|
* Returns the current StepContext or an empty object if no StepContext
|
|
17
17
|
* has been defined in the component tree.
|
|
@@ -11,7 +11,7 @@ export interface StepperContextType {
|
|
|
11
11
|
/**
|
|
12
12
|
* Provides information about the current step in Stepper.
|
|
13
13
|
*/
|
|
14
|
-
declare const StepperContext: React.Context<
|
|
14
|
+
declare const StepperContext: React.Context<StepperContextType | {}>;
|
|
15
15
|
/**
|
|
16
16
|
* Returns the current StepperContext or an empty object if no StepperContext
|
|
17
17
|
* has been defined in the component tree.
|
|
@@ -11,7 +11,7 @@ export interface StepperContextType {
|
|
|
11
11
|
/**
|
|
12
12
|
* Provides information about the current step in Stepper.
|
|
13
13
|
*/
|
|
14
|
-
declare const StepperContext: React.Context<
|
|
14
|
+
declare const StepperContext: React.Context<StepperContextType | {}>;
|
|
15
15
|
/**
|
|
16
16
|
* Returns the current StepperContext or an empty object if no StepperContext
|
|
17
17
|
* has been defined in the component tree.
|
package/index.js
CHANGED
package/index.mjs
CHANGED
package/internal/Transition.js
CHANGED
|
@@ -100,6 +100,16 @@ function Transition(props) {
|
|
|
100
100
|
});
|
|
101
101
|
const statusRef = React.useRef(status);
|
|
102
102
|
statusRef.current = status;
|
|
103
|
+
|
|
104
|
+
// Opening from `unmounted`: mount the child in the same commit that `in` turns
|
|
105
|
+
// true so its ref is attached before effects run. react-transition-group did
|
|
106
|
+
// this by deriving the status from props during render; handling it in a
|
|
107
|
+
// layout effect instead would add a commit where the child is still null,
|
|
108
|
+
// breaking consumers that read the ref right after `in` flips.
|
|
109
|
+
if (inProp && status === 'unmounted') {
|
|
110
|
+
statusRef.current = 'exited';
|
|
111
|
+
setStatus('exited');
|
|
112
|
+
}
|
|
103
113
|
const shouldAppearOnMountRef = React.useRef(inProp && shouldEnterOnMount);
|
|
104
114
|
const mountedRef = React.useRef(false);
|
|
105
115
|
const nextCallbackRef = React.useRef(null);
|
|
@@ -284,7 +294,8 @@ function Transition(props) {
|
|
|
284
294
|
}, [cancelPendingCallback, updateStatus]);
|
|
285
295
|
|
|
286
296
|
// Reconcile the rendered status after `in` or status changes:
|
|
287
|
-
// - opening from unmounted
|
|
297
|
+
// - opening from unmounted is handled during render (see above) so the child
|
|
298
|
+
// is committed as exited with its ref attached before this effect runs.
|
|
288
299
|
// - unmountOnExit removes the child after the exited state commits.
|
|
289
300
|
// This matches react-transition-group's observable status steps without
|
|
290
301
|
// running work after unrelated commits.
|
|
@@ -294,12 +305,7 @@ function Transition(props) {
|
|
|
294
305
|
}
|
|
295
306
|
const current = statusRef.current;
|
|
296
307
|
if (inProp) {
|
|
297
|
-
if (current
|
|
298
|
-
// Opening from unmounted needs one render with the child present so
|
|
299
|
-
// refs are attached before the enter animation starts.
|
|
300
|
-
statusRef.current = 'exited';
|
|
301
|
-
setStatus('exited');
|
|
302
|
-
} else if (current !== 'entering' && current !== 'entered') {
|
|
308
|
+
if (current !== 'entering' && current !== 'entered') {
|
|
303
309
|
updateStatus(false, 'entering');
|
|
304
310
|
}
|
|
305
311
|
} else if (current === 'entering' || current === 'entered') {
|
package/internal/Transition.mjs
CHANGED
|
@@ -92,6 +92,16 @@ function Transition(props) {
|
|
|
92
92
|
});
|
|
93
93
|
const statusRef = React.useRef(status);
|
|
94
94
|
statusRef.current = status;
|
|
95
|
+
|
|
96
|
+
// Opening from `unmounted`: mount the child in the same commit that `in` turns
|
|
97
|
+
// true so its ref is attached before effects run. react-transition-group did
|
|
98
|
+
// this by deriving the status from props during render; handling it in a
|
|
99
|
+
// layout effect instead would add a commit where the child is still null,
|
|
100
|
+
// breaking consumers that read the ref right after `in` flips.
|
|
101
|
+
if (inProp && status === 'unmounted') {
|
|
102
|
+
statusRef.current = 'exited';
|
|
103
|
+
setStatus('exited');
|
|
104
|
+
}
|
|
95
105
|
const shouldAppearOnMountRef = React.useRef(inProp && shouldEnterOnMount);
|
|
96
106
|
const mountedRef = React.useRef(false);
|
|
97
107
|
const nextCallbackRef = React.useRef(null);
|
|
@@ -276,7 +286,8 @@ function Transition(props) {
|
|
|
276
286
|
}, [cancelPendingCallback, updateStatus]);
|
|
277
287
|
|
|
278
288
|
// Reconcile the rendered status after `in` or status changes:
|
|
279
|
-
// - opening from unmounted
|
|
289
|
+
// - opening from unmounted is handled during render (see above) so the child
|
|
290
|
+
// is committed as exited with its ref attached before this effect runs.
|
|
280
291
|
// - unmountOnExit removes the child after the exited state commits.
|
|
281
292
|
// This matches react-transition-group's observable status steps without
|
|
282
293
|
// running work after unrelated commits.
|
|
@@ -286,12 +297,7 @@ function Transition(props) {
|
|
|
286
297
|
}
|
|
287
298
|
const current = statusRef.current;
|
|
288
299
|
if (inProp) {
|
|
289
|
-
if (current
|
|
290
|
-
// Opening from unmounted needs one render with the child present so
|
|
291
|
-
// refs are attached before the enter animation starts.
|
|
292
|
-
statusRef.current = 'exited';
|
|
293
|
-
setStatus('exited');
|
|
294
|
-
} else if (current !== 'entering' && current !== 'entered') {
|
|
300
|
+
if (current !== 'entering' && current !== 'entered') {
|
|
295
301
|
updateStatus(false, 'entering');
|
|
296
302
|
}
|
|
297
303
|
} else if (current === 'entering' || current === 'entered') {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/material",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.1",
|
|
4
4
|
"author": "MUI Team",
|
|
5
5
|
"description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,10 +33,10 @@
|
|
|
33
33
|
"prop-types": "^15.8.1",
|
|
34
34
|
"react-is": "^19.2.6",
|
|
35
35
|
"react-transition-group": "^4.4.5",
|
|
36
|
-
"@mui/core-downloads-tracker": "^9.1.
|
|
37
|
-
"@mui/
|
|
38
|
-
"@mui/
|
|
39
|
-
"@mui/
|
|
36
|
+
"@mui/core-downloads-tracker": "^9.1.1",
|
|
37
|
+
"@mui/system": "^9.1.1",
|
|
38
|
+
"@mui/types": "^9.1.1",
|
|
39
|
+
"@mui/utils": "^9.1.1"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"@emotion/react": "^11.5.0",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
45
45
|
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
46
46
|
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
47
|
-
"@mui/material-pigment-css": "^9.1.
|
|
47
|
+
"@mui/material-pigment-css": "^9.1.1"
|
|
48
48
|
},
|
|
49
49
|
"peerDependenciesMeta": {
|
|
50
50
|
"@types/react": {
|
|
@@ -27,19 +27,19 @@ declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScrip
|
|
|
27
27
|
*/
|
|
28
28
|
export declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
|
|
29
29
|
theme?: {
|
|
30
|
-
cssVariables?: false | undefined;
|
|
31
|
-
cssVarPrefix?: string | undefined;
|
|
32
|
-
colorSchemes: Partial<Record<SupportedColorScheme, any>>;
|
|
33
|
-
colorSchemeSelector?: "media" | "class" | "data" | string | undefined;
|
|
34
|
-
} | {
|
|
35
30
|
$$material: {
|
|
36
31
|
cssVariables?: false | undefined;
|
|
37
32
|
cssVarPrefix?: string | undefined;
|
|
38
33
|
colorSchemes: Partial<Record<SupportedColorScheme, any>>;
|
|
39
|
-
colorSchemeSelector?:
|
|
34
|
+
colorSchemeSelector?: 'media' | 'class' | 'data' | string | undefined;
|
|
40
35
|
};
|
|
36
|
+
} | {
|
|
37
|
+
cssVariables?: false | undefined;
|
|
38
|
+
cssVarPrefix?: string | undefined;
|
|
39
|
+
colorSchemes: Partial<Record<SupportedColorScheme, any>>;
|
|
40
|
+
colorSchemeSelector?: 'media' | 'class' | 'data' | string | undefined;
|
|
41
41
|
} | undefined;
|
|
42
|
-
defaultMode?:
|
|
42
|
+
defaultMode?: 'light' | 'dark' | 'system' | undefined;
|
|
43
43
|
documentNode?: Document | null | undefined;
|
|
44
44
|
colorSchemeNode?: Element | null | undefined;
|
|
45
45
|
storageManager?: import("@mui/system").StorageManager | null | undefined;
|
|
@@ -27,19 +27,19 @@ declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScrip
|
|
|
27
27
|
*/
|
|
28
28
|
export declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
|
|
29
29
|
theme?: {
|
|
30
|
-
cssVariables?: false | undefined;
|
|
31
|
-
cssVarPrefix?: string | undefined;
|
|
32
|
-
colorSchemes: Partial<Record<SupportedColorScheme, any>>;
|
|
33
|
-
colorSchemeSelector?: "media" | "class" | "data" | string | undefined;
|
|
34
|
-
} | {
|
|
35
30
|
$$material: {
|
|
36
31
|
cssVariables?: false | undefined;
|
|
37
32
|
cssVarPrefix?: string | undefined;
|
|
38
33
|
colorSchemes: Partial<Record<SupportedColorScheme, any>>;
|
|
39
|
-
colorSchemeSelector?:
|
|
34
|
+
colorSchemeSelector?: 'media' | 'class' | 'data' | string | undefined;
|
|
40
35
|
};
|
|
36
|
+
} | {
|
|
37
|
+
cssVariables?: false | undefined;
|
|
38
|
+
cssVarPrefix?: string | undefined;
|
|
39
|
+
colorSchemes: Partial<Record<SupportedColorScheme, any>>;
|
|
40
|
+
colorSchemeSelector?: 'media' | 'class' | 'data' | string | undefined;
|
|
41
41
|
} | undefined;
|
|
42
|
-
defaultMode?:
|
|
42
|
+
defaultMode?: 'light' | 'dark' | 'system' | undefined;
|
|
43
43
|
documentNode?: Document | null | undefined;
|
|
44
44
|
colorSchemeNode?: Element | null | undefined;
|
|
45
45
|
storageManager?: import("@mui/system").StorageManager | null | undefined;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare const _default: <T extends {
|
|
2
2
|
rootSelector?: string | undefined;
|
|
3
|
-
colorSchemeSelector?:
|
|
3
|
+
colorSchemeSelector?: 'media' | 'class' | 'data' | string | undefined;
|
|
4
4
|
colorSchemes?: Record<string, any> | undefined;
|
|
5
5
|
defaultColorScheme?: string | undefined;
|
|
6
6
|
cssVarPrefix?: string | undefined;
|
|
7
|
-
}>(theme: T) => (colorScheme: keyof T[
|
|
7
|
+
}>(theme: T) => (colorScheme: keyof T['colorSchemes'] | undefined, css: Record<string, any>) => string | {
|
|
8
8
|
[x: string]: Record<string, any>;
|
|
9
9
|
"@media (prefers-color-scheme: dark)": {
|
|
10
10
|
[x: string]: Record<string, any>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare const _default: <T extends {
|
|
2
2
|
rootSelector?: string | undefined;
|
|
3
|
-
colorSchemeSelector?:
|
|
3
|
+
colorSchemeSelector?: 'media' | 'class' | 'data' | string | undefined;
|
|
4
4
|
colorSchemes?: Record<string, any> | undefined;
|
|
5
5
|
defaultColorScheme?: string | undefined;
|
|
6
6
|
cssVarPrefix?: string | undefined;
|
|
7
|
-
}>(theme: T) => (colorScheme: keyof T[
|
|
7
|
+
}>(theme: T) => (colorScheme: keyof T['colorSchemes'] | undefined, css: Record<string, any>) => string | {
|
|
8
8
|
[x: string]: Record<string, any>;
|
|
9
9
|
"@media (prefers-color-scheme: dark)": {
|
|
10
10
|
[x: string]: Record<string, any>;
|
package/styles/identifier.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default
|
|
1
|
+
declare const _default = "$$material";
|
|
2
2
|
export default _default;
|
package/styles/identifier.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default
|
|
1
|
+
declare const _default = "$$material";
|
|
2
2
|
export default _default;
|
package/utils/memoTheme.d.mts
CHANGED
|
@@ -3,5 +3,5 @@ declare const memoTheme: (styleFn: (props: {
|
|
|
3
3
|
theme: Theme;
|
|
4
4
|
}) => import("@mui/styled-engine").CSSInterpolation) => (props: {
|
|
5
5
|
theme: Theme;
|
|
6
|
-
}) => string | number | boolean | import("@mui/styled-engine").
|
|
6
|
+
}) => string | number | boolean | import("@mui/styled-engine").ArrayCSSInterpolation | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").Keyframes | null;
|
|
7
7
|
export default memoTheme;
|
package/utils/memoTheme.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ declare const memoTheme: (styleFn: (props: {
|
|
|
3
3
|
theme: Theme;
|
|
4
4
|
}) => import("@mui/styled-engine").CSSInterpolation) => (props: {
|
|
5
5
|
theme: Theme;
|
|
6
|
-
}) => string | number | boolean | import("@mui/styled-engine").
|
|
6
|
+
}) => string | number | boolean | import("@mui/styled-engine").ArrayCSSInterpolation | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").Keyframes | null;
|
|
7
7
|
export default memoTheme;
|
package/utils/useSlot.d.mts
CHANGED
|
@@ -77,5 +77,5 @@ name: T, parameters: (T extends 'root' ? {
|
|
|
77
77
|
}): [ElementType, {
|
|
78
78
|
className: string;
|
|
79
79
|
ownerState: OwnerState & SlotOwnerState;
|
|
80
|
-
} & AdditionalProps & SlotProps & ExternalSlotProps & ExtractComponentProps<Exclude<Exclude<ExternalForwardedProps[
|
|
80
|
+
} & AdditionalProps & SlotProps & ExternalSlotProps & ExtractComponentProps<Exclude<Exclude<ExternalForwardedProps['slotProps'], undefined>[T], undefined>>];
|
|
81
81
|
export {};
|
package/utils/useSlot.d.ts
CHANGED
|
@@ -77,5 +77,5 @@ name: T, parameters: (T extends 'root' ? {
|
|
|
77
77
|
}): [ElementType, {
|
|
78
78
|
className: string;
|
|
79
79
|
ownerState: OwnerState & SlotOwnerState;
|
|
80
|
-
} & AdditionalProps & SlotProps & ExternalSlotProps & ExtractComponentProps<Exclude<Exclude<ExternalForwardedProps[
|
|
80
|
+
} & AdditionalProps & SlotProps & ExternalSlotProps & ExtractComponentProps<Exclude<Exclude<ExternalForwardedProps['slotProps'], undefined>[T], undefined>>];
|
|
81
81
|
export {};
|
package/version/index.js
CHANGED
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
|
|
7
|
-
const version = exports.version = "9.1.
|
|
7
|
+
const version = exports.version = "9.1.1";
|
|
8
8
|
const major = exports.major = Number("9");
|
|
9
9
|
const minor = exports.minor = Number("1");
|
|
10
|
-
const patch = exports.patch = Number("
|
|
10
|
+
const patch = exports.patch = Number("1");
|
|
11
11
|
const prerelease = exports.prerelease = undefined;
|
|
12
12
|
var _default = exports.default = version;
|
package/version/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export const version = "9.1.
|
|
1
|
+
export const version = "9.1.1";
|
|
2
2
|
export const major = Number("9");
|
|
3
3
|
export const minor = Number("1");
|
|
4
|
-
export const patch = Number("
|
|
4
|
+
export const patch = Number("1");
|
|
5
5
|
export const prerelease = undefined;
|
|
6
6
|
export default version;
|