@mui/system 5.11.12 → 5.11.14
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 +114 -5
- 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 +173 -173
- package/Unstable_Grid/createGrid.d.ts +11 -11
- package/Unstable_Grid/gridClasses.d.ts +20 -20
- package/Unstable_Grid/gridGenerator.d.ts +33 -33
- 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.d.ts +0 -42
- package/cssVars/createCssVarsProvider.spec.d.ts +1 -1
- package/cssVars/createCssVarsTheme.d.ts +13 -10
- package/cssVars/createGetCssVar.d.ts +5 -5
- package/cssVars/cssVarsParser.d.ts +64 -64
- package/cssVars/getInitColorSchemeScript.d.ts +42 -42
- package/cssVars/index.d.ts +5 -5
- package/cssVars/prepareCssVars.d.ts +14 -11
- package/cssVars/useCurrentColorScheme.d.ts +53 -53
- package/esm/styleFunctionSx/defaultSxConfig.js +38 -3
- package/index.js +1 -1
- package/index.spec.d.ts +1 -1
- package/legacy/index.js +1 -1
- package/legacy/styleFunctionSx/defaultSxConfig.js +38 -3
- package/modern/index.js +1 -1
- package/modern/styleFunctionSx/defaultSxConfig.js +35 -3
- package/package.json +3 -3
- package/styleFunctionSx/defaultSxConfig.js +38 -3
- 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,114 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.11.14
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.11.13..master -->
|
|
6
|
+
|
|
7
|
+
_Mar 21, 2023_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 15 contributors who made this release possible.
|
|
10
|
+
This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
|
|
11
|
+
|
|
12
|
+
### `@mui/material@5.11.14`
|
|
13
|
+
|
|
14
|
+
- [Breadcrumbs] Add ability to change icon used in `BreadcrumbCollapsed` through slots (#33812) @pratikkarad
|
|
15
|
+
- [Stepper] Add aria-current to active StepButton (#36526) @michalak111
|
|
16
|
+
- [TabScrollButton] Add ability to change left and right icons (#33863) @pratikkarad
|
|
17
|
+
- [ListItemButton] Respect LinkComponent (#34159) @zaverden
|
|
18
|
+
- [l10n] Add Central Kurdish (ku-CKB) locale (#36592) @HediMuhamad
|
|
19
|
+
|
|
20
|
+
### `@mui/system@5.11.14`
|
|
21
|
+
|
|
22
|
+
- [system] Fix sx prop regression for fontWeight values (#36543) @mnajdova
|
|
23
|
+
|
|
24
|
+
### `@mui/base@5.0.0-alpha.121`
|
|
25
|
+
|
|
26
|
+
- [docs][base] Improve the Slots Table in API docs (#36330) @hbjORbj
|
|
27
|
+
|
|
28
|
+
### `@mui/joy@5.0.0-alpha.72`
|
|
29
|
+
|
|
30
|
+
- [Joy] Ensure new CSS variable naming is everywhere (#36460) @hbjORbj
|
|
31
|
+
- [Menu][joy] Classname listbox is missing (#36520) @hbjORbj
|
|
32
|
+
- [Joy] Fix `--List-decorator*` vars (#36595) @siriwatknp
|
|
33
|
+
|
|
34
|
+
### `@mui/lab@5.0.0-alpha.124`
|
|
35
|
+
|
|
36
|
+
- [Masonry] Include Masonry in theme augmentation interface (#36533) @hbjORbj
|
|
37
|
+
|
|
38
|
+
### Docs
|
|
39
|
+
|
|
40
|
+
- [blog] Post blog about Chamonix retreat to the website (#36517) @mikailaread
|
|
41
|
+
- [blog] Fix image layout shift (#36522) @oliviertassinari
|
|
42
|
+
- [docs] Use `theme.applyDarkStyles` for the rest of the docs (#36161) @siriwatknp
|
|
43
|
+
- [docs] Fix 301 and 404 links (#36555) @oliviertassinari
|
|
44
|
+
- [docs] Keep slot code order in API docs (#36499) @oliviertassinari
|
|
45
|
+
- [docs] Missing className on Migrating from JSS example (#36536) @gabrielnafuzi
|
|
46
|
+
- [docs] Fix function name for Joy templates (#36512) @hbjORbj
|
|
47
|
+
- [docs] Add multiline Chip example (#36437) @dav1app
|
|
48
|
+
- [docs] Add a new gold sponsor (#36518) @hbjORbj
|
|
49
|
+
- [docs][joy] Improve the Slots Table in API docs (#36328) @hbjORbj
|
|
50
|
+
- [docs] Fix virtualElement demo for Popper (#36320) @sai6855
|
|
51
|
+
- [docs] Fix typo in API docs (#36388) @RomanHotsiy
|
|
52
|
+
- [docs] Ensure classname displayed under Slots section in API docs exists (#36539) @hbjORbj
|
|
53
|
+
- [docs][joy] Build TS versions for Modal component demos (#36385) @varunmulay22
|
|
54
|
+
- [docs][joy] Build TS versions for Menu component demos (#36383) @varunmulay22
|
|
55
|
+
- [docs][joy] Build TS versions for Switch component demos (#36379) @varunmulay22
|
|
56
|
+
- [docs] Remove `shouldSkipGeneratingVar` usage (#36581) @siriwatknp
|
|
57
|
+
- [docs][material] Update Table's demo to show pointer cursor on clickable rows (#36546) @varunmulay22
|
|
58
|
+
- [website] Designer role changes (#36528) @danilo-leal
|
|
59
|
+
- [website] No association between showcase and MUI @oliviertassinari
|
|
60
|
+
- [website] Open Head of Operations role (#36501) @oliviertassinari
|
|
61
|
+
- [website] Limit sponsors description to two rows @oliviertassinari
|
|
62
|
+
|
|
63
|
+
### Core
|
|
64
|
+
|
|
65
|
+
- [core] Fix CI @oliviertassinari
|
|
66
|
+
- [core] Fix blank line @oliviertassinari
|
|
67
|
+
- [website] Simplify internal ops @oliviertassinari
|
|
68
|
+
|
|
69
|
+
All contributors of this release in alphabetical order: @danilo-leal, @dav1app, @gabrielnafuzi, @hbjORbj, @HediMuhamad, @michalak111, @mikailaread, @mnajdova, @oliviertassinari, @pratikkarad, @RomanHotsiy, @sai6855, @siriwatknp, @varunmulay22, @zaverden
|
|
70
|
+
|
|
71
|
+
## 5.11.13
|
|
72
|
+
|
|
73
|
+
<!-- generated comparing v5.11.12..master -->
|
|
74
|
+
|
|
75
|
+
_Mar 14, 2023_
|
|
76
|
+
|
|
77
|
+
A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
78
|
+
|
|
79
|
+
- @michaldudak added an option for [disabling the generation](https://mui.com/base/getting-started/customization/#disabling-default-css-classes) of the default classes in MUI Base (#35963)
|
|
80
|
+
- other 🐛 bug fixes and 📚 documentation improvements.
|
|
81
|
+
|
|
82
|
+
### `@mui/material@5.11.13`
|
|
83
|
+
|
|
84
|
+
- ​<!-- 13 -->[core] Bump MUI Base's version in Material UI (#36492) @hbjORbj
|
|
85
|
+
- ​<!-- 17 -->[material] Export `shouldSkipGeneratingVar` from Material UI (#36489) @siriwatknp
|
|
86
|
+
- ​<!-- 06 -->[Typography] Apply font properties to typography inherit variant (#33621) @oyar99
|
|
87
|
+
|
|
88
|
+
### `@mui/base@5.0.0-alpha.121`
|
|
89
|
+
|
|
90
|
+
- ​<!-- 16 -->[base] Disable classes generation via a context (#35963) @michaldudak
|
|
91
|
+
- ​<!-- 15 -->[useMenu][base] Add return interface for useMenu hook (#36376) @HeVictor
|
|
92
|
+
- ​<!-- 05 -->[useBadge] Add interface for the return value (#36042) @skevprog
|
|
93
|
+
- ​<!-- 04 -->[useMenuItem] Add explicit return type (#36359) @rayrw
|
|
94
|
+
- ​<!-- 03 -->[useTabs] Add explicit return type (#36047) @sai6855
|
|
95
|
+
|
|
96
|
+
### Docs
|
|
97
|
+
|
|
98
|
+
- ​<!-- 14 -->[blog] Update fields behavior on date pickers blog post (#36480) @joserodolfofreitas
|
|
99
|
+
- ​<!-- 12 -->[docs] Info markdown not rendering in Contributing Guide README (#36487) @hbjORbj
|
|
100
|
+
- ​<!-- 11 -->[docs] Remove 301 redirection to MUI X lab migration @oliviertassinari
|
|
101
|
+
- ​<!-- 10 -->[docs] Fix a grammar error (#36486) @hbjORbj
|
|
102
|
+
- ​<!-- 09 -->[docs] Add blog post notification for v6 release (#36446) @joserodolfofreitas
|
|
103
|
+
- ​<!-- 08 -->[docs] Update link to v5 docs (#36421) @m4theushw
|
|
104
|
+
- ​<!-- 07 -->[docs] Fix 404 in the API page links (#36419) @oliviertassinari
|
|
105
|
+
- ​<!-- 08 -->[docs][joy] Error in the exemplary Codesandbox of using Material UI and Joy UI together (#36462) @hbjORbj
|
|
106
|
+
- ​<!-- 06 -->[examples] Refactor to have better types in the Next.js + TypeScript examples (#36355) @erikian
|
|
107
|
+
- ​<!-- 02 -->[website] Fix layout shift when loading /blog/mui-x-v6/ @oliviertassinari
|
|
108
|
+
- ​<!-- 01 -->[website] Update stats (#36477) @hrutik7
|
|
109
|
+
|
|
110
|
+
All contributors of this release in alphabetical order: @erikian, @hbjORbj, @HeVictor, @hrutik7, @joserodolfofreitas, @m4theushw, @michaldudak, @oliviertassinari, @oyar99, @rayrw, @sai6855, @siriwatknp, @skevprog
|
|
111
|
+
|
|
3
112
|
## 5.11.12
|
|
4
113
|
|
|
5
114
|
<!-- generated comparing v5.11.11..master -->
|
|
@@ -2242,7 +2351,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
2242
2351
|
- 🧪 Exported Grid v2 as `Unstable_Grid2` (#33479) @siriwatknp
|
|
2243
2352
|
- 📖 Added a guide for using Joy UI and Material UI together (#33396) @siriwatknp
|
|
2244
2353
|
- 🐛 Fixed a few bugs in Material UI components. Thanks to @ZeeshanTamboli, @ivan-ngchakming, and @joebingham-wk.
|
|
2245
|
-
- ⚠️ **[BREAKING CHANGE]** Date pickers were removed from the lab. Learn how to migrate by visiting the [migration guide](https://mui.com/x/
|
|
2354
|
+
- ⚠️ **[BREAKING CHANGE]** Date pickers were removed from the lab. Learn how to migrate by visiting the [migration guide](https://mui.com/x/migration/migration-pickers-lab/). (#33386) @flaviendelangle
|
|
2246
2355
|
- many other 🐛 bug fixes and 📚 documentation improvements
|
|
2247
2356
|
- our documentation site is now running with React 18! (#33196) @mnajdova
|
|
2248
2357
|
|
|
@@ -2268,7 +2377,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
|
|
|
2268
2377
|
|
|
2269
2378
|
- [lab] Remove the pickers (#33386) @flaviendelangle
|
|
2270
2379
|
|
|
2271
|
-
The pickers are moved to MUI X, check out the [migration guide](https://mui.com/x/
|
|
2380
|
+
The pickers are moved to MUI X, check out the [migration guide](https://mui.com/x/migration/migration-pickers-lab/).
|
|
2272
2381
|
|
|
2273
2382
|
**Changes**
|
|
2274
2383
|
|
|
@@ -9035,7 +9144,7 @@ _Nov 4, 2020_
|
|
|
9035
9144
|
A big thanks to the 20 contributors who made this release possible. Here are some highlights ✨:
|
|
9036
9145
|
|
|
9037
9146
|
- ⚛️ Add support for React 17 (#23311) @eps1lon.
|
|
9038
|
-
React 17 release is unusual because it doesn't add any new developer-facing features. It was released a couple of days ago. You can learn more about it in the [introduction post](https://reactjs.org/blog/2020/10/20/react-v17.html). Material UI now supports `^16.8.0 || ^17.0.0`.
|
|
9147
|
+
React 17 release is unusual because it doesn't add any new developer-facing features. It was released a couple of days ago. You can learn more about it in the [introduction post](https://legacy.reactjs.org/blog/2020/10/20/react-v17.html). Material UI now supports `^16.8.0 || ^17.0.0`.
|
|
9039
9148
|
- 🛠 Introduce a new `@material-ui/unstyled` package (#23270) @mnajdova.
|
|
9040
9149
|
This package will host the unstyled version of the components. In this first iteration, only the Slider is available. You can find it documented under the [same page](https://mui.com/components/slider-styled/#unstyled-slider) as the styled version.
|
|
9041
9150
|
|
|
@@ -10044,7 +10153,7 @@ Here are some highlights ✨:
|
|
|
10044
10153
|
#### Breaking changes
|
|
10045
10154
|
|
|
10046
10155
|
- [Modal] Remove `onRendered` prop from Modal and Portal (#22464) @eps1lon
|
|
10047
|
-
Depending on your use case either use a [callback ref](https://reactjs.org/docs/refs-and-the-dom.html#callback-refs) on the child element or an effect hook in the child component.
|
|
10156
|
+
Depending on your use case either use a [callback ref](https://legacy.reactjs.org/docs/refs-and-the-dom.html#callback-refs) on the child element or an effect hook in the child component.
|
|
10048
10157
|
|
|
10049
10158
|
#### Changes
|
|
10050
10159
|
|
|
@@ -10507,7 +10616,7 @@ Here are some highlights ✨:
|
|
|
10507
10616
|
|
|
10508
10617
|
- [RootRef] Remove component (#21974) @eps1lon
|
|
10509
10618
|
This component was removed. You can get a reference to the underlying DOM node of our components via `ref` prop.
|
|
10510
|
-
The component relied on [`ReactDOM.findDOMNode`](https://reactjs.org/docs/react-dom.html#finddomnode) which is [deprecated in `React.StrictMode`](https://reactjs.org/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage).
|
|
10619
|
+
The component relied on [`ReactDOM.findDOMNode`](https://legacy.reactjs.org/docs/react-dom.html#finddomnode) which is [deprecated in `React.StrictMode`](https://legacy.reactjs.org/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage).
|
|
10511
10620
|
|
|
10512
10621
|
```diff
|
|
10513
10622
|
-<RootRef rootRef={ref}>
|
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;
|