@mui/system 5.11.2 → 5.11.5
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 +3 -3
- package/Box/Box.spec.d.ts +1 -1
- package/CHANGELOG.md +143 -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.d.ts +9 -4
- 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 +1 -1
- package/styleFunctionSx/styleFunctionSx.spec.d.ts +1 -1
package/Box/Box.d.ts
CHANGED
|
@@ -170,9 +170,9 @@ export type SystemProps<Theme extends object = {}> = {
|
|
|
170
170
|
| ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>);
|
|
171
171
|
};
|
|
172
172
|
|
|
173
|
-
export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
173
|
+
export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div', T extends object = Theme> {
|
|
174
174
|
props: P &
|
|
175
|
-
SystemProps<
|
|
175
|
+
SystemProps<T> & {
|
|
176
176
|
children?: React.ReactNode;
|
|
177
177
|
/**
|
|
178
178
|
* The component used for the root node.
|
|
@@ -183,7 +183,7 @@ export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
183
183
|
/**
|
|
184
184
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
185
185
|
*/
|
|
186
|
-
sx?: SxProps<
|
|
186
|
+
sx?: SxProps<T>;
|
|
187
187
|
};
|
|
188
188
|
defaultComponent: D;
|
|
189
189
|
}
|
package/Box/Box.spec.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,148 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.11.5
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.11.4..master -->
|
|
6
|
+
|
|
7
|
+
_Jan 17, 2023_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 17 contributors who made this release possible.
|
|
10
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
11
|
+
|
|
12
|
+
### `@mui/material@5.11.5`
|
|
13
|
+
|
|
14
|
+
- [Material UI] Custom channel token should suppress the warning (#35804) @siriwatknp
|
|
15
|
+
- [Autocomplete] Fix value type when `strictNullChecks` is `false` (#35367) @fenghan34
|
|
16
|
+
- [Slider] Replace `SliderUnstyled` with `useSlider` hook (#35770) @ZeeshanTamboli
|
|
17
|
+
- [l10n] Add Belarusian translation (#35742) @volhalink
|
|
18
|
+
|
|
19
|
+
### `@mui/system@5.11.5`
|
|
20
|
+
|
|
21
|
+
- [system] Improve the `createBox` types (#35532) @mnajdova
|
|
22
|
+
|
|
23
|
+
### `@mui/codemod@5.11.5`
|
|
24
|
+
|
|
25
|
+
- Add `joy-text-field-to-input` codemod (#35462) @hbjORbj
|
|
26
|
+
|
|
27
|
+
### `@mui/base@5.0.0-alpha.114`
|
|
28
|
+
|
|
29
|
+
- [base] Fix typos (#35802) @nnmax
|
|
30
|
+
- [Slider] Convert code to TypeScript (#35445) @sai6855
|
|
31
|
+
|
|
32
|
+
### `@mui/joy@5.0.0-alpha.63`
|
|
33
|
+
|
|
34
|
+
- [Tabs][joy] Don't apply `:hover, :active` styles when `selected` (#35750) @sai6855
|
|
35
|
+
- Remove `TextField` component and replace its usage in docs with `FormControl`/`FormLabel`/`Input` (#35462) @hbjORbj
|
|
36
|
+
- [TextField] Throw error with migration message (#35845) @siriwatknp
|
|
37
|
+
- Miscellaneous fixes (#35847) @siriwatknp
|
|
38
|
+
|
|
39
|
+
### Docs
|
|
40
|
+
|
|
41
|
+
- [docs] Improve pickers lab migration stressing `mui-x` usage (#35740) @LukasTy
|
|
42
|
+
- [docs] Fix incorrectly named AccessibleTable demo component (#35832) @HeVictor
|
|
43
|
+
- [docs] Clarify where to find docs for MUI Base components in Material UI (#35799) @samuelsycamore
|
|
44
|
+
- [docs] Fix typos (#35814) @alexfauquette
|
|
45
|
+
- [docs] Revise and expand the Joy UI Card page (#35745) @samuelsycamore
|
|
46
|
+
- [docs] Fix navigation layout shift (#35679) @oliviertassinari
|
|
47
|
+
- [docs] Fix typo in the Composition page (#35774) @msoyka
|
|
48
|
+
- [docs][joy] Update Customization section code example to use the correct API (#35765) @pupudu
|
|
49
|
+
- [docs][joy] Fix grammar in `Typography` docs (#35796) @atrefonas
|
|
50
|
+
- [examples] Remove `next-env.d.ts` from Next.js examples (#35772) @Juneezee
|
|
51
|
+
|
|
52
|
+
### Core
|
|
53
|
+
|
|
54
|
+
- [website] Improve pricing page (#35767) @oliviertassinari
|
|
55
|
+
- [website] Add Greg in about page (#35816) @oliviertassinari
|
|
56
|
+
- [website] Update the Accessibility Engineer role (#35751) @oliviertassinari
|
|
57
|
+
- [website] Add docs for MUI for Figma @oliviertassinari
|
|
58
|
+
|
|
59
|
+
All contributors of this release in alphabetical order: @alexfauquette, @atrefonas, @fenghan34, @hbjORbj, @HeVictor, @Juneezee, @LukasTy, @mnajdova, @msoyka, @nnmax, @oliviertassinari, @pupudu, @sai6855, @samuelsycamore, @siriwatknp, @volhalink, @ZeeshanTamboli
|
|
60
|
+
|
|
61
|
+
## 5.11.4
|
|
62
|
+
|
|
63
|
+
<!-- generated comparing v5.11.3..master -->
|
|
64
|
+
|
|
65
|
+
_Jan 9, 2023_
|
|
66
|
+
|
|
67
|
+
A big thanks to the 14 contributors who made this release possible.
|
|
68
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
69
|
+
|
|
70
|
+
### `@mui/material@5.11.4`
|
|
71
|
+
|
|
72
|
+
- [Autocomplete] Add index to renderOption's AutocompleteRenderOptionState (#35578) @CowDotDev
|
|
73
|
+
- [Autocomplete] Fix grammar in console.error in `useAutocomplete` (#35723) @hamirmahal
|
|
74
|
+
- [Modal] Fix can't override Backdrop Props using new Slots API (#35140) @ZeeshanTamboli
|
|
75
|
+
- [Select] Revert "Update `renderValue` prop's TypeScript type (#34177)" (#35733) @michaldudak
|
|
76
|
+
- [Tabs] Throw error only if individual `Tab` is hidden, not the whole `Tabs` (#34026) @Ryczko
|
|
77
|
+
- [TextField] Improve WCAG 2.4.7 with error={true} (#35687) @oliviertassinari
|
|
78
|
+
- [Tooltip] Remove `data-foo` attribute (#35736) @koolskateguy89
|
|
79
|
+
|
|
80
|
+
### `@mui/joy@5.0.0-alpha.62`
|
|
81
|
+
|
|
82
|
+
- [Autocomplete][joy] Specify `type` attribute for popup indicator (#35648) @hbjORbj
|
|
83
|
+
- [Joy] Miscellaneous improvements (#35769) @siriwatknp
|
|
84
|
+
- [Joy] Improve `onKeyDown` event handler for demo (#35642) @hbjORbj
|
|
85
|
+
|
|
86
|
+
### `@mui/base@5.0.0-alpha.113`
|
|
87
|
+
|
|
88
|
+
- [Portal][base] Convert code to TypeScript (#35657) @sai6855
|
|
89
|
+
|
|
90
|
+
### Docs
|
|
91
|
+
|
|
92
|
+
- [docs] Revise and expand Joy UI Button doc (#35737) @samuelsycamore
|
|
93
|
+
- [docs] Document the workaround for crashing a translated page (#35720) @michaldudak
|
|
94
|
+
- [docs] Fix API page for `MenuItem` to list all valid props (#35561) @mnajdova
|
|
95
|
+
- [docs] Fix ad exception in Joy UI (#35685) @oliviertassinari
|
|
96
|
+
- [docs] Fix content wider than screen regression @oliviertassinari
|
|
97
|
+
- [examples] Add `Vite.js with TypeScript` example (#35683) @miha53cevic
|
|
98
|
+
|
|
99
|
+
### Core
|
|
100
|
+
|
|
101
|
+
- [core] Close 2022 developer survey @oliviertassinari
|
|
102
|
+
- [core] Fix the product license reference name (#35703) @oliviertassinari
|
|
103
|
+
- [core] Use TypeScript AST instead of TTP for component doc building (#35379) @flaviendelangle
|
|
104
|
+
- [test] Always use & for nesting styles (#35702) @oliviertassinari
|
|
105
|
+
- [website] Improve Lead Designer role description (#35684) @oliviertassinari
|
|
106
|
+
|
|
107
|
+
All contributors of this release in alphabetical order: @CowDotDev, @flaviendelangle, @hamirmahal, @hbjORbj, @koolskateguy89, @michaldudak, @miha53cevic, @mnajdova, @oliviertassinari, @Ryczko, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
|
|
108
|
+
|
|
109
|
+
## 5.11.3
|
|
110
|
+
|
|
111
|
+
<!-- generated comparing v5.11.2..master -->
|
|
112
|
+
|
|
113
|
+
_Jan 2, 2023_
|
|
114
|
+
|
|
115
|
+
A big thanks to the 6 contributors who made this release possible.
|
|
116
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
117
|
+
|
|
118
|
+
### `@mui/material@5.11.3`
|
|
119
|
+
|
|
120
|
+
- ​<!-- 02 -->[Select] Update `renderValue` prop's TypeScript type (#34177) @ZeeshanTamboli
|
|
121
|
+
|
|
122
|
+
### `@mui/joy@5.0.0-alpha.61`
|
|
123
|
+
|
|
124
|
+
- ​<!-- 14 -->[Autocomplete][joy] Export component (#35647) @mbranch
|
|
125
|
+
|
|
126
|
+
### Docs
|
|
127
|
+
|
|
128
|
+
- ​<!-- 13 -->[blog] Fix handling of markdown links (#35628) @oliviertassinari
|
|
129
|
+
- ​<!-- 09 -->[docs] Fix demo code selection through copy shortcut key on Firefox browser (#35670) @ZeeshanTamboli
|
|
130
|
+
- ​<!-- 08 -->[docs] Fix layout shift when streaming the page (#35627) @oliviertassinari
|
|
131
|
+
- ​<!-- 07 -->[docs] Fix switch name to reflect the color (#35052) @rjhcnf
|
|
132
|
+
- ​<!-- 06 -->[docs] Fix anchor link in the card's docs and fix a typo (#35634) @ZeeshanTamboli
|
|
133
|
+
- ​<!-- 05 -->[docs] Fix layout shift with modal (#35591) @oliviertassinari
|
|
134
|
+
- ​<!-- 04 -->[Joy][docs] Add documentation for `Input` component (#35482) @hbjORbj
|
|
135
|
+
- ​<!-- 03 -->[docs][joy] Improved readability on theme tokens page (#35639) @badalsaibo
|
|
136
|
+
|
|
137
|
+
### Core
|
|
138
|
+
|
|
139
|
+
- ​<!-- 12 -->[core] Disable prefetch of footer links @oliviertassinari
|
|
140
|
+
- ​<!-- 11 -->[core] A few SEO fixes (#35672) @oliviertassinari
|
|
141
|
+
- ​<!-- 10 -->[core] Remove need for scopePathnames (#35584) @oliviertassinari
|
|
142
|
+
- ​<!-- 01 -->[test] Fix Algolia noisy lvl1 anchor (#35686) @oliviertassinari
|
|
143
|
+
|
|
144
|
+
All contributors of this release in alphabetical order: @badalsaibo, @hbjORbj, @mbranch, @oliviertassinari, @rjhcnf, @ZeeshanTamboli
|
|
145
|
+
|
|
3
146
|
## 5.11.2
|
|
4
147
|
|
|
5
148
|
<!-- generated comparing v5.11.1..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;
|