@mui/system 5.11.1 → 5.11.4
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.spec.d.ts +1 -1
- package/CHANGELOG.md +156 -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/Stack/Stack.d.ts +13 -13
- 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 +29 -29
- 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 +63 -63
- package/cssVars/getInitColorSchemeScript.d.ts +42 -42
- package/cssVars/index.d.ts +3 -3
- package/cssVars/useCurrentColorScheme.d.ts +53 -53
- package/index.js +3 -1
- package/index.spec.d.ts +1 -1
- package/legacy/index.js +3 -1
- package/modern/index.js +3 -1
- package/package.json +4 -4
- package/styleFunctionSx/styleFunctionSx.spec.d.ts +1 -1
package/Box/Box.spec.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,161 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.11.4
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.11.3..master -->
|
|
6
|
+
|
|
7
|
+
_Jan 9, 2023_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 14 contributors who made this release possible.
|
|
10
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
11
|
+
|
|
12
|
+
### `@mui/material@5.11.4`
|
|
13
|
+
|
|
14
|
+
- [Autocomplete] Add index to renderOption's AutocompleteRenderOptionState (#35578) @CowDotDev
|
|
15
|
+
- [Autocomplete] Fix grammar in console.error in `useAutocomplete` (#35723) @hamirmahal
|
|
16
|
+
- [Modal] Fix can't override Backdrop Props using new Slots API (#35140) @ZeeshanTamboli
|
|
17
|
+
- [Select] Revert "Update `renderValue` prop's TypeScript type (#34177)" (#35733) @michaldudak
|
|
18
|
+
- [Tabs] Throw error only if individual `Tab` is hidden, not the whole `Tabs` (#34026) @Ryczko
|
|
19
|
+
- [TextField] Improve WCAG 2.4.7 with error={true} (#35687) @oliviertassinari
|
|
20
|
+
- [Tooltip] Remove `data-foo` attribute (#35736) @koolskateguy89
|
|
21
|
+
|
|
22
|
+
### `@mui/joy@5.0.0-alpha.62`
|
|
23
|
+
|
|
24
|
+
- [Autocomplete][joy] Specify `type` attribute for popup indicator (#35648) @hbjORbj
|
|
25
|
+
- [Joy] Miscellaneous improvements (#35769) @siriwatknp
|
|
26
|
+
- [Joy] Improve `onKeyDown` event handler for demo (#35642) @hbjORbj
|
|
27
|
+
|
|
28
|
+
### `@mui/base@5.0.0-alpha.113`
|
|
29
|
+
|
|
30
|
+
- [Portal][base] Convert code to TypeScript (#35657) @sai6855
|
|
31
|
+
|
|
32
|
+
### Docs
|
|
33
|
+
|
|
34
|
+
- [docs] Revise and expand Joy UI Button doc (#35737) @samuelsycamore
|
|
35
|
+
- [docs] Document the workaround for crashing a translated page (#35720) @michaldudak
|
|
36
|
+
- [docs] Fix API page for `MenuItem` to list all valid props (#35561) @mnajdova
|
|
37
|
+
- [docs] Fix ad exception in Joy UI (#35685) @oliviertassinari
|
|
38
|
+
- [docs] Fix content wider than screen regression @oliviertassinari
|
|
39
|
+
- [examples] Add `Vite.js with TypeScript` example (#35683) @miha53cevic
|
|
40
|
+
|
|
41
|
+
### Core
|
|
42
|
+
|
|
43
|
+
- [core] Close 2022 developer survey @oliviertassinari
|
|
44
|
+
- [core] Fix the product license reference name (#35703) @oliviertassinari
|
|
45
|
+
- [core] Use TypeScript AST instead of TTP for component doc building (#35379) @flaviendelangle
|
|
46
|
+
- [test] Always use & for nesting styles (#35702) @oliviertassinari
|
|
47
|
+
- [website] Improve Lead Designer role description (#35684) @oliviertassinari
|
|
48
|
+
|
|
49
|
+
All contributors of this release in alphabetical order: @CowDotDev, @flaviendelangle, @hamirmahal, @hbjORbj, @koolskateguy89, @michaldudak, @miha53cevic, @mnajdova, @oliviertassinari, @Ryczko, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
|
|
50
|
+
|
|
51
|
+
## 5.11.3
|
|
52
|
+
|
|
53
|
+
<!-- generated comparing v5.11.2..master -->
|
|
54
|
+
|
|
55
|
+
_Jan 2, 2023_
|
|
56
|
+
|
|
57
|
+
A big thanks to the 6 contributors who made this release possible.
|
|
58
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
59
|
+
|
|
60
|
+
### `@mui/material@5.11.3`
|
|
61
|
+
|
|
62
|
+
- ​<!-- 02 -->[Select] Update `renderValue` prop's TypeScript type (#34177) @ZeeshanTamboli
|
|
63
|
+
|
|
64
|
+
### `@mui/joy@5.0.0-alpha.61`
|
|
65
|
+
|
|
66
|
+
- ​<!-- 14 -->[Autocomplete][joy] Export component (#35647) @mbranch
|
|
67
|
+
|
|
68
|
+
### Docs
|
|
69
|
+
|
|
70
|
+
- ​<!-- 13 -->[blog] Fix handling of markdown links (#35628) @oliviertassinari
|
|
71
|
+
- ​<!-- 09 -->[docs] Fix demo code selection through copy shortcut key on Firefox browser (#35670) @ZeeshanTamboli
|
|
72
|
+
- ​<!-- 08 -->[docs] Fix layout shift when streaming the page (#35627) @oliviertassinari
|
|
73
|
+
- ​<!-- 07 -->[docs] Fix switch name to reflect the color (#35052) @rjhcnf
|
|
74
|
+
- ​<!-- 06 -->[docs] Fix anchor link in the card's docs and fix a typo (#35634) @ZeeshanTamboli
|
|
75
|
+
- ​<!-- 05 -->[docs] Fix layout shift with modal (#35591) @oliviertassinari
|
|
76
|
+
- ​<!-- 04 -->[Joy][docs] Add documentation for `Input` component (#35482) @hbjORbj
|
|
77
|
+
- ​<!-- 03 -->[docs][joy] Improved readability on theme tokens page (#35639) @badalsaibo
|
|
78
|
+
|
|
79
|
+
### Core
|
|
80
|
+
|
|
81
|
+
- ​<!-- 12 -->[core] Disable prefetch of footer links @oliviertassinari
|
|
82
|
+
- ​<!-- 11 -->[core] A few SEO fixes (#35672) @oliviertassinari
|
|
83
|
+
- ​<!-- 10 -->[core] Remove need for scopePathnames (#35584) @oliviertassinari
|
|
84
|
+
- ​<!-- 01 -->[test] Fix Algolia noisy lvl1 anchor (#35686) @oliviertassinari
|
|
85
|
+
|
|
86
|
+
All contributors of this release in alphabetical order: @badalsaibo, @hbjORbj, @mbranch, @oliviertassinari, @rjhcnf, @ZeeshanTamboli
|
|
87
|
+
|
|
88
|
+
## 5.11.2
|
|
89
|
+
|
|
90
|
+
<!-- generated comparing v5.11.1..master -->
|
|
91
|
+
|
|
92
|
+
_Dec 26, 2022_
|
|
93
|
+
|
|
94
|
+
A big thanks to the 20 contributors who made this release possible. Here are some highlights ✨:
|
|
95
|
+
|
|
96
|
+
- ⚙️ Several MUI Base components were converted to TypeScript by @trizotti, @leventdeniz and @danhuynhdev (#35005, #34793, #34771)
|
|
97
|
+
- Many other 🐛 bug fixes abd 📚 documentation improvements.
|
|
98
|
+
|
|
99
|
+
### `@mui/material@5.11.2`
|
|
100
|
+
|
|
101
|
+
- ​<!-- 10 -->[l10n] Add displayed rows label to `faIR` locale (#35587) @hootan-rocky
|
|
102
|
+
- ​<!-- 09 -->[l10n] Add Kurdish (Kurmanji) locale (#32508) @JagarYousef
|
|
103
|
+
- ​<!-- 06 -->[Select] Accept non-component children (#33530) @boutahlilsoufiane
|
|
104
|
+
- ​<!-- 05 -->[SelectInput] Update menu to use select wrapper as anchor (#34229) @EduardoSCosta
|
|
105
|
+
- ​<!-- 03 -->[TableCell] Fix `scope` prop to be not set when a data cell is rendered within a table head (#35559) @sai6855
|
|
106
|
+
|
|
107
|
+
### `@mui/utils@5.11.2`
|
|
108
|
+
|
|
109
|
+
- ​<!-- 02 -->[utils] `mergedeep` deeply clones source key if it's an object (#35364) @sldk-yuri
|
|
110
|
+
|
|
111
|
+
### `@mui/base@5.0.0-alpha.112`
|
|
112
|
+
|
|
113
|
+
- ​<!-- 16 -->[FocusTrap][base] Convert code to TypeScript (#35005) @trizotti
|
|
114
|
+
- ​<!-- 08 -->[Modal][base] Convert code to TypeScript (#34793) @leventdeniz
|
|
115
|
+
- ​<!-- 07 -->[Popper][base] Convert code to TypeScript (#34771) @danhuynhdev
|
|
116
|
+
- ​<!-- 04 -->[Slider] Exclude `isRtl` from Material UI's Slider props (#35564) @michaldudak
|
|
117
|
+
|
|
118
|
+
### `@mui/joy@5.0.0-alpha.60`
|
|
119
|
+
|
|
120
|
+
- ​<!-- 15 -->[Joy] Fix radius adjustment (#35629) @siriwatknp
|
|
121
|
+
- ​<!-- 14 -->[Joy] Apply color inversion to components (#34602) @siriwatknp
|
|
122
|
+
- ​<!-- 13 -->[Joy] Improve cursor pointer and add fallback for outlined variant (#35573) @siriwatknp
|
|
123
|
+
- ​<!-- 12 -->[Joy] Miscellaneous fixes (#35552) @siriwatknp
|
|
124
|
+
- ​<!-- 11 -->[Radio][joy] Use precise dimensions for radio icon (#35548) @hbjORbj
|
|
125
|
+
|
|
126
|
+
### `@mui/material-next@6.0.0-alpha.68`
|
|
127
|
+
|
|
128
|
+
- ​<!-- 36 -->[Material You] Update Button test & add active class name (#35497) @mnajdova
|
|
129
|
+
|
|
130
|
+
### Docs
|
|
131
|
+
|
|
132
|
+
- ​<!-- 35 -->[docs] Fix GoogleMaps demo (#35545) @hbjORbj
|
|
133
|
+
- ​<!-- 25 -->[docs] Remove flow, its legacy (#35624) @oliviertassinari
|
|
134
|
+
- ​<!-- 24 -->[docs] Add a guide on using icon libraries with Joy UI (#35377) @siriwatknp
|
|
135
|
+
- ​<!-- 23 -->[docs] Clarify comment about `sortStability()` use case (#35570) @frontendlane
|
|
136
|
+
- ​<!-- 22 -->[docs] Improve the experimental API demos on the button page (#35560) @mnajdova
|
|
137
|
+
- ​<!-- 21 -->[docs] Force `light` theme mode when `activePage` is null (#35575) @LukasTy
|
|
138
|
+
- ​<!-- 20 -->[docs] Fix ListItem button deprecated use (#33970) @MickaelAustoni
|
|
139
|
+
- ​<!-- 19 -->[docs] Fix typo in `Progress` docs (#35553) @jasonsturges
|
|
140
|
+
- ​<!-- 18 -->[docs] Remove empty tags on the TransferList demos (#33127) @ekusiadadus
|
|
141
|
+
- ​<!-- 17 -->[docs][joy] Add documentation for `Stack` component (#35373) @hbjORbj
|
|
142
|
+
- ​<!-- 35 -->[docs][joy] Add documentation for `Grid` component (#35374) @hbjORbj
|
|
143
|
+
- ​<!-- 01 -->[website] Update sponsor grid (#35452) @danilo-leal
|
|
144
|
+
|
|
145
|
+
### Core
|
|
146
|
+
|
|
147
|
+
- ​<!-- 34 -->[core] Shorthand notation to remove outline (#35623) @oliviertassinari
|
|
148
|
+
- ​<!-- 33 -->[core] Fix header link layout shift and clash (#35626) @oliviertassinari
|
|
149
|
+
- ​<!-- 32 -->[core] Hide keyboard shortcut if no hover feature (#35625) @oliviertassinari
|
|
150
|
+
- ​<!-- 31 -->[core] Fix confusing duplicated name in the log @oliviertassinari
|
|
151
|
+
- ​<!-- 30 -->[core] Fix API demos callout spacing (#35579) @oliviertassinari
|
|
152
|
+
- ​<!-- 29 -->[core] Fix a few title case (#35547) @oliviertassinari
|
|
153
|
+
- ​<!-- 28 -->[core] Cleanup mention of test-utils (#35577) @oliviertassinari
|
|
154
|
+
- ​<!-- 27 -->[core] Remove oudated pickers prop-type logic (#35571) @oliviertassinari
|
|
155
|
+
- ​<!-- 26 -->[core] Exclude documentation of Base props not used in styled libraries (#35562) @michaldudak
|
|
156
|
+
|
|
157
|
+
All contributors of this release in alphabetical order: @boutahlilsoufiane, @danhuynhdev, @danilo-leal, @EduardoSCosta, @ekusiadadus, @frontendlane, @hbjORbj, @hootan-rocky, @JagarYousef, @jasonsturges, @leventdeniz, @LukasTy, @michaldudak, @MickaelAustoni, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @sldk-yuri, @trizotti
|
|
158
|
+
|
|
3
159
|
## 5.11.1
|
|
4
160
|
|
|
5
161
|
<!-- generated comparing v5.11.0..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 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 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 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 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
|
-
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
|
+
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/Stack/Stack.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* Demos:
|
|
4
|
-
*
|
|
5
|
-
* - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
|
|
6
|
-
* - [Stack (MUI System)](https://mui.com/system/react-stack/)
|
|
7
|
-
*
|
|
8
|
-
* API:
|
|
9
|
-
*
|
|
10
|
-
* - [Stack API](https://mui.com/system/api/stack/)
|
|
11
|
-
*/
|
|
12
|
-
declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps").StackTypeMap<{}, "div">>;
|
|
13
|
-
export default Stack;
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Demos:
|
|
4
|
+
*
|
|
5
|
+
* - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
|
|
6
|
+
* - [Stack (MUI System)](https://mui.com/system/react-stack/)
|
|
7
|
+
*
|
|
8
|
+
* API:
|
|
9
|
+
*
|
|
10
|
+
* - [Stack API](https://mui.com/system/api/stack/)
|
|
11
|
+
*/
|
|
12
|
+
declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps").StackTypeMap<{}, "div">>;
|
|
13
|
+
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 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 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 extends {}>(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 extends {}>(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 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 type StackClassKey = keyof StackClasses;
|
|
6
|
+
export declare function getStackUtilityClass(slot: string): string;
|
|
7
|
+
declare const stackClasses: StackClasses;
|
|
8
|
+
export default stackClasses;
|
package/Unstable_Grid/Grid.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* Demos:
|
|
4
|
-
*
|
|
5
|
-
* - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
|
|
6
|
-
*
|
|
7
|
-
* API:
|
|
8
|
-
*
|
|
9
|
-
* - [Grid API](https://mui.com/system/api/grid/)
|
|
10
|
-
*/
|
|
11
|
-
declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps").GridTypeMap<{}, "div">>;
|
|
12
|
-
export default Grid;
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Demos:
|
|
4
|
+
*
|
|
5
|
+
* - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
|
|
6
|
+
*
|
|
7
|
+
* API:
|
|
8
|
+
*
|
|
9
|
+
* - [Grid API](https://mui.com/system/api/grid/)
|
|
10
|
+
*/
|
|
11
|
+
declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps").GridTypeMap<{}, "div">>;
|
|
12
|
+
export default Grid;
|