@mui/system 5.10.13 → 5.10.15
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.js +1 -10
- package/Box/index.js +0 -2
- package/CHANGELOG.md +132 -2
- package/Container/Container.js +2 -17
- package/Container/containerClasses.js +0 -3
- package/Container/createContainer.js +15 -37
- package/Container/index.js +0 -6
- package/Stack/Stack.js +1 -12
- package/Stack/createStack.js +10 -48
- package/Stack/index.js +0 -9
- package/Stack/stackClasses.js +0 -3
- package/ThemeProvider/ThemeProvider.js +2 -22
- package/ThemeProvider/index.js +0 -2
- package/Unstable_Grid/Grid.js +6 -42
- package/Unstable_Grid/createGrid.js +19 -49
- package/Unstable_Grid/gridClasses.js +8 -7
- package/Unstable_Grid/gridGenerator.d.ts +4 -3
- package/Unstable_Grid/gridGenerator.js +22 -63
- package/Unstable_Grid/index.js +0 -9
- package/borders.js +0 -14
- package/breakpoints.js +3 -32
- package/colorManipulator.js +13 -55
- package/compose.js +0 -7
- package/createBox.js +5 -20
- package/createStyled.js +27 -71
- package/createTheme/createBreakpoints.js +22 -37
- package/createTheme/createSpacing.js +4 -8
- package/createTheme/createTheme.js +6 -16
- package/createTheme/index.js +0 -2
- package/cssGrid.js +0 -21
- package/cssVars/createCssVarsProvider.js +33 -74
- package/cssVars/createGetCssVar.js +2 -7
- package/cssVars/cssVarsParser.js +3 -15
- package/cssVars/getInitColorSchemeScript.js +0 -6
- package/cssVars/index.js +0 -3
- package/cssVars/useCurrentColorScheme.js +20 -49
- package/display.js +0 -6
- package/esm/Box/Box.js +1 -6
- package/esm/Container/Container.js +3 -14
- package/esm/Container/createContainer.js +15 -25
- package/esm/Stack/Stack.js +1 -9
- package/esm/Stack/createStack.js +10 -29
- package/esm/ThemeProvider/ThemeProvider.js +2 -11
- package/esm/Unstable_Grid/Grid.js +6 -39
- package/esm/Unstable_Grid/createGrid.js +18 -35
- package/esm/Unstable_Grid/gridClasses.js +8 -4
- package/esm/Unstable_Grid/gridGenerator.js +20 -38
- package/esm/borders.js +0 -6
- package/esm/breakpoints.js +7 -22
- package/esm/colorManipulator.js +13 -43
- package/esm/compose.js +0 -5
- package/esm/createBox.js +5 -7
- package/esm/createStyled.js +27 -64
- package/esm/createTheme/createBreakpoints.js +22 -34
- package/esm/createTheme/createSpacing.js +4 -7
- package/esm/createTheme/createTheme.js +6 -9
- package/esm/cssGrid.js +0 -9
- package/esm/cssVars/createCssVarsProvider.js +33 -60
- package/esm/cssVars/createGetCssVar.js +2 -6
- package/esm/cssVars/cssVarsParser.js +3 -11
- package/esm/cssVars/useCurrentColorScheme.js +20 -44
- package/esm/getThemeValue.js +0 -2
- package/esm/index.js +3 -3
- package/esm/memoize.js +0 -1
- package/esm/merge.js +0 -3
- package/esm/palette.js +0 -3
- package/esm/propsToClassKey.js +4 -7
- package/esm/sizing.js +0 -5
- package/esm/spacing.js +3 -23
- package/esm/style.js +5 -22
- package/esm/styleFunctionSx/extendSxProp.js +3 -10
- package/esm/styleFunctionSx/styleFunctionSx.js +3 -16
- package/esm/sx/sx.js +0 -2
- package/esm/useTheme.js +0 -2
- package/esm/useThemeProps/getThemeProps.js +0 -2
- package/esm/useThemeWithoutDefault.js +0 -3
- package/flexbox.js +0 -4
- package/getThemeValue.js +0 -14
- package/index.d.ts +2 -0
- package/index.js +16 -55
- package/legacy/Box/Box.js +1 -6
- package/legacy/Container/Container.js +3 -14
- package/legacy/Container/createContainer.js +29 -39
- package/legacy/Stack/Stack.js +1 -9
- package/legacy/Stack/createStack.js +17 -37
- package/legacy/ThemeProvider/ThemeProvider.js +3 -12
- package/legacy/Unstable_Grid/Grid.js +6 -39
- package/legacy/Unstable_Grid/createGrid.js +34 -53
- package/legacy/Unstable_Grid/gridGenerator.js +36 -58
- package/legacy/borders.js +0 -6
- package/legacy/breakpoints.js +9 -28
- package/legacy/colorManipulator.js +16 -48
- package/legacy/compose.js +0 -6
- package/legacy/createBox.js +9 -11
- package/legacy/createStyled.js +27 -68
- package/legacy/createTheme/createBreakpoints.js +20 -33
- package/legacy/createTheme/createSpacing.js +4 -9
- package/legacy/createTheme/createTheme.js +7 -13
- package/legacy/cssGrid.js +0 -9
- package/legacy/cssVars/createCssVarsProvider.js +98 -130
- package/legacy/cssVars/createGetCssVar.js +2 -10
- package/legacy/cssVars/cssVarsParser.js +7 -20
- package/legacy/cssVars/getInitColorSchemeScript.js +14 -15
- package/legacy/cssVars/useCurrentColorScheme.js +43 -69
- package/legacy/getThemeValue.js +0 -3
- package/legacy/index.js +4 -4
- package/legacy/memoize.js +0 -1
- package/legacy/merge.js +0 -3
- package/legacy/palette.js +0 -3
- package/legacy/propsToClassKey.js +2 -5
- package/legacy/sizing.js +0 -5
- package/legacy/spacing.js +6 -27
- package/legacy/style.js +9 -27
- package/legacy/styleFunctionSx/extendSxProp.js +3 -11
- package/legacy/styleFunctionSx/styleFunctionSx.js +6 -21
- package/legacy/sx/sx.js +0 -2
- package/legacy/useTheme.js +0 -2
- package/legacy/useThemeProps/getThemeProps.js +2 -4
- package/legacy/useThemeProps/useThemeProps.js +2 -2
- package/legacy/useThemeWithoutDefault.js +0 -3
- package/memoize.js +0 -2
- package/merge.js +0 -5
- package/modern/Box/Box.js +1 -6
- package/modern/Container/Container.js +3 -14
- package/modern/Container/createContainer.js +15 -25
- package/modern/Stack/Stack.js +1 -9
- package/modern/Stack/createStack.js +10 -29
- package/modern/ThemeProvider/ThemeProvider.js +2 -11
- package/modern/Unstable_Grid/Grid.js +6 -39
- package/modern/Unstable_Grid/createGrid.js +18 -34
- package/modern/Unstable_Grid/gridClasses.js +8 -4
- package/modern/Unstable_Grid/gridGenerator.js +20 -36
- package/modern/borders.js +0 -6
- package/modern/breakpoints.js +7 -21
- package/modern/colorManipulator.js +13 -43
- package/modern/compose.js +0 -5
- package/modern/createBox.js +5 -7
- package/modern/createStyled.js +27 -63
- package/modern/createTheme/createBreakpoints.js +22 -34
- package/modern/createTheme/createSpacing.js +4 -7
- package/modern/createTheme/createTheme.js +6 -9
- package/modern/cssGrid.js +0 -9
- package/modern/cssVars/createCssVarsProvider.js +33 -60
- package/modern/cssVars/createGetCssVar.js +2 -6
- package/modern/cssVars/cssVarsParser.js +3 -11
- package/modern/cssVars/useCurrentColorScheme.js +20 -44
- package/modern/getThemeValue.js +0 -2
- package/modern/index.js +4 -4
- package/modern/memoize.js +0 -1
- package/modern/merge.js +0 -3
- package/modern/palette.js +0 -3
- package/modern/propsToClassKey.js +4 -7
- package/modern/sizing.js +0 -4
- package/modern/spacing.js +3 -22
- package/modern/style.js +5 -22
- package/modern/styleFunctionSx/extendSxProp.js +3 -10
- package/modern/styleFunctionSx/styleFunctionSx.js +3 -16
- package/modern/sx/sx.js +0 -2
- package/modern/useTheme.js +0 -2
- package/modern/useThemeProps/getThemeProps.js +0 -2
- package/modern/useThemeWithoutDefault.js +0 -3
- package/package.json +6 -6
- package/palette.js +0 -6
- package/positions.js +0 -6
- package/propsToClassKey.js +4 -10
- package/responsivePropType.d.ts +3 -0
- package/responsivePropType.js +0 -3
- package/shadows.js +0 -3
- package/sizing.js +0 -11
- package/spacing.d.ts +14 -0
- package/spacing.js +3 -37
- package/style.d.ts +6 -0
- package/style.js +6 -27
- package/styleFunctionSx/extendSxProp.js +3 -15
- package/styleFunctionSx/index.js +0 -5
- package/styleFunctionSx/styleFunctionSx.js +3 -21
- package/styled.js +0 -3
- package/sx/index.js +0 -2
- package/sx/sx.js +0 -4
- package/typography.js +0 -4
- package/useTheme.js +0 -6
- package/useThemeProps/getThemeProps.js +0 -4
- package/useThemeProps/index.js +0 -3
- package/useThemeProps/useThemeProps.js +0 -4
- package/useThemeWithoutDefault.js +0 -4
package/Box/Box.js
CHANGED
|
@@ -1,36 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _createBox = _interopRequireDefault(require("../createBox"));
|
|
13
|
-
|
|
14
10
|
const Box = (0, _createBox.default)();
|
|
15
|
-
process.env.NODE_ENV !== "production" ? Box.propTypes
|
|
16
|
-
/* remove-proptypes */
|
|
17
|
-
= {
|
|
11
|
+
process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
|
|
18
12
|
// ----------------------------- Warning --------------------------------
|
|
19
13
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
20
14
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
21
15
|
// ----------------------------------------------------------------------
|
|
22
|
-
|
|
23
16
|
/**
|
|
24
17
|
* @ignore
|
|
25
18
|
*/
|
|
26
19
|
children: _propTypes.default.node,
|
|
27
|
-
|
|
28
20
|
/**
|
|
29
21
|
* The component used for the root node.
|
|
30
22
|
* Either a string to use a HTML element or a component.
|
|
31
23
|
*/
|
|
32
24
|
component: _propTypes.default.elementType,
|
|
33
|
-
|
|
34
25
|
/**
|
|
35
26
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
36
27
|
*/
|
package/Box/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _Box.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _Box = _interopRequireDefault(require("./Box"));
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,135 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.10.15
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.10.14..master -->
|
|
6
|
+
|
|
7
|
+
_Nov 21, 2022_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- 🚀 @mnajdova added the button as the first component that implements [Material You](https://m3.material.io/) design (MD3)
|
|
12
|
+
- 🌐 @MBilalShafi added Urdu (Pakistan) localization
|
|
13
|
+
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
|
|
14
|
+
|
|
15
|
+
### `@mui/material@5.10.15`
|
|
16
|
+
|
|
17
|
+
- [Autocomplete] Fix keyboard navigation when using custom popover (#35160) @sai6855
|
|
18
|
+
- [typescript] Add `background.defaultChannel` to `CssVarsPalette` (#35174) @alexfauquette
|
|
19
|
+
- [l10n] Add Urdu (ur-PK) locale (#35154) @MBilalShafi
|
|
20
|
+
|
|
21
|
+
### `@mui/icons-material@5.10.15`
|
|
22
|
+
|
|
23
|
+
- [icons] Update the Material Design icons (#35194) @michaldudak
|
|
24
|
+
|
|
25
|
+
### `@mui/material-next@6.0.0-alpha.63`
|
|
26
|
+
|
|
27
|
+
- [Material You] Add theme structure & Button component (#34650) @mnajdova
|
|
28
|
+
|
|
29
|
+
### `@mui/base@5.0.0-alpha.106`
|
|
30
|
+
|
|
31
|
+
- [Select] Add attributes to conform with ARIA 1.2 (#35182) @michaldudak
|
|
32
|
+
|
|
33
|
+
### Docs
|
|
34
|
+
|
|
35
|
+
- [docs] Fix a couple documentation errors (#35217) @danilo-leal
|
|
36
|
+
- [docs] Change MUI -> Material UI in icons-material's readme (#35220) @michaldudak
|
|
37
|
+
- [docs] the pages have no <link rel=canonical so we need to tell Google to not index the staging envs @oliviertassinari
|
|
38
|
+
- [docs] Fix confusion in TOCs when reaching scroll bottom (#35214) @oliviertassinari
|
|
39
|
+
- [docs] Fix typos in section titles (#35025) @iamxukai
|
|
40
|
+
- [docs] Fix typo in legacy date picker migration guide @oliviertassinari
|
|
41
|
+
- [docs] Iterating on recent Joy UI Component page updates (#35162) @samuelsycamore
|
|
42
|
+
- [docs] Inform that pickers are in X repository (#35189) @alexfauquette
|
|
43
|
+
- [docs] Explain how the `error` prop works in the Unstyled Input (#35171) @michaldudak
|
|
44
|
+
- [docs] Hotfix missing styles in dark mode (#35179) @siriwatknp
|
|
45
|
+
- [docs] Add Joy UI theme typography page (#34811) @siriwatknp
|
|
46
|
+
- [docs] Fix undo/redo in live editor (#35163) @oliviertassinari
|
|
47
|
+
- [docs] Revise the Joy UI "Avatar" component page (#35152) @samuelsycamore
|
|
48
|
+
- [docs] Make navbar backdrop filter consistent with website (#35157) @danilo-leal
|
|
49
|
+
- [docs] Host CodeSandbox on MUI org (#35110) @oliviertassinari
|
|
50
|
+
- [docs] Uplift introduction demos & make consistent with Base (#34316) @danilo-leal
|
|
51
|
+
- [website] Add Security questionnaire in pricing (#35172) @oliviertassinari
|
|
52
|
+
- [website] Fix theme mode toggle state (#35216) @siriwatknp
|
|
53
|
+
- [website] Exclude experiment pages in production (#35180) @siriwatknp
|
|
54
|
+
- [website] Disable SEO for performance pages (#35173) @oliviertassinari
|
|
55
|
+
|
|
56
|
+
### Core
|
|
57
|
+
|
|
58
|
+
- [core] Convert icons scripts to ESM (#35101) @Janpot
|
|
59
|
+
- [core] Group renovate GitHub Action dependency updates @oliviertassinari
|
|
60
|
+
- [core] Upgrade eslint-config-airbnb-typescript (#34642) @Janpot
|
|
61
|
+
- [core] Ensure that prettier CI step fails when code is badly formatted (#35170) @michaldudak
|
|
62
|
+
|
|
63
|
+
All contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @iamxukai, @Janpot, @MBilalShafi, @michaldudak, @oliviertassinari, @samuelsycamore, @siriwatknp
|
|
64
|
+
|
|
65
|
+
## v5.10.14
|
|
66
|
+
|
|
67
|
+
<!-- generated comparing v5.10.13..master -->
|
|
68
|
+
|
|
69
|
+
_Nov 14, 2022_
|
|
70
|
+
|
|
71
|
+
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
|
|
72
|
+
|
|
73
|
+
- 🚀 @siriwatknp added the Autocomplete component to the Joy UI (#34315)
|
|
74
|
+
- ♿ @sfavello improved the accessibility of the Material UI's Autocomplete by adding support for the Delete key (#33822)
|
|
75
|
+
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
|
|
76
|
+
|
|
77
|
+
### `@mui/material@5.10.14`
|
|
78
|
+
|
|
79
|
+
- [Material UI] Add `palette.background.defaultChannel` token (#35061) @siriwatknp
|
|
80
|
+
- [Autocomplete] Remove tags with the Delete key (#33822) @sfavello
|
|
81
|
+
- [IconButton] custom color causes type error (#34521) @kushagra010
|
|
82
|
+
|
|
83
|
+
### `@mui/system@5.10.14`
|
|
84
|
+
|
|
85
|
+
- [Unstable_Gridv2] sorted responsize keys based on breakpoint value (#34987) @sai6855
|
|
86
|
+
|
|
87
|
+
### `@mui/joy@5.0.0-alpha.54`
|
|
88
|
+
|
|
89
|
+
- [Joy] Export `FormControl`, `LinearProgress` and `ListSubheader` components from `@mui/joy` (#35003) @Studio384
|
|
90
|
+
- [Joy] Miscellaneous fixes (#35044) @siriwatknp
|
|
91
|
+
- [Joy] Add `Autocomplete` component (#34315) @siriwatknp
|
|
92
|
+
- [Joy] Saturate a bit the gray palette (#35148) @danilo-leal
|
|
93
|
+
- [Autocomplete][joy] Fix types (#35153) @siriwatknp
|
|
94
|
+
|
|
95
|
+
### Docs
|
|
96
|
+
|
|
97
|
+
- [blog] Fix font size of code blocks on iOS @oliviertassinari
|
|
98
|
+
- [docs] Accessibility - increase default contrastThreshold for WCAG AA compliance (#34901) @kennethbigler
|
|
99
|
+
- [docs] Correct the keepMounted section on the Drawer page (#35076) @michaldudak
|
|
100
|
+
- [docs] Fix code editor styles mismatches (#35108) @oliviertassinari
|
|
101
|
+
- [docs] Allows to access the next MUI-X (#34798) @alexfauquette
|
|
102
|
+
- [docs] Fix bugs with live edit demos (#35106) @oliviertassinari
|
|
103
|
+
- [docs] Fix `MarkdownElement` regression from adding CSS variables (#35096) @siriwatknp
|
|
104
|
+
- [docs] Add a new gold sponsor (#35089) @hbjORbj
|
|
105
|
+
- [docs] Fix scroll issue on expanded live demos (#35064) @bharatkashyap
|
|
106
|
+
- [docs] Improve alignment of the sponsors @oliviertassinari
|
|
107
|
+
- [docs] Improve code font family v2 (#35053) @oliviertassinari
|
|
108
|
+
- [docs] Upgrade to Next.js 13 (#35001) @mnajdova
|
|
109
|
+
- [docs] Fix typo in changelog @oliviertassinari
|
|
110
|
+
- [docs] Update Joy UI templates to use latest components (#35058) @siriwatknp
|
|
111
|
+
- [website] Fix design kits showcase throwing an error (#35093) @cherniavskii
|
|
112
|
+
- [website] Fix margin bug on CTA @oliviertassinari
|
|
113
|
+
- [website] Link respective repositories in product pages (#35046) @sidtohan
|
|
114
|
+
- [website] Migrate blog pages to use CSS theme variables (#34976) @siriwatknp
|
|
115
|
+
- [website] Update DoiT International logo and links with new brand (#35030) @ofir5300
|
|
116
|
+
- [website] Improve visual design app bar (#35111) @oliviertassinari
|
|
117
|
+
|
|
118
|
+
### Core
|
|
119
|
+
|
|
120
|
+
- [core] Convert scripts to ES modules (#35036) @michaldudak
|
|
121
|
+
- [core] Show the whole version to make blame easier @oliviertassinari
|
|
122
|
+
- [core] Polish GitHub Action version @oliviertassinari
|
|
123
|
+
- [core] Ignore icons to speed up CodeQL @oliviertassinari
|
|
124
|
+
- [core] Feedback on branch protection @oliviertassinari
|
|
125
|
+
- [core] Revert CI (#35098) @siriwatknp
|
|
126
|
+
- [core] Fix job name to match the CI (#35097) @siriwatknp
|
|
127
|
+
- [core] ESLint fixes for tests (#34924) @Janpot
|
|
128
|
+
- [core] Ignore unrelated folders from github actions (#35028) @siriwatknp
|
|
129
|
+
- [core] Use pretty-quick instead of custom script (#34062) @Janpot
|
|
130
|
+
|
|
131
|
+
All contributors of this release in alphabetical order: @alexfauquette, @bharatkashyap, @cherniavskii, @danilo-leal, @hbjORbj, @Janpot, @kennethbigler, @kushagra010, @michaldudak, @mnajdova, @ofir5300, @oliviertassinari, @sai6855, @sfavello, @sidtohan, @siriwatknp, @Studio384
|
|
132
|
+
|
|
3
133
|
## v5.10.13
|
|
4
134
|
|
|
5
135
|
<!-- generated comparing v5.10.12..master -->
|
|
@@ -9,7 +139,7 @@ _Nov 7, 2022_
|
|
|
9
139
|
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
|
|
10
140
|
|
|
11
141
|
- 🚀 The slots API has been introduced to the Material UI package by @michaldudak (#34873).
|
|
12
|
-
- 🔥 Live
|
|
142
|
+
- 🔥 Live editing of demos is stabilized by @oliviertassinari (#34870).
|
|
13
143
|
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
|
|
14
144
|
|
|
15
145
|
### `@mui/material@5.10.13`
|
|
@@ -8875,7 +9005,7 @@ _Sep 6, 2020_
|
|
|
8875
9005
|
A big thanks to the 14 contributors who made this release possible.
|
|
8876
9006
|
Here are some highlights ✨:
|
|
8877
9007
|
|
|
8878
|
-
- 💎 A new diamond sponsor: [DoiT](https://www.doit
|
|
9008
|
+
- 💎 A new diamond sponsor: [DoiT](https://www.doit.com/), thank you!
|
|
8879
9009
|
- 📚 Include the default value of the props in IntelliSense (#22447) @eps1lon
|
|
8880
9010
|
- ⚛️ More source migrated to TypeScript and testing-library (#22441) @baterson
|
|
8881
9011
|
- And many more 🐛 bug fixes and 📚 improvements.
|
package/Container/Container.js
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _createContainer = _interopRequireDefault(require("./createContainer"));
|
|
13
|
-
|
|
14
10
|
/**
|
|
15
11
|
*
|
|
16
12
|
* Demos:
|
|
@@ -23,36 +19,29 @@ var _createContainer = _interopRequireDefault(require("./createContainer"));
|
|
|
23
19
|
* - [Container API](https://mui.com/system/api/container/)
|
|
24
20
|
*/
|
|
25
21
|
const Container = (0, _createContainer.default)();
|
|
26
|
-
process.env.NODE_ENV !== "production" ? Container.propTypes
|
|
27
|
-
/* remove-proptypes */
|
|
28
|
-
= {
|
|
22
|
+
process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
|
|
29
23
|
// ----------------------------- Warning --------------------------------
|
|
30
24
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
31
25
|
// | To update them edit TypeScript types and run "yarn proptypes" |
|
|
32
26
|
// ----------------------------------------------------------------------
|
|
33
|
-
|
|
34
27
|
/**
|
|
35
28
|
* @ignore
|
|
36
29
|
*/
|
|
37
30
|
children: _propTypes.default.node,
|
|
38
|
-
|
|
39
31
|
/**
|
|
40
32
|
* Override or extend the styles applied to the component.
|
|
41
33
|
*/
|
|
42
34
|
classes: _propTypes.default.object,
|
|
43
|
-
|
|
44
35
|
/**
|
|
45
36
|
* The component used for the root node.
|
|
46
37
|
* Either a string to use a HTML element or a component.
|
|
47
38
|
*/
|
|
48
39
|
component: _propTypes.default.elementType,
|
|
49
|
-
|
|
50
40
|
/**
|
|
51
41
|
* If `true`, the left and right padding is removed.
|
|
52
42
|
* @default false
|
|
53
43
|
*/
|
|
54
44
|
disableGutters: _propTypes.default.bool,
|
|
55
|
-
|
|
56
45
|
/**
|
|
57
46
|
* Set the max-width to match the min-width of the current breakpoint.
|
|
58
47
|
* This is useful if you'd prefer to design for a fixed set of sizes
|
|
@@ -61,17 +50,13 @@ process.env.NODE_ENV !== "production" ? Container.propTypes
|
|
|
61
50
|
* @default false
|
|
62
51
|
*/
|
|
63
52
|
fixed: _propTypes.default.bool,
|
|
64
|
-
|
|
65
53
|
/**
|
|
66
54
|
* Determine the max-width of the container.
|
|
67
55
|
* The container width grows with the size of the screen.
|
|
68
56
|
* Set to `false` to disable `maxWidth`.
|
|
69
57
|
* @default 'lg'
|
|
70
58
|
*/
|
|
71
|
-
maxWidth: _propTypes.default
|
|
72
|
-
/* @typescript-to-proptypes-ignore */
|
|
73
|
-
.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
|
|
74
|
-
|
|
59
|
+
maxWidth: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
|
|
75
60
|
/**
|
|
76
61
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
77
62
|
*/
|
|
@@ -5,13 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
exports.getContainerUtilityClass = getContainerUtilityClass;
|
|
8
|
-
|
|
9
8
|
var _utils = require("@mui/utils");
|
|
10
|
-
|
|
11
9
|
function getContainerUtilityClass(slot) {
|
|
12
10
|
return (0, _utils.unstable_generateUtilityClass)('MuiContainer', slot);
|
|
13
11
|
}
|
|
14
|
-
|
|
15
12
|
const containerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
|
|
16
13
|
var _default = containerClasses;
|
|
17
14
|
exports.default = _default;
|
|
@@ -1,38 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = createContainer;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var React = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
|
|
18
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
19
|
-
|
|
20
13
|
var _utils = require("@mui/utils");
|
|
21
|
-
|
|
22
14
|
var _useThemeProps = _interopRequireDefault(require("../useThemeProps"));
|
|
23
|
-
|
|
24
15
|
var _styled = _interopRequireDefault(require("../styled"));
|
|
25
|
-
|
|
26
16
|
var _createTheme = _interopRequireDefault(require("../createTheme"));
|
|
27
|
-
|
|
28
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
29
|
-
|
|
30
18
|
const _excluded = ["className", "component", "disableGutters", "fixed", "maxWidth", "classes"];
|
|
31
|
-
|
|
32
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
-
|
|
34
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
-
|
|
36
21
|
const defaultTheme = (0, _createTheme.default)();
|
|
37
22
|
const defaultCreateStyledComponent = (0, _styled.default)('div', {
|
|
38
23
|
name: 'MuiContainer',
|
|
@@ -44,18 +29,15 @@ const defaultCreateStyledComponent = (0, _styled.default)('div', {
|
|
|
44
29
|
return [styles.root, styles[`maxWidth${(0, _utils.unstable_capitalize)(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];
|
|
45
30
|
}
|
|
46
31
|
});
|
|
47
|
-
|
|
48
32
|
const useThemePropsDefault = inProps => (0, _useThemeProps.default)({
|
|
49
33
|
props: inProps,
|
|
50
34
|
name: 'MuiContainer',
|
|
51
35
|
defaultTheme
|
|
52
36
|
});
|
|
53
|
-
|
|
54
37
|
const useUtilityClasses = (ownerState, componentName) => {
|
|
55
38
|
const getContainerUtilityClass = slot => {
|
|
56
39
|
return (0, _utils.unstable_generateUtilityClass)(componentName, slot);
|
|
57
40
|
};
|
|
58
|
-
|
|
59
41
|
const {
|
|
60
42
|
classes,
|
|
61
43
|
fixed,
|
|
@@ -67,7 +49,6 @@ const useUtilityClasses = (ownerState, componentName) => {
|
|
|
67
49
|
};
|
|
68
50
|
return (0, _utils.unstable_composeClasses)(slots, getContainerUtilityClass, classes);
|
|
69
51
|
};
|
|
70
|
-
|
|
71
52
|
function createContainer(options = {}) {
|
|
72
53
|
const {
|
|
73
54
|
// This will allow adding custom styled fn (for example for custom sx style function)
|
|
@@ -98,14 +79,12 @@ function createContainer(options = {}) {
|
|
|
98
79
|
}) => ownerState.fixed && Object.keys(theme.breakpoints.values).reduce((acc, breakpointValueKey) => {
|
|
99
80
|
const breakpoint = breakpointValueKey;
|
|
100
81
|
const value = theme.breakpoints.values[breakpoint];
|
|
101
|
-
|
|
102
82
|
if (value !== 0) {
|
|
103
83
|
// @ts-ignore
|
|
104
84
|
acc[theme.breakpoints.up(breakpoint)] = {
|
|
105
85
|
maxWidth: `${value}${theme.breakpoints.unit}`
|
|
106
86
|
};
|
|
107
87
|
}
|
|
108
|
-
|
|
109
88
|
return acc;
|
|
110
89
|
}, {}), ({
|
|
111
90
|
theme,
|
|
@@ -116,7 +95,8 @@ function createContainer(options = {}) {
|
|
|
116
95
|
// @ts-ignore module augmentation fails if custom breakpoints are used
|
|
117
96
|
maxWidth: Math.max(theme.breakpoints.values.xs, 444)
|
|
118
97
|
}
|
|
119
|
-
}, ownerState.maxWidth &&
|
|
98
|
+
}, ownerState.maxWidth &&
|
|
99
|
+
// @ts-ignore module augmentation fails if custom breakpoints are used
|
|
120
100
|
ownerState.maxWidth !== 'xs' && {
|
|
121
101
|
// @ts-ignore module augmentation fails if custom breakpoints are used
|
|
122
102
|
[theme.breakpoints.up(ownerState.maxWidth)]: {
|
|
@@ -127,26 +107,28 @@ function createContainer(options = {}) {
|
|
|
127
107
|
const Container = /*#__PURE__*/React.forwardRef(function Container(inProps, ref) {
|
|
128
108
|
const props = useThemeProps(inProps);
|
|
129
109
|
const {
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
110
|
+
className,
|
|
111
|
+
component = 'div',
|
|
112
|
+
disableGutters = false,
|
|
113
|
+
fixed = false,
|
|
114
|
+
maxWidth = 'lg'
|
|
115
|
+
} = props,
|
|
116
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
137
117
|
const ownerState = (0, _extends2.default)({}, props, {
|
|
138
118
|
component,
|
|
139
119
|
disableGutters,
|
|
140
120
|
fixed,
|
|
141
121
|
maxWidth
|
|
142
|
-
});
|
|
122
|
+
});
|
|
143
123
|
|
|
124
|
+
// @ts-ignore module augmentation fails if custom breakpoints are used
|
|
144
125
|
const classes = useUtilityClasses(ownerState, componentName);
|
|
145
126
|
return (
|
|
146
127
|
/*#__PURE__*/
|
|
147
128
|
// @ts-ignore theme is injected by the styled util
|
|
148
129
|
(0, _jsxRuntime.jsx)(ContainerRoot, (0, _extends2.default)({
|
|
149
|
-
as: component
|
|
130
|
+
as: component
|
|
131
|
+
// @ts-ignore module augmentation fails if custom breakpoints are used
|
|
150
132
|
,
|
|
151
133
|
ownerState: ownerState,
|
|
152
134
|
className: (0, _clsx.default)(classes.root, className),
|
|
@@ -154,18 +136,14 @@ function createContainer(options = {}) {
|
|
|
154
136
|
}, other))
|
|
155
137
|
);
|
|
156
138
|
});
|
|
157
|
-
process.env.NODE_ENV !== "production" ? Container.propTypes
|
|
158
|
-
/* remove-proptypes */
|
|
159
|
-
= {
|
|
139
|
+
process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
|
|
160
140
|
children: _propTypes.default.node,
|
|
161
141
|
classes: _propTypes.default.object,
|
|
162
142
|
className: _propTypes.default.string,
|
|
163
143
|
component: _propTypes.default.elementType,
|
|
164
144
|
disableGutters: _propTypes.default.bool,
|
|
165
145
|
fixed: _propTypes.default.bool,
|
|
166
|
-
maxWidth: _propTypes.default
|
|
167
|
-
/* @typescript-to-proptypes-ignore */
|
|
168
|
-
.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
|
|
146
|
+
maxWidth: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
|
|
169
147
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
|
|
170
148
|
} : void 0;
|
|
171
149
|
return Container;
|
package/Container/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "default", {
|
|
|
20
19
|
return _Container.default;
|
|
21
20
|
}
|
|
22
21
|
});
|
|
23
|
-
|
|
24
22
|
var _Container = _interopRequireDefault(require("./Container"));
|
|
25
|
-
|
|
26
23
|
var _containerClasses = _interopRequireWildcard(require("./containerClasses"));
|
|
27
|
-
|
|
28
24
|
Object.keys(_containerClasses).forEach(function (key) {
|
|
29
25
|
if (key === "default" || key === "__esModule") return;
|
|
30
26
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -36,7 +32,5 @@ Object.keys(_containerClasses).forEach(function (key) {
|
|
|
36
32
|
}
|
|
37
33
|
});
|
|
38
34
|
});
|
|
39
|
-
|
|
40
35
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
41
|
-
|
|
42
36
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/Stack/Stack.js
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _createStack = _interopRequireDefault(require("./createStack"));
|
|
13
|
-
|
|
14
10
|
/**
|
|
15
11
|
*
|
|
16
12
|
* Demos:
|
|
@@ -23,37 +19,30 @@ var _createStack = _interopRequireDefault(require("./createStack"));
|
|
|
23
19
|
* - [Stack API](https://mui.com/system/api/stack/)
|
|
24
20
|
*/
|
|
25
21
|
const Stack = (0, _createStack.default)();
|
|
26
|
-
process.env.NODE_ENV !== "production" ? Stack.propTypes
|
|
27
|
-
/* remove-proptypes */
|
|
28
|
-
= {
|
|
22
|
+
process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
|
|
29
23
|
// ----------------------------- Warning --------------------------------
|
|
30
24
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
31
25
|
// | To update them edit TypeScript types and run "yarn proptypes" |
|
|
32
26
|
// ----------------------------------------------------------------------
|
|
33
|
-
|
|
34
27
|
/**
|
|
35
28
|
* The content of the component.
|
|
36
29
|
*/
|
|
37
30
|
children: _propTypes.default.node,
|
|
38
|
-
|
|
39
31
|
/**
|
|
40
32
|
* Defines the `flex-direction` style property.
|
|
41
33
|
* It is applied for all screen sizes.
|
|
42
34
|
* @default 'column'
|
|
43
35
|
*/
|
|
44
36
|
direction: _propTypes.default.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
|
|
45
|
-
|
|
46
37
|
/**
|
|
47
38
|
* Add an element between each child.
|
|
48
39
|
*/
|
|
49
40
|
divider: _propTypes.default.node,
|
|
50
|
-
|
|
51
41
|
/**
|
|
52
42
|
* Defines the space between immediate children.
|
|
53
43
|
* @default 0
|
|
54
44
|
*/
|
|
55
45
|
spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
|
|
56
|
-
|
|
57
46
|
/**
|
|
58
47
|
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
|
59
48
|
*/
|