@mui/system 5.10.0 → 5.10.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Box/Box.d.ts +10 -10
- package/Box/Box.spec.d.ts +1 -1
- package/CHANGELOG.md +176 -0
- package/Container/Container.d.ts +13 -13
- package/Container/ContainerProps.d.ts +40 -40
- package/Container/containerClasses.d.ts +22 -22
- package/Container/createContainer.d.ts +18 -18
- package/Container/index.d.ts +1 -1
- package/Stack/Stack.d.ts +12 -12
- package/Stack/StackProps.d.ts +42 -42
- package/Stack/createStack.d.ts +21 -21
- package/Stack/index.d.ts +5 -5
- package/Stack/stackClasses.d.ts +8 -8
- package/Unstable_Grid/Grid.d.ts +12 -12
- package/Unstable_Grid/GridProps.d.ts +162 -162
- package/Unstable_Grid/createGrid.d.ts +11 -11
- package/Unstable_Grid/gridClasses.d.ts +20 -20
- package/Unstable_Grid/gridGenerator.d.ts +26 -26
- package/Unstable_Grid/index.d.ts +5 -5
- package/createBox.spec.d.ts +1 -1
- package/createTheme/createSpacing.d.ts +10 -10
- package/cssVars/createCssVarsProvider.spec.d.ts +1 -1
- package/cssVars/createGetCssVar.d.ts +5 -5
- package/cssVars/cssVarsParser.d.ts +65 -65
- package/cssVars/getInitColorSchemeScript.d.ts +45 -45
- package/cssVars/index.d.ts +3 -3
- package/cssVars/useCurrentColorScheme.d.ts +53 -53
- package/cssVars/useCurrentColorScheme.js +60 -49
- package/esm/cssVars/useCurrentColorScheme.js +60 -47
- package/index.js +1 -1
- package/index.spec.d.ts +1 -1
- package/legacy/cssVars/useCurrentColorScheme.js +60 -47
- package/legacy/index.js +1 -1
- package/modern/cssVars/useCurrentColorScheme.js +60 -47
- package/modern/index.js +1 -1
- package/package.json +6 -6
- package/styleFunctionSx/styleFunctionSx.spec.d.ts +1 -1
package/Box/Box.d.ts
CHANGED
|
@@ -18,7 +18,7 @@ export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<
|
|
|
18
18
|
> & { filterProps: string[] };
|
|
19
19
|
|
|
20
20
|
// borders.js
|
|
21
|
-
export const borders: SimpleStyleFunction<
|
|
21
|
+
export declare const borders: SimpleStyleFunction<
|
|
22
22
|
| 'border'
|
|
23
23
|
| 'borderTop'
|
|
24
24
|
| 'borderRight'
|
|
@@ -28,11 +28,11 @@ export const borders: SimpleStyleFunction<
|
|
|
28
28
|
| 'borderRadius'
|
|
29
29
|
>;
|
|
30
30
|
|
|
31
|
-
export const display: SimpleStyleFunction<
|
|
31
|
+
export declare const display: SimpleStyleFunction<
|
|
32
32
|
'display' | 'displayPrint' | 'overflow' | 'textOverflow' | 'visibility' | 'whiteSpace'
|
|
33
33
|
>;
|
|
34
34
|
|
|
35
|
-
export const flexbox: SimpleStyleFunction<
|
|
35
|
+
export declare const flexbox: SimpleStyleFunction<
|
|
36
36
|
| 'flexBasis'
|
|
37
37
|
| 'flexDirection'
|
|
38
38
|
| 'flexWrap'
|
|
@@ -48,7 +48,7 @@ export const flexbox: SimpleStyleFunction<
|
|
|
48
48
|
| 'justifySelf'
|
|
49
49
|
>;
|
|
50
50
|
|
|
51
|
-
export const grid: SimpleStyleFunction<
|
|
51
|
+
export declare const grid: SimpleStyleFunction<
|
|
52
52
|
| 'gap'
|
|
53
53
|
| 'columnGap'
|
|
54
54
|
| 'rowGap'
|
|
@@ -63,15 +63,15 @@ export const grid: SimpleStyleFunction<
|
|
|
63
63
|
| 'gridArea'
|
|
64
64
|
>;
|
|
65
65
|
|
|
66
|
-
export const palette: SimpleStyleFunction<'bgcolor' | 'color'>;
|
|
66
|
+
export declare const palette: SimpleStyleFunction<'bgcolor' | 'color'>;
|
|
67
67
|
|
|
68
|
-
export const positions: SimpleStyleFunction<
|
|
68
|
+
export declare const positions: SimpleStyleFunction<
|
|
69
69
|
'zIndex' | 'position' | 'top' | 'right' | 'bottom' | 'left'
|
|
70
70
|
>;
|
|
71
71
|
|
|
72
|
-
export const shadows: SimpleStyleFunction<'boxShadow'>;
|
|
72
|
+
export declare const shadows: SimpleStyleFunction<'boxShadow'>;
|
|
73
73
|
|
|
74
|
-
export const sizing: SimpleStyleFunction<
|
|
74
|
+
export declare const sizing: SimpleStyleFunction<
|
|
75
75
|
| 'width'
|
|
76
76
|
| 'maxWidth'
|
|
77
77
|
| 'minWidth'
|
|
@@ -83,7 +83,7 @@ export const sizing: SimpleStyleFunction<
|
|
|
83
83
|
| 'boxSizing'
|
|
84
84
|
>;
|
|
85
85
|
|
|
86
|
-
export const spacing: SimpleStyleFunction<
|
|
86
|
+
export declare const spacing: SimpleStyleFunction<
|
|
87
87
|
| 'm'
|
|
88
88
|
| 'mt'
|
|
89
89
|
| 'mr'
|
|
@@ -114,7 +114,7 @@ export const spacing: SimpleStyleFunction<
|
|
|
114
114
|
| 'paddingY'
|
|
115
115
|
>;
|
|
116
116
|
|
|
117
|
-
export const typography: SimpleStyleFunction<
|
|
117
|
+
export declare const typography: SimpleStyleFunction<
|
|
118
118
|
| 'typography'
|
|
119
119
|
| 'fontFamily'
|
|
120
120
|
| 'fontSize'
|
package/Box/Box.spec.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,181 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.10.3
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.10.2..master -->
|
|
6
|
+
|
|
7
|
+
_Aug 29, 2022_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- ⚡ @mnajdova implemented an alternative to OverridableComponent to achieve better dev-time performance (#32735)
|
|
12
|
+
- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
|
|
13
|
+
|
|
14
|
+
### `@mui/material@5.10.3`
|
|
15
|
+
|
|
16
|
+
- [Autocomplete][material] Fix value overflow when `disableClearable` is used (#34053) @mnajdova
|
|
17
|
+
- [Autocomplete] Update unstyled demo to not import Material UI (#34060) @oliviertassinari
|
|
18
|
+
- [Slider] Remove SliderInput export from d.ts (#34055) @pieetrus
|
|
19
|
+
- [TablePagination] Fix select variant not working (#33974) @ZeeshanTamboli
|
|
20
|
+
|
|
21
|
+
### `@mui/system@5.10.3`
|
|
22
|
+
|
|
23
|
+
- [system] Fix mode blink when open multiple sessions (#33877) @siriwatknp
|
|
24
|
+
|
|
25
|
+
### `@mui/base@5.0.0-alpha.95`
|
|
26
|
+
|
|
27
|
+
- [Button][base] Prevent too many ref updates (#33882) @michaldudak
|
|
28
|
+
- [Select][base] Fix typo in listbox blur event handler (#34120) @ZeeshanTamboli
|
|
29
|
+
- [TrapFocus] Improve tab test and simplify demo (#34008) @EthanStandel
|
|
30
|
+
|
|
31
|
+
### `@mui/joy@5.0.0-alpha.43`
|
|
32
|
+
|
|
33
|
+
- [Joy] Fix `role` proptypes (#34119) @siriwatknp
|
|
34
|
+
- [Joy] Refine `componentsProps` for all components (#34077) @siriwatknp
|
|
35
|
+
- [Radio][joy] support `componentsProps` as a function (#34022) @siriwatknp
|
|
36
|
+
- [Select][joy] Improve the a11y on the select field demo (#34073) @mnajdova
|
|
37
|
+
- [Textarea][joy] Add `Textarea` component (#33975) @siriwatknp
|
|
38
|
+
|
|
39
|
+
### Docs
|
|
40
|
+
|
|
41
|
+
- [blog] Add Grid v2 announcement (#33926) @siriwatknp
|
|
42
|
+
- [blog] Making customizable components (#33183) @alexfauquette
|
|
43
|
+
- [blog] Improve SEO metadata (#33954) @oliviertassinari
|
|
44
|
+
- [docs] Add introduction Base component demos & general uplift (#33896) @danilo-leal
|
|
45
|
+
- [docs] Fix Gatsby sample config in CSS variables (#34024) @bicstone
|
|
46
|
+
- [docs] Fix 404 link from Joy to React Router (#34115) @oliviertassinari
|
|
47
|
+
- [docs] Fix typo in `Select` component (#34091) @HexM7
|
|
48
|
+
- [docs] Fix 301 links to tss's docs @oliviertassinari
|
|
49
|
+
- [docs] Fixing Joy UI usage snippet (#34049) @JonathanAsbury-SPS
|
|
50
|
+
- [docs] Fix missing JSX closing tag in Tooltip docs (#34064) @hoangph271
|
|
51
|
+
- [website] Add Toolpad to Navigation (#33937) @bharatkashyap
|
|
52
|
+
- [website] Improve SEO meta description for MUI X @oliviertassinari
|
|
53
|
+
- [website] Improve visual look of code demos (#34070) @oliviertassinari
|
|
54
|
+
- [website] Fix `DatePicker` component demo on the home page (#34054) @NaveenPantra
|
|
55
|
+
|
|
56
|
+
### Core
|
|
57
|
+
|
|
58
|
+
- [core] Offer alternative to `OverridableComponent` via module augmentation for better performance (#32735) @mnajdova
|
|
59
|
+
- [core] Fix prop-type warning in regression tests (#34086) @oliviertassinari
|
|
60
|
+
- [core] Specify code owners (#33995) @michaldudak
|
|
61
|
+
- [core] Fix scroll restoration (#34037) @oliviertassinari
|
|
62
|
+
|
|
63
|
+
All contributors of this release in alphabetical order: @alexfauquette, @bharatkashyap, @bicstone, @danilo-leal, @EthanStandel, @HexM7, @hoangph271, @JonathanAsbury-SPS, @michaldudak, @mnajdova, @NaveenPantra, @oliviertassinari, @pieetrus, @renovate[bot], @siriwatknp, @ZeeshanTamboli
|
|
64
|
+
|
|
65
|
+
## 5.10.2
|
|
66
|
+
|
|
67
|
+
<!-- generated comparing v5.10.1..master -->
|
|
68
|
+
|
|
69
|
+
_Aug 22, 2022_
|
|
70
|
+
|
|
71
|
+
A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
|
|
72
|
+
|
|
73
|
+
- ✨ @michaldudak synced the Material Icons set with the latest from Google (#33988).
|
|
74
|
+
A couple of icons changed their appearance. See the difference [on this Argos build](https://app.argos-ci.com/mui/material-ui/builds/4428]).
|
|
75
|
+
|
|
76
|
+
### `@mui/material@5.10.2`
|
|
77
|
+
|
|
78
|
+
- ​<!-- 16 -->[Autocomplete] Fix `keepMounted` Popper prop not working (#33957) @ZeeshanTamboli
|
|
79
|
+
- ​<!-- 10 -->[IconButton] Fix hover effect when CSS Variables are enabled (#33971) @TheUnlocked
|
|
80
|
+
- ​<!-- 07 -->[LoadingButton] Add support for CSS variables (#34001) @ZeeshanTamboli
|
|
81
|
+
- ​<!-- 05 -->[TimelineConnector] Add support for CSS variables (#34002) @ZeeshanTamboli
|
|
82
|
+
- ​<!-- 04 -->[TimelineDot] Add support for CSS variables (#34003) @ZeeshanTamboli
|
|
83
|
+
- ​<!-- 03 -->[TreeItem] Add support for CSS variables (#34004) @ZeeshanTamboli
|
|
84
|
+
|
|
85
|
+
### `@mui/system@5.10.2`
|
|
86
|
+
|
|
87
|
+
- ​<!-- 06 -->[system] catch localStorage errors (#34027) @jsakas
|
|
88
|
+
|
|
89
|
+
### `@mui/joy@5.0.0-alpha.42`
|
|
90
|
+
|
|
91
|
+
- ​<!-- 08 -->[Joy] Add missing global exports (#33982) @tomasz-sodzawiczny
|
|
92
|
+
|
|
93
|
+
### `@mui/icons-material@5.8.5`
|
|
94
|
+
|
|
95
|
+
- ​<!-- 09 -->[icons] Sync the Material Icons (#33988) @michaldudak
|
|
96
|
+
|
|
97
|
+
### Docs
|
|
98
|
+
|
|
99
|
+
- ​<!-- 21 -->[docs] Fix typo in using-joy-ui-and-material-ui.md (#33997) @djohalo2 @danilo-leal
|
|
100
|
+
- ​<!-- 20 -->[docs] Fix typo in the Transition docs (#34040) @alirezahekmati
|
|
101
|
+
- ​<!-- 19 -->[docs] Typo fix in Joy UI Aspect Ratio doc (#33984) @AjeetSingh2016
|
|
102
|
+
- ​<!-- 15 -->[docs] Fix broken Joy UI codesandbox export (#34007) @oliviertassinari
|
|
103
|
+
- ​<!-- 14 -->[docs] Fix typos in `test` folder's README (#33976) @ropereraLK
|
|
104
|
+
- ​<!-- 13 -->[docs] Fix interior section links in Base docs that feature hooks (#33948) @samuelsycamore
|
|
105
|
+
- ​<!-- 12 -->[docs] Fix typo in Joy UI's List Component docs (#33956) @Cerebro92
|
|
106
|
+
- ​<!-- 11 -->[docs] Fix typo in Joy UI's docs (#33938) @AjeetSingh2016
|
|
107
|
+
|
|
108
|
+
### Core
|
|
109
|
+
|
|
110
|
+
- ​<!-- 18 -->[website] Optimize meta description length (#34006) @oliviertassinari
|
|
111
|
+
- ​<!-- 17 -->Revert "[core] Replace `getInitialProps` with `getStaticProps`" (#33991) @mnajdova
|
|
112
|
+
- ​<!-- 02 -->[website] Move the React Engineer - X to next roles (#34030) @mnajdova
|
|
113
|
+
- ​<!-- 01 -->[website] Add Icons8 gold sponsor (#33978) @michaldudak
|
|
114
|
+
|
|
115
|
+
All contributors of this release in alphabetical order: @AjeetSingh2016, @alirezahekmati, @Cerebro92, @danilo-leal, @djohalo2, @jsakas, @michaldudak, @mnajdova, @oliviertassinari, @ropereraLK, @samuelsycamore, @TheUnlocked, @tomasz-sodzawiczny, @ZeeshanTamboli
|
|
116
|
+
|
|
117
|
+
## 5.10.1
|
|
118
|
+
|
|
119
|
+
<!-- generated comparing v5.10.0..master -->
|
|
120
|
+
|
|
121
|
+
_Aug 15, 2022_
|
|
122
|
+
|
|
123
|
+
A big thanks to the 18 contributors who made this release possible. This release was mostly around 🐛 bug fixes and 📚 documentation improvements.
|
|
124
|
+
|
|
125
|
+
### `@mui/material@5.10.1`
|
|
126
|
+
|
|
127
|
+
- ​<!-- 04 -->[TableCell] Enable variant overrides via TypeScript module augmentation (#33856) @arjunvijayanathakurup
|
|
128
|
+
|
|
129
|
+
### `@mui/system@5.10.1`
|
|
130
|
+
|
|
131
|
+
- ​<!-- 05 -->[system] Fix `ContainerProps` export (#33923) @bugzpodder
|
|
132
|
+
|
|
133
|
+
### `@mui/base@5.0.0-alpha.93`
|
|
134
|
+
|
|
135
|
+
- ​<!-- 31 -->[TrapFocus] Removes invisible tabbable elements from (#33543) @EthanStandel
|
|
136
|
+
- ​<!-- 30 -->[Input][base] Pass the rows prop to the underlying textarea (#33873) @michaldudak
|
|
137
|
+
- ​<!-- 06 -->[SelectUnstyled] Add ability to post the select's value when submitting a form (#33697) @michaldudak
|
|
138
|
+
|
|
139
|
+
### `@mui/joy@5.0.0-alpha.41`
|
|
140
|
+
|
|
141
|
+
- ​<!-- 07 -->[IconButton][joy] Fix large IconButton scaling (#33885) @cherewaty
|
|
142
|
+
|
|
143
|
+
### Docs
|
|
144
|
+
|
|
145
|
+
- ​<!-- 23 -->[docs] Expand on a11y section for Material UI `Link` component (#32839) @TKrishnasamy
|
|
146
|
+
- ​<!-- 22 -->[docs] Fix typo in Joy UI's `AspectRatio` docs (#33895) @IsaacInsoll
|
|
147
|
+
- ​<!-- 21 -->[docs] Improve the Base Usage page (#33272) @samuelsycamore
|
|
148
|
+
- ​<!-- 20 -->[docs] Avoid refreshing the page when button on demo is clicked (#33852) @PunitSoniME
|
|
149
|
+
- ​<!-- 19 -->[docs] Improve the HorizontalNonLinearStepper demo styling (#33886) @hayawata3626
|
|
150
|
+
- ​<!-- 18 -->[docs] Remove dead NoSsr in the demos (#33910) @oliviertassinari
|
|
151
|
+
- ​<!-- 17 -->[docs] Fix the reopening menu problem in MenuUnstyled demo (#33890) @michaldudak
|
|
152
|
+
- ​<!-- 24 -->[docs] Fix a few link issues (#33909) @oliviertassinari
|
|
153
|
+
- ​<!-- 16 -->[docs] Explain the icons package dependencies (#33592) @michaldudak
|
|
154
|
+
- ​<!-- 15 -->[docs] Fix reported SEO issues (#33818) @oliviertassinari
|
|
155
|
+
- ​<!-- 14 -->[docs] Add permanent notifications back (#33843) @oliviertassinari
|
|
156
|
+
- ​<!-- 13 -->[docs] Enforce description for all pages (#33698) @oliviertassinari
|
|
157
|
+
- ​<!-- 12 -->[docs] Clarify difference in startup times between named and default imports (#33109) @cmdcolin
|
|
158
|
+
- ​<!-- 11 -->[docs] Update transform function in the sx prop sizing docs (#33850) @ZeeshanTamboli
|
|
159
|
+
- ​<!-- 10 -->[docs] Adding missing accessibility labels (#33782) @PunitSoniME
|
|
160
|
+
- ​<!-- 09 -->[docs] Fix `/system/getting-started/advanced/` does not exist (#33867) @MonstraG
|
|
161
|
+
- ​<!-- 32 -->[docs] New Crowdin updates (#32213) @l10nbot
|
|
162
|
+
- ​<!-- 08 -->[examples] Fix broken path to favicon.ico (#33906) @mmostafavi
|
|
163
|
+
- ​<!-- 02 -->[website] Add new FAQ to pricing page (#33553) @oliviertassinari
|
|
164
|
+
- ​<!-- 03 -->[website] Miscellaneous improvements to the marketing pages (#33897) @danilo-leal
|
|
165
|
+
|
|
166
|
+
### Core
|
|
167
|
+
|
|
168
|
+
- ​<!-- 29 -->[core] Add the download tracker package (#33899) @michaldudak
|
|
169
|
+
- ​<!-- 28 -->[core] Use proper external build id for Argos uploads (#33929) @cherniavskii
|
|
170
|
+
- ​<!-- 27 -->[core] Enforce 70 as the max width on the title on the docs (#33819) @oliviertassinari
|
|
171
|
+
- ​<!-- 26 -->[core] Clear yarn installation warning (#33776) @michaldudak
|
|
172
|
+
- ​<!-- 25 -->[core] Bump yarn to 1.22.19 (#33656) @michaldudak
|
|
173
|
+
- ​<!-- 24 -->[core] Remove outdated Next.js options (#33845) @oliviertassinari
|
|
174
|
+
- ​<!-- 34 -->[core] Add the download tracker build script (#33941) @michaldudak
|
|
175
|
+
- ​<!-- 01 -->[website] Allow /r/store- redirection pattern @oliviertassinari
|
|
176
|
+
|
|
177
|
+
All contributors of this release in alphabetical order: @arjunvijayanathakurup, @bugzpodder, @cherewaty, @cherniavskii, @cmdcolin, @danilo-leal, @EthanStandel, @hayawata3626, @IsaacInsoll, @l10nbot, @michaldudak, @mmostafavi, @MonstraG, @oliviertassinari, @PunitSoniME, @samuelsycamore, @TKrishnasamy, @ZeeshanTamboli
|
|
178
|
+
|
|
3
179
|
## 5.10.0
|
|
4
180
|
|
|
5
181
|
<!-- generated comparing v5.9.3..master -->
|
package/Container/Container.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* Demos:
|
|
4
|
-
*
|
|
5
|
-
* - [Container (Material UI)](https://mui.com/material-ui/react-container/)
|
|
6
|
-
* - [Container (MUI System)](https://mui.com/system/react-container/)
|
|
7
|
-
*
|
|
8
|
-
* API:
|
|
9
|
-
*
|
|
10
|
-
* - [Container API](https://mui.com/system/api/container/)
|
|
11
|
-
*/
|
|
12
|
-
declare const Container: import("@mui/types").OverridableComponent<import("./ContainerProps").ContainerTypeMap<{}, "div">>;
|
|
13
|
-
export default Container;
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Demos:
|
|
4
|
+
*
|
|
5
|
+
* - [Container (Material UI)](https://mui.com/material-ui/react-container/)
|
|
6
|
+
* - [Container (MUI System)](https://mui.com/system/react-container/)
|
|
7
|
+
*
|
|
8
|
+
* API:
|
|
9
|
+
*
|
|
10
|
+
* - [Container API](https://mui.com/system/api/container/)
|
|
11
|
+
*/
|
|
12
|
+
declare const Container: import("@mui/types").OverridableComponent<import("./ContainerProps").ContainerTypeMap<{}, "div">>;
|
|
13
|
+
export default Container;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { OverrideProps } from '@mui/types';
|
|
3
|
-
import { SxProps } from '../styleFunctionSx';
|
|
4
|
-
import { Theme, Breakpoint } from '../createTheme';
|
|
5
|
-
import { ContainerClasses } from './containerClasses';
|
|
6
|
-
export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
7
|
-
props: P & {
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
/**
|
|
10
|
-
* Override or extend the styles applied to the component.
|
|
11
|
-
*/
|
|
12
|
-
classes?: Partial<ContainerClasses>;
|
|
13
|
-
/**
|
|
14
|
-
* If `true`, the left and right padding is removed.
|
|
15
|
-
* @default false
|
|
16
|
-
*/
|
|
17
|
-
disableGutters?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Set the max-width to match the min-width of the current breakpoint.
|
|
20
|
-
* This is useful if you'd prefer to design for a fixed set of sizes
|
|
21
|
-
* instead of trying to accommodate a fully fluid viewport.
|
|
22
|
-
* It's fluid by default.
|
|
23
|
-
* @default false
|
|
24
|
-
*/
|
|
25
|
-
fixed?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Determine the max-width of the container.
|
|
28
|
-
* The container width grows with the size of the screen.
|
|
29
|
-
* Set to `false` to disable `maxWidth`.
|
|
30
|
-
* @default 'lg'
|
|
31
|
-
*/
|
|
32
|
-
maxWidth?: Breakpoint | false;
|
|
33
|
-
/**
|
|
34
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
35
|
-
*/
|
|
36
|
-
sx?: SxProps<Theme>;
|
|
37
|
-
};
|
|
38
|
-
defaultComponent: D;
|
|
39
|
-
}
|
|
40
|
-
export declare type ContainerProps<D extends React.ElementType = ContainerTypeMap['defaultComponent'], P = {}> = OverrideProps<ContainerTypeMap<P, D>, D>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { OverrideProps } from '@mui/types';
|
|
3
|
+
import { SxProps } from '../styleFunctionSx';
|
|
4
|
+
import { Theme, Breakpoint } from '../createTheme';
|
|
5
|
+
import { ContainerClasses } from './containerClasses';
|
|
6
|
+
export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
7
|
+
props: P & {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Override or extend the styles applied to the component.
|
|
11
|
+
*/
|
|
12
|
+
classes?: Partial<ContainerClasses>;
|
|
13
|
+
/**
|
|
14
|
+
* If `true`, the left and right padding is removed.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disableGutters?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Set the max-width to match the min-width of the current breakpoint.
|
|
20
|
+
* This is useful if you'd prefer to design for a fixed set of sizes
|
|
21
|
+
* instead of trying to accommodate a fully fluid viewport.
|
|
22
|
+
* It's fluid by default.
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
fixed?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Determine the max-width of the container.
|
|
28
|
+
* The container width grows with the size of the screen.
|
|
29
|
+
* Set to `false` to disable `maxWidth`.
|
|
30
|
+
* @default 'lg'
|
|
31
|
+
*/
|
|
32
|
+
maxWidth?: Breakpoint | false;
|
|
33
|
+
/**
|
|
34
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
35
|
+
*/
|
|
36
|
+
sx?: SxProps<Theme>;
|
|
37
|
+
};
|
|
38
|
+
defaultComponent: D;
|
|
39
|
+
}
|
|
40
|
+
export declare type ContainerProps<D extends React.ElementType = ContainerTypeMap['defaultComponent'], P = {}> = OverrideProps<ContainerTypeMap<P, D>, D>;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export interface ContainerClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `disableGutters={true}`. */
|
|
5
|
-
disableGutters: string;
|
|
6
|
-
/** Styles applied to the root element if `fixed={true}`. */
|
|
7
|
-
fixed: string;
|
|
8
|
-
/** Styles applied to the root element if `maxWidth="xs"`. */
|
|
9
|
-
maxWidthXs: string;
|
|
10
|
-
/** Styles applied to the root element if `maxWidth="sm"`. */
|
|
11
|
-
maxWidthSm: string;
|
|
12
|
-
/** Styles applied to the root element if `maxWidth="md"`. */
|
|
13
|
-
maxWidthMd: string;
|
|
14
|
-
/** Styles applied to the root element if `maxWidth="lg"`. */
|
|
15
|
-
maxWidthLg: string;
|
|
16
|
-
/** Styles applied to the root element if `maxWidth="xl"`. */
|
|
17
|
-
maxWidthXl: string;
|
|
18
|
-
}
|
|
19
|
-
export declare type ContainerClassKey = keyof ContainerClasses;
|
|
20
|
-
export declare function getContainerUtilityClass(slot: string): string;
|
|
21
|
-
declare const containerClasses: ContainerClasses;
|
|
22
|
-
export default containerClasses;
|
|
1
|
+
export interface ContainerClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `disableGutters={true}`. */
|
|
5
|
+
disableGutters: string;
|
|
6
|
+
/** Styles applied to the root element if `fixed={true}`. */
|
|
7
|
+
fixed: string;
|
|
8
|
+
/** Styles applied to the root element if `maxWidth="xs"`. */
|
|
9
|
+
maxWidthXs: string;
|
|
10
|
+
/** Styles applied to the root element if `maxWidth="sm"`. */
|
|
11
|
+
maxWidthSm: string;
|
|
12
|
+
/** Styles applied to the root element if `maxWidth="md"`. */
|
|
13
|
+
maxWidthMd: string;
|
|
14
|
+
/** Styles applied to the root element if `maxWidth="lg"`. */
|
|
15
|
+
maxWidthLg: string;
|
|
16
|
+
/** Styles applied to the root element if `maxWidth="xl"`. */
|
|
17
|
+
maxWidthXl: string;
|
|
18
|
+
}
|
|
19
|
+
export declare type ContainerClassKey = keyof ContainerClasses;
|
|
20
|
+
export declare function getContainerUtilityClass(slot: string): string;
|
|
21
|
+
declare const containerClasses: ContainerClasses;
|
|
22
|
+
export default containerClasses;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Interpolation, StyledComponent } from '@mui/styled-engine';
|
|
3
|
-
import { OverridableComponent } from '@mui/types';
|
|
4
|
-
import { ContainerProps, ContainerTypeMap } from './ContainerProps';
|
|
5
|
-
import { Theme as DefaultTheme } from '../createTheme';
|
|
6
|
-
interface StyleFnProps<Theme> extends ContainerProps {
|
|
7
|
-
theme: Theme;
|
|
8
|
-
ownerState: ContainerProps;
|
|
9
|
-
}
|
|
10
|
-
declare type RequiredThemeStructure = Pick<DefaultTheme, 'breakpoints' | 'spacing'>;
|
|
11
|
-
export default function createContainer<Theme extends RequiredThemeStructure = DefaultTheme>(options?: {
|
|
12
|
-
createStyledComponent?: (...styles: Array<Interpolation<StyleFnProps<Theme>>>) => StyledComponent<ContainerProps>;
|
|
13
|
-
useThemeProps?: (inProps: ContainerProps) => ContainerProps & {
|
|
14
|
-
component?: React.ElementType;
|
|
15
|
-
};
|
|
16
|
-
componentName?: string;
|
|
17
|
-
}): OverridableComponent<ContainerTypeMap<{}, "div">>;
|
|
18
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Interpolation, StyledComponent } from '@mui/styled-engine';
|
|
3
|
+
import { OverridableComponent } from '@mui/types';
|
|
4
|
+
import { ContainerProps, ContainerTypeMap } from './ContainerProps';
|
|
5
|
+
import { Theme as DefaultTheme } from '../createTheme';
|
|
6
|
+
interface StyleFnProps<Theme> extends ContainerProps {
|
|
7
|
+
theme: Theme;
|
|
8
|
+
ownerState: ContainerProps;
|
|
9
|
+
}
|
|
10
|
+
declare type RequiredThemeStructure = Pick<DefaultTheme, 'breakpoints' | 'spacing'>;
|
|
11
|
+
export default function createContainer<Theme extends RequiredThemeStructure = DefaultTheme>(options?: {
|
|
12
|
+
createStyledComponent?: (...styles: Array<Interpolation<StyleFnProps<Theme>>>) => StyledComponent<ContainerProps>;
|
|
13
|
+
useThemeProps?: (inProps: ContainerProps) => ContainerProps & {
|
|
14
|
+
component?: React.ElementType;
|
|
15
|
+
};
|
|
16
|
+
componentName?: string;
|
|
17
|
+
}): OverridableComponent<ContainerTypeMap<{}, "div">>;
|
|
18
|
+
export {};
|
package/Container/index.d.ts
CHANGED
package/Stack/Stack.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* Demos:
|
|
4
|
-
*
|
|
5
|
-
* - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
|
|
6
|
-
*
|
|
7
|
-
* API:
|
|
8
|
-
*
|
|
9
|
-
* - [Stack API](https://mui.com/system/api/stack/)
|
|
10
|
-
*/
|
|
11
|
-
declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps").StackTypeMap<{}, "div">>;
|
|
12
|
-
export default Stack;
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Demos:
|
|
4
|
+
*
|
|
5
|
+
* - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
|
|
6
|
+
*
|
|
7
|
+
* API:
|
|
8
|
+
*
|
|
9
|
+
* - [Stack API](https://mui.com/system/api/stack/)
|
|
10
|
+
*/
|
|
11
|
+
declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps").StackTypeMap<{}, "div">>;
|
|
12
|
+
export default Stack;
|
package/Stack/StackProps.d.ts
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { OverrideProps } from '@mui/types';
|
|
3
|
-
import { ResponsiveStyleValue, SxProps } from '../styleFunctionSx';
|
|
4
|
-
import { SystemProps } from '../Box';
|
|
5
|
-
import { Theme } from '../createTheme';
|
|
6
|
-
export interface StackBaseProps {
|
|
7
|
-
/**
|
|
8
|
-
* The content of the component.
|
|
9
|
-
*/
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Defines the `flex-direction` style property.
|
|
13
|
-
* It is applied for all screen sizes.
|
|
14
|
-
* @default 'column'
|
|
15
|
-
*/
|
|
16
|
-
direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
|
|
17
|
-
/**
|
|
18
|
-
* Defines the space between immediate children.
|
|
19
|
-
* @default 0
|
|
20
|
-
*/
|
|
21
|
-
spacing?: ResponsiveStyleValue<number | string>;
|
|
22
|
-
/**
|
|
23
|
-
* Add an element between each child.
|
|
24
|
-
*/
|
|
25
|
-
divider?: React.ReactNode;
|
|
26
|
-
}
|
|
27
|
-
export interface StackTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
28
|
-
props: P & StackBaseProps & {
|
|
29
|
-
/**
|
|
30
|
-
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
|
31
|
-
*/
|
|
32
|
-
sx?: SxProps<Theme>;
|
|
33
|
-
} & SystemProps<Theme>;
|
|
34
|
-
defaultComponent: D;
|
|
35
|
-
}
|
|
36
|
-
export declare type StackProps<D extends React.ElementType = StackTypeMap['defaultComponent'], P = {
|
|
37
|
-
component?: React.ElementType;
|
|
38
|
-
}> = OverrideProps<StackTypeMap<P, D>, D>;
|
|
39
|
-
export interface StackOwnerState {
|
|
40
|
-
direction: StackProps['direction'];
|
|
41
|
-
spacing: StackProps['spacing'];
|
|
42
|
-
}
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { OverrideProps } from '@mui/types';
|
|
3
|
+
import { ResponsiveStyleValue, SxProps } from '../styleFunctionSx';
|
|
4
|
+
import { SystemProps } from '../Box';
|
|
5
|
+
import { Theme } from '../createTheme';
|
|
6
|
+
export interface StackBaseProps {
|
|
7
|
+
/**
|
|
8
|
+
* The content of the component.
|
|
9
|
+
*/
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Defines the `flex-direction` style property.
|
|
13
|
+
* It is applied for all screen sizes.
|
|
14
|
+
* @default 'column'
|
|
15
|
+
*/
|
|
16
|
+
direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
|
|
17
|
+
/**
|
|
18
|
+
* Defines the space between immediate children.
|
|
19
|
+
* @default 0
|
|
20
|
+
*/
|
|
21
|
+
spacing?: ResponsiveStyleValue<number | string>;
|
|
22
|
+
/**
|
|
23
|
+
* Add an element between each child.
|
|
24
|
+
*/
|
|
25
|
+
divider?: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
export interface StackTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
28
|
+
props: P & StackBaseProps & {
|
|
29
|
+
/**
|
|
30
|
+
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
|
31
|
+
*/
|
|
32
|
+
sx?: SxProps<Theme>;
|
|
33
|
+
} & SystemProps<Theme>;
|
|
34
|
+
defaultComponent: D;
|
|
35
|
+
}
|
|
36
|
+
export declare type StackProps<D extends React.ElementType = StackTypeMap['defaultComponent'], P = {
|
|
37
|
+
component?: React.ElementType;
|
|
38
|
+
}> = OverrideProps<StackTypeMap<P, D>, D>;
|
|
39
|
+
export interface StackOwnerState {
|
|
40
|
+
direction: StackProps['direction'];
|
|
41
|
+
spacing: StackProps['spacing'];
|
|
42
|
+
}
|
package/Stack/createStack.d.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { OverridableComponent } from '@mui/types';
|
|
3
|
-
import { StackTypeMap, StackOwnerState } from './StackProps';
|
|
4
|
-
import { Breakpoints } from '../createTheme/createBreakpoints';
|
|
5
|
-
import { Spacing } from '../createTheme/createSpacing';
|
|
6
|
-
interface StyleFunctionProps {
|
|
7
|
-
theme: {
|
|
8
|
-
breakpoints: Breakpoints;
|
|
9
|
-
spacing: Spacing;
|
|
10
|
-
};
|
|
11
|
-
ownerState: StackOwnerState;
|
|
12
|
-
}
|
|
13
|
-
declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
|
|
14
|
-
declare function useThemePropsDefault<T>(props: T): T & {};
|
|
15
|
-
export declare const style: ({ ownerState, theme }: StyleFunctionProps) => any;
|
|
16
|
-
export default function createStack(options?: {
|
|
17
|
-
createStyledComponent?: typeof defaultCreateStyledComponent;
|
|
18
|
-
useThemeProps?: typeof useThemePropsDefault;
|
|
19
|
-
componentName?: string;
|
|
20
|
-
}): OverridableComponent<StackTypeMap<{}, "div">>;
|
|
21
|
-
export {};
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { OverridableComponent } from '@mui/types';
|
|
3
|
+
import { StackTypeMap, StackOwnerState } from './StackProps';
|
|
4
|
+
import { Breakpoints } from '../createTheme/createBreakpoints';
|
|
5
|
+
import { Spacing } from '../createTheme/createSpacing';
|
|
6
|
+
interface StyleFunctionProps {
|
|
7
|
+
theme: {
|
|
8
|
+
breakpoints: Breakpoints;
|
|
9
|
+
spacing: Spacing;
|
|
10
|
+
};
|
|
11
|
+
ownerState: StackOwnerState;
|
|
12
|
+
}
|
|
13
|
+
declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
|
|
14
|
+
declare function useThemePropsDefault<T>(props: T): T & {};
|
|
15
|
+
export declare const style: ({ ownerState, theme }: StyleFunctionProps) => any;
|
|
16
|
+
export default function createStack(options?: {
|
|
17
|
+
createStyledComponent?: typeof defaultCreateStyledComponent;
|
|
18
|
+
useThemeProps?: typeof useThemePropsDefault;
|
|
19
|
+
componentName?: string;
|
|
20
|
+
}): OverridableComponent<StackTypeMap<{}, "div">>;
|
|
21
|
+
export {};
|
package/Stack/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default } from './Stack';
|
|
2
|
-
export { default as createStack } from './createStack';
|
|
3
|
-
export * from './StackProps';
|
|
4
|
-
export { default as stackClasses } from './stackClasses';
|
|
5
|
-
export * from './stackClasses';
|
|
1
|
+
export { default } from './Stack';
|
|
2
|
+
export { default as createStack } from './createStack';
|
|
3
|
+
export * from './StackProps';
|
|
4
|
+
export { default as stackClasses } from './stackClasses';
|
|
5
|
+
export * from './stackClasses';
|
package/Stack/stackClasses.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface StackClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type StackClassKey = keyof StackClasses;
|
|
6
|
-
export declare function getStackUtilityClass(slot: string): string;
|
|
7
|
-
declare const stackClasses: StackClasses;
|
|
8
|
-
export default stackClasses;
|
|
1
|
+
export interface StackClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type StackClassKey = keyof StackClasses;
|
|
6
|
+
export declare function getStackUtilityClass(slot: string): string;
|
|
7
|
+
declare const stackClasses: StackClasses;
|
|
8
|
+
export default stackClasses;
|