@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.
Files changed (37) hide show
  1. package/Box/Box.d.ts +10 -10
  2. package/Box/Box.spec.d.ts +1 -1
  3. package/CHANGELOG.md +176 -0
  4. package/Container/Container.d.ts +13 -13
  5. package/Container/ContainerProps.d.ts +40 -40
  6. package/Container/containerClasses.d.ts +22 -22
  7. package/Container/createContainer.d.ts +18 -18
  8. package/Container/index.d.ts +1 -1
  9. package/Stack/Stack.d.ts +12 -12
  10. package/Stack/StackProps.d.ts +42 -42
  11. package/Stack/createStack.d.ts +21 -21
  12. package/Stack/index.d.ts +5 -5
  13. package/Stack/stackClasses.d.ts +8 -8
  14. package/Unstable_Grid/Grid.d.ts +12 -12
  15. package/Unstable_Grid/GridProps.d.ts +162 -162
  16. package/Unstable_Grid/createGrid.d.ts +11 -11
  17. package/Unstable_Grid/gridClasses.d.ts +20 -20
  18. package/Unstable_Grid/gridGenerator.d.ts +26 -26
  19. package/Unstable_Grid/index.d.ts +5 -5
  20. package/createBox.spec.d.ts +1 -1
  21. package/createTheme/createSpacing.d.ts +10 -10
  22. package/cssVars/createCssVarsProvider.spec.d.ts +1 -1
  23. package/cssVars/createGetCssVar.d.ts +5 -5
  24. package/cssVars/cssVarsParser.d.ts +65 -65
  25. package/cssVars/getInitColorSchemeScript.d.ts +45 -45
  26. package/cssVars/index.d.ts +3 -3
  27. package/cssVars/useCurrentColorScheme.d.ts +53 -53
  28. package/cssVars/useCurrentColorScheme.js +60 -49
  29. package/esm/cssVars/useCurrentColorScheme.js +60 -47
  30. package/index.js +1 -1
  31. package/index.spec.d.ts +1 -1
  32. package/legacy/cssVars/useCurrentColorScheme.js +60 -47
  33. package/legacy/index.js +1 -1
  34. package/modern/cssVars/useCurrentColorScheme.js +60 -47
  35. package/modern/index.js +1 -1
  36. package/package.json +6 -6
  37. 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
+ - &#8203;<!-- 16 -->[Autocomplete] Fix `keepMounted` Popper prop not working (#33957) @ZeeshanTamboli
79
+ - &#8203;<!-- 10 -->[IconButton] Fix hover effect when CSS Variables are enabled (#33971) @TheUnlocked
80
+ - &#8203;<!-- 07 -->[LoadingButton] Add support for CSS variables (#34001) @ZeeshanTamboli
81
+ - &#8203;<!-- 05 -->[TimelineConnector] Add support for CSS variables (#34002) @ZeeshanTamboli
82
+ - &#8203;<!-- 04 -->[TimelineDot] Add support for CSS variables (#34003) @ZeeshanTamboli
83
+ - &#8203;<!-- 03 -->[TreeItem] Add support for CSS variables (#34004) @ZeeshanTamboli
84
+
85
+ ### `@mui/system@5.10.2`
86
+
87
+ - &#8203;<!-- 06 -->[system] catch localStorage errors (#34027) @jsakas
88
+
89
+ ### `@mui/joy@5.0.0-alpha.42`
90
+
91
+ - &#8203;<!-- 08 -->[Joy] Add missing global exports (#33982) @tomasz-sodzawiczny
92
+
93
+ ### `@mui/icons-material@5.8.5`
94
+
95
+ - &#8203;<!-- 09 -->[icons] Sync the Material Icons (#33988) @michaldudak
96
+
97
+ ### Docs
98
+
99
+ - &#8203;<!-- 21 -->[docs] Fix typo in using-joy-ui-and-material-ui.md (#33997) @djohalo2 @danilo-leal
100
+ - &#8203;<!-- 20 -->[docs] Fix typo in the Transition docs (#34040) @alirezahekmati
101
+ - &#8203;<!-- 19 -->[docs] Typo fix in Joy UI Aspect Ratio doc (#33984) @AjeetSingh2016
102
+ - &#8203;<!-- 15 -->[docs] Fix broken Joy UI codesandbox export (#34007) @oliviertassinari
103
+ - &#8203;<!-- 14 -->[docs] Fix typos in `test` folder's README (#33976) @ropereraLK
104
+ - &#8203;<!-- 13 -->[docs] Fix interior section links in Base docs that feature hooks (#33948) @samuelsycamore
105
+ - &#8203;<!-- 12 -->[docs] Fix typo in Joy UI's List Component docs (#33956) @Cerebro92
106
+ - &#8203;<!-- 11 -->[docs] Fix typo in Joy UI's docs (#33938) @AjeetSingh2016
107
+
108
+ ### Core
109
+
110
+ - &#8203;<!-- 18 -->[website] Optimize meta description length (#34006) @oliviertassinari
111
+ - &#8203;<!-- 17 -->Revert "[core] Replace `getInitialProps` with `getStaticProps`" (#33991) @mnajdova
112
+ - &#8203;<!-- 02 -->[website] Move the React Engineer - X to next roles (#34030) @mnajdova
113
+ - &#8203;<!-- 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
+ - &#8203;<!-- 04 -->[TableCell] Enable variant overrides via TypeScript module augmentation (#33856) @arjunvijayanathakurup
128
+
129
+ ### `@mui/system@5.10.1`
130
+
131
+ - &#8203;<!-- 05 -->[system] Fix `ContainerProps` export (#33923) @bugzpodder
132
+
133
+ ### `@mui/base@5.0.0-alpha.93`
134
+
135
+ - &#8203;<!-- 31 -->[TrapFocus] Removes invisible tabbable elements from (#33543) @EthanStandel
136
+ - &#8203;<!-- 30 -->[Input][base] Pass the rows prop to the underlying textarea (#33873) @michaldudak
137
+ - &#8203;<!-- 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
+ - &#8203;<!-- 07 -->[IconButton][joy] Fix large IconButton scaling (#33885) @cherewaty
142
+
143
+ ### Docs
144
+
145
+ - &#8203;<!-- 23 -->[docs] Expand on a11y section for Material UI `Link` component (#32839) @TKrishnasamy
146
+ - &#8203;<!-- 22 -->[docs] Fix typo in Joy UI's `AspectRatio` docs (#33895) @IsaacInsoll
147
+ - &#8203;<!-- 21 -->[docs] Improve the Base Usage page (#33272) @samuelsycamore
148
+ - &#8203;<!-- 20 -->[docs] Avoid refreshing the page when button on demo is clicked (#33852) @PunitSoniME
149
+ - &#8203;<!-- 19 -->[docs] Improve the HorizontalNonLinearStepper demo styling (#33886) @hayawata3626
150
+ - &#8203;<!-- 18 -->[docs] Remove dead NoSsr in the demos (#33910) @oliviertassinari
151
+ - &#8203;<!-- 17 -->[docs] Fix the reopening menu problem in MenuUnstyled demo (#33890) @michaldudak
152
+ - &#8203;<!-- 24 -->[docs] Fix a few link issues (#33909) @oliviertassinari
153
+ - &#8203;<!-- 16 -->[docs] Explain the icons package dependencies (#33592) @michaldudak
154
+ - &#8203;<!-- 15 -->[docs] Fix reported SEO issues (#33818) @oliviertassinari
155
+ - &#8203;<!-- 14 -->[docs] Add permanent notifications back (#33843) @oliviertassinari
156
+ - &#8203;<!-- 13 -->[docs] Enforce description for all pages (#33698) @oliviertassinari
157
+ - &#8203;<!-- 12 -->[docs] Clarify difference in startup times between named and default imports (#33109) @cmdcolin
158
+ - &#8203;<!-- 11 -->[docs] Update transform function in the sx prop sizing docs (#33850) @ZeeshanTamboli
159
+ - &#8203;<!-- 10 -->[docs] Adding missing accessibility labels (#33782) @PunitSoniME
160
+ - &#8203;<!-- 09 -->[docs] Fix `/system/getting-started/advanced/` does not exist (#33867) @MonstraG
161
+ - &#8203;<!-- 32 -->[docs] New Crowdin updates (#32213) @l10nbot
162
+ - &#8203;<!-- 08 -->[examples] Fix broken path to favicon.ico (#33906) @mmostafavi
163
+ - &#8203;<!-- 02 -->[website] Add new FAQ to pricing page (#33553) @oliviertassinari
164
+ - &#8203;<!-- 03 -->[website] Miscellaneous improvements to the marketing pages (#33897) @danilo-leal
165
+
166
+ ### Core
167
+
168
+ - &#8203;<!-- 29 -->[core] Add the download tracker package (#33899) @michaldudak
169
+ - &#8203;<!-- 28 -->[core] Use proper external build id for Argos uploads (#33929) @cherniavskii
170
+ - &#8203;<!-- 27 -->[core] Enforce 70 as the max width on the title on the docs (#33819) @oliviertassinari
171
+ - &#8203;<!-- 26 -->[core] Clear yarn installation warning (#33776) @michaldudak
172
+ - &#8203;<!-- 25 -->[core] Bump yarn to 1.22.19 (#33656) @michaldudak
173
+ - &#8203;<!-- 24 -->[core] Remove outdated Next.js options (#33845) @oliviertassinari
174
+ - &#8203;<!-- 34 -->[core] Add the download tracker build script (#33941) @michaldudak
175
+ - &#8203;<!-- 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 -->
@@ -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 {};
@@ -1,5 +1,5 @@
1
1
  export { default } from './Container';
2
- export * from './Container';
2
+ export * from './ContainerProps';
3
3
 
4
4
  export { default as containerClasses } from './containerClasses';
5
5
  export * from './containerClasses';
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;
@@ -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
+ }
@@ -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';
@@ -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;