@mui/system 6.0.0-dev.240424162023-9968b4889d → 6.0.0
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/Box/Box.d.ts +0 -5
- package/Box/Box.js +2 -2
- package/Box/index.js +3 -3
- package/CHANGELOG.md +1367 -22
- package/Container/Container.js +1 -1
- package/Container/createContainer.js +42 -38
- package/Container/index.js +3 -3
- package/DefaultPropsProvider/DefaultPropsProvider.d.ts +12 -0
- package/DefaultPropsProvider/DefaultPropsProvider.js +64 -0
- package/DefaultPropsProvider/index.d.ts +1 -0
- package/DefaultPropsProvider/index.js +1 -0
- package/DefaultPropsProvider/package.json +6 -0
- package/GlobalStyles/GlobalStyles.js +1 -1
- package/GlobalStyles/index.js +2 -2
- package/Grid/Grid.js +101 -0
- package/Grid/GridProps.d.ts +100 -0
- package/{Unstable_Grid → Grid}/createGrid.js +61 -82
- package/{Unstable_Grid → Grid}/gridClasses.js +1 -1
- package/{Unstable_Grid → Grid}/gridGenerator.d.ts +5 -12
- package/{modern/Unstable_Grid → Grid}/gridGenerator.js +21 -27
- package/Grid/index.js +8 -0
- package/{Unstable_Grid → Grid}/package.json +1 -1
- package/{Unstable_Grid → Grid}/traverseBreakpoints.d.ts +1 -1
- package/{Unstable_Grid → Grid}/traverseBreakpoints.js +1 -1
- package/{cssVars/getInitColorSchemeScript.d.ts → InitColorSchemeScript/InitColorSchemeScript.d.ts} +13 -8
- package/InitColorSchemeScript/InitColorSchemeScript.js +77 -0
- package/InitColorSchemeScript/index.d.ts +2 -0
- package/InitColorSchemeScript/index.js +1 -0
- package/InitColorSchemeScript/package.json +6 -0
- package/README.md +2 -2
- package/RtlProvider/index.js +8 -11
- package/Stack/Stack.js +1 -1
- package/Stack/createStack.d.ts +1 -1
- package/Stack/createStack.js +30 -32
- package/Stack/index.js +5 -5
- package/ThemeProvider/ThemeProvider.js +16 -8
- package/ThemeProvider/index.js +1 -1
- package/borders/borders.js +5 -5
- package/borders/index.js +2 -2
- package/breakpoints/breakpoints.d.ts +1 -1
- package/breakpoints/breakpoints.js +10 -9
- package/breakpoints/index.js +2 -2
- package/colorManipulator/colorManipulator.js +12 -12
- package/colorManipulator/index.js +1 -1
- package/compose/compose.js +1 -1
- package/compose/index.js +1 -1
- package/createBox/createBox.js +11 -14
- package/createBox/index.js +1 -1
- package/{createTheme → createBreakpoints}/createBreakpoints.d.ts +4 -4
- package/{modern/createTheme → createBreakpoints}/createBreakpoints.js +24 -25
- package/createBreakpoints/index.d.ts +3 -0
- package/createBreakpoints/index.js +3 -0
- package/createBreakpoints/package.json +6 -0
- package/createStyled/createStyled.js +120 -118
- package/createStyled/index.js +2 -2
- package/createTheme/applyStyles.d.ts +1 -1
- package/createTheme/applyStyles.js +11 -5
- package/createTheme/createSpacing.d.ts +1 -1
- package/createTheme/createSpacing.js +1 -1
- package/createTheme/createTheme.d.ts +6 -2
- package/createTheme/createTheme.js +25 -21
- package/createTheme/index.js +3 -3
- package/cssContainerQueries/cssContainerQueries.d.ts +1 -1
- package/cssContainerQueries/cssContainerQueries.js +11 -9
- package/cssContainerQueries/index.js +2 -2
- package/cssGrid/cssGrid.js +5 -5
- package/cssGrid/index.js +2 -2
- package/cssVars/createCssVarsProvider.d.ts +7 -15
- package/cssVars/createCssVarsProvider.js +86 -106
- package/cssVars/createCssVarsTheme.d.ts +2 -1
- package/cssVars/createCssVarsTheme.js +14 -6
- package/cssVars/cssVarsParser.d.ts +1 -1
- package/cssVars/getColorSchemeSelector.d.ts +1 -0
- package/cssVars/getColorSchemeSelector.js +26 -0
- package/cssVars/index.d.ts +1 -1
- package/cssVars/index.js +5 -5
- package/cssVars/prepareCssVars.d.ts +3 -2
- package/cssVars/prepareCssVars.js +84 -30
- package/cssVars/useCurrentColorScheme.d.ts +2 -2
- package/cssVars/useCurrentColorScheme.js +39 -17
- package/display/display.js +2 -2
- package/display/index.js +2 -2
- package/flexbox/flexbox.js +2 -2
- package/flexbox/index.js +2 -2
- package/getThemeValue/getThemeValue.js +10 -10
- package/getThemeValue/index.js +2 -2
- package/index.d.ts +6 -4
- package/index.js +59 -58
- package/memoize/index.js +1 -1
- package/merge/index.js +1 -1
- package/modern/Box/Box.js +2 -2
- package/modern/Box/index.js +3 -3
- package/modern/Container/Container.js +1 -1
- package/modern/Container/createContainer.js +42 -38
- package/modern/Container/index.js +3 -3
- package/modern/DefaultPropsProvider/DefaultPropsProvider.js +64 -0
- package/modern/DefaultPropsProvider/index.js +1 -0
- package/modern/GlobalStyles/GlobalStyles.js +1 -1
- package/modern/GlobalStyles/index.js +2 -2
- package/modern/Grid/Grid.js +101 -0
- package/modern/{Unstable_Grid → Grid}/createGrid.js +61 -82
- package/modern/{Unstable_Grid → Grid}/gridClasses.js +1 -1
- package/{Unstable_Grid → modern/Grid}/gridGenerator.js +21 -27
- package/modern/Grid/index.js +8 -0
- package/modern/{Unstable_Grid → Grid}/traverseBreakpoints.js +1 -1
- package/modern/InitColorSchemeScript/InitColorSchemeScript.js +77 -0
- package/modern/InitColorSchemeScript/index.js +1 -0
- package/modern/RtlProvider/index.js +8 -11
- package/modern/Stack/Stack.js +1 -1
- package/modern/Stack/createStack.js +30 -32
- package/modern/Stack/index.js +5 -5
- package/modern/ThemeProvider/ThemeProvider.js +16 -8
- package/modern/ThemeProvider/index.js +1 -1
- package/modern/borders/borders.js +5 -5
- package/modern/borders/index.js +2 -2
- package/modern/breakpoints/breakpoints.js +10 -9
- package/modern/breakpoints/index.js +2 -2
- package/modern/colorManipulator/colorManipulator.js +12 -12
- package/modern/colorManipulator/index.js +1 -1
- package/modern/compose/compose.js +1 -1
- package/modern/compose/index.js +1 -1
- package/modern/createBox/createBox.js +11 -14
- package/modern/createBox/index.js +1 -1
- package/{createTheme → modern/createBreakpoints}/createBreakpoints.js +24 -25
- package/modern/createBreakpoints/index.js +3 -0
- package/modern/createStyled/createStyled.js +120 -118
- package/modern/createStyled/index.js +2 -2
- package/modern/createTheme/applyStyles.js +11 -5
- package/modern/createTheme/createSpacing.js +1 -1
- package/modern/createTheme/createTheme.js +25 -21
- package/modern/createTheme/index.js +3 -3
- package/modern/cssContainerQueries/cssContainerQueries.js +11 -9
- package/modern/cssContainerQueries/index.js +2 -2
- package/modern/cssGrid/cssGrid.js +5 -5
- package/modern/cssGrid/index.js +2 -2
- package/modern/cssVars/createCssVarsProvider.js +86 -106
- package/modern/cssVars/createCssVarsTheme.js +14 -6
- package/modern/cssVars/getColorSchemeSelector.js +26 -0
- package/modern/cssVars/index.js +5 -5
- package/modern/cssVars/prepareCssVars.js +84 -30
- package/modern/cssVars/useCurrentColorScheme.js +39 -17
- package/modern/display/display.js +2 -2
- package/modern/display/index.js +2 -2
- package/modern/flexbox/flexbox.js +2 -2
- package/modern/flexbox/index.js +2 -2
- package/modern/getThemeValue/getThemeValue.js +10 -10
- package/modern/getThemeValue/index.js +2 -2
- package/modern/index.js +59 -58
- package/modern/memoize/index.js +1 -1
- package/modern/merge/index.js +1 -1
- package/modern/palette/index.js +2 -2
- package/modern/palette/palette.js +2 -2
- package/modern/positions/index.js +2 -2
- package/modern/positions/positions.js +2 -2
- package/modern/propsToClassKey/index.js +1 -1
- package/modern/propsToClassKey/propsToClassKey.js +3 -5
- package/modern/responsivePropType/index.js +1 -1
- package/modern/shadows/index.js +1 -1
- package/modern/shadows/shadows.js +1 -1
- package/modern/sizing/index.js +2 -2
- package/modern/sizing/sizing.js +3 -3
- package/modern/spacing/index.js +2 -2
- package/modern/spacing/spacing.js +6 -6
- package/modern/style/index.js +2 -2
- package/modern/style/style.js +2 -2
- package/modern/styleFunctionSx/defaultSxConfig.js +5 -5
- package/modern/styleFunctionSx/extendSxProp.js +15 -11
- package/modern/styleFunctionSx/index.js +4 -4
- package/modern/styleFunctionSx/styleFunctionSx.js +5 -5
- package/modern/styled/index.js +1 -1
- package/modern/styled/styled.js +1 -1
- package/modern/typography/index.js +2 -2
- package/modern/typography/typography.js +2 -2
- package/modern/useMediaQuery/index.js +2 -2
- package/modern/useMediaQuery/useMediaQuery.js +7 -29
- package/modern/useTheme/index.js +2 -2
- package/modern/useTheme/useTheme.js +2 -2
- package/modern/useThemeProps/index.js +2 -2
- package/modern/useThemeProps/useThemeProps.js +3 -4
- package/modern/useThemeWithoutDefault/index.js +1 -1
- package/modern/version/index.js +7 -0
- package/node/Container/createContainer.js +39 -35
- package/node/DefaultPropsProvider/DefaultPropsProvider.js +73 -0
- package/node/DefaultPropsProvider/index.js +20 -0
- package/node/Grid/Grid.js +107 -0
- package/node/{Unstable_Grid → Grid}/createGrid.js +59 -82
- package/node/{Unstable_Grid → Grid}/gridClasses.js +1 -1
- package/node/{Unstable_Grid → Grid}/gridGenerator.js +22 -31
- package/node/{Unstable_Grid → Grid}/traverseBreakpoints.js +1 -1
- package/node/{cssVars/getInitColorSchemeScript.js → InitColorSchemeScript/InitColorSchemeScript.js} +45 -11
- package/node/InitColorSchemeScript/index.js +13 -0
- package/node/RtlProvider/index.js +9 -12
- package/node/Stack/createStack.js +24 -26
- package/node/ThemeProvider/ThemeProvider.js +14 -6
- package/node/breakpoints/breakpoints.js +9 -9
- package/node/colorManipulator/colorManipulator.js +12 -12
- package/node/createBox/createBox.js +9 -12
- package/node/{createTheme → createBreakpoints}/createBreakpoints.js +24 -26
- package/node/createBreakpoints/index.js +13 -0
- package/node/createStyled/createStyled.js +121 -119
- package/node/createTheme/applyStyles.js +11 -5
- package/node/createTheme/createTheme.js +19 -15
- package/node/createTheme/index.js +1 -1
- package/node/cssContainerQueries/cssContainerQueries.js +12 -11
- package/node/cssVars/createCssVarsProvider.js +88 -109
- package/node/cssVars/createCssVarsTheme.js +13 -5
- package/node/cssVars/getColorSchemeSelector.js +32 -0
- package/node/cssVars/index.js +6 -6
- package/node/cssVars/prepareCssVars.js +83 -29
- package/node/cssVars/useCurrentColorScheme.js +43 -22
- package/node/index.js +27 -15
- package/node/propsToClassKey/propsToClassKey.js +3 -5
- package/node/sizing/sizing.js +2 -3
- package/node/spacing/spacing.js +2 -3
- package/node/styleFunctionSx/extendSxProp.js +15 -12
- package/node/styleFunctionSx/styleFunctionSx.js +1 -2
- package/node/useMediaQuery/useMediaQuery.js +5 -26
- package/node/useThemeProps/useThemeProps.js +1 -2
- package/node/version/index.js +13 -0
- package/package.json +10 -10
- package/palette/index.js +2 -2
- package/palette/palette.js +2 -2
- package/positions/index.js +2 -2
- package/positions/positions.js +2 -2
- package/propsToClassKey/index.js +1 -1
- package/propsToClassKey/propsToClassKey.js +3 -5
- package/responsivePropType/index.js +1 -1
- package/shadows/index.js +1 -1
- package/shadows/shadows.js +1 -1
- package/sizing/index.js +2 -2
- package/sizing/sizing.js +3 -3
- package/spacing/index.js +2 -2
- package/spacing/spacing.js +6 -6
- package/style/index.js +2 -2
- package/style/style.js +2 -2
- package/styleFunctionSx/defaultSxConfig.js +5 -5
- package/styleFunctionSx/extendSxProp.js +15 -11
- package/styleFunctionSx/index.js +4 -4
- package/styleFunctionSx/styleFunctionSx.js +5 -5
- package/styled/index.js +1 -1
- package/styled/styled.js +1 -1
- package/typography/index.js +2 -2
- package/typography/typography.js +2 -2
- package/useMediaQuery/index.js +2 -2
- package/useMediaQuery/useMediaQuery.d.ts +0 -18
- package/useMediaQuery/useMediaQuery.js +7 -29
- package/useTheme/index.js +2 -2
- package/useTheme/useTheme.js +2 -2
- package/useThemeProps/index.js +2 -2
- package/useThemeProps/useThemeProps.js +3 -4
- package/useThemeWithoutDefault/index.js +1 -1
- package/version/index.d.ts +7 -0
- package/version/index.js +7 -0
- package/version/package.json +6 -0
- package/Unstable_Grid/Grid.js +0 -177
- package/Unstable_Grid/GridProps.d.ts +0 -185
- package/Unstable_Grid/index.js +0 -8
- package/cssVars/getInitColorSchemeScript.js +0 -44
- package/modern/Unstable_Grid/Grid.js +0 -177
- package/modern/Unstable_Grid/index.js +0 -8
- package/modern/cssVars/getInitColorSchemeScript.js +0 -44
- package/node/Unstable_Grid/Grid.js +0 -183
- /package/{Unstable_Grid → Grid}/Grid.d.ts +0 -0
- /package/{Unstable_Grid → Grid}/GridProps.js +0 -0
- /package/{Unstable_Grid → Grid}/createGrid.d.ts +0 -0
- /package/{Unstable_Grid → Grid}/gridClasses.d.ts +0 -0
- /package/{Unstable_Grid → Grid}/index.d.ts +0 -0
- /package/modern/{Unstable_Grid → Grid}/GridProps.js +0 -0
- /package/node/{Unstable_Grid → Grid}/GridProps.js +0 -0
- /package/node/{Unstable_Grid → Grid}/index.js +0 -0
package/Box/Box.d.ts
CHANGED
|
@@ -183,11 +183,6 @@ export type SystemProps<Theme extends object = {}> = {
|
|
|
183
183
|
|
|
184
184
|
export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemProps<Theme> {
|
|
185
185
|
children?: React.ReactNode;
|
|
186
|
-
/**
|
|
187
|
-
* The component used for the root node.
|
|
188
|
-
* Either a string to use a HTML element or a component.
|
|
189
|
-
*/
|
|
190
|
-
component?: React.ElementType;
|
|
191
186
|
ref?: React.Ref<unknown>;
|
|
192
187
|
/**
|
|
193
188
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
package/Box/Box.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import ClassNameGenerator from '@mui/utils/ClassNameGenerator';
|
|
5
|
-
import createBox from
|
|
6
|
-
import boxClasses from
|
|
5
|
+
import createBox from "../createBox/index.js";
|
|
6
|
+
import boxClasses from "./boxClasses.js";
|
|
7
7
|
const Box = createBox({
|
|
8
8
|
defaultClassName: boxClasses.root,
|
|
9
9
|
generateClassName: ClassNameGenerator.generate
|
package/Box/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
export { default } from
|
|
4
|
-
export { default as boxClasses } from
|
|
5
|
-
export * from
|
|
3
|
+
export { default } from "./Box.js";
|
|
4
|
+
export { default as boxClasses } from "./boxClasses.js";
|
|
5
|
+
export * from "./boxClasses.js";
|