@mui/system 5.10.1 → 5.10.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.
Files changed (41) hide show
  1. package/Box/Box.d.ts +10 -10
  2. package/Box/Box.spec.d.ts +1 -1
  3. package/CHANGELOG.md +165 -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/Stack/Stack.d.ts +13 -12
  9. package/Stack/Stack.js +1 -0
  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/Stack/Stack.js +1 -0
  30. package/esm/cssVars/useCurrentColorScheme.js +60 -47
  31. package/index.js +1 -1
  32. package/index.spec.d.ts +1 -1
  33. package/legacy/Stack/Stack.js +1 -0
  34. package/legacy/cssVars/useCurrentColorScheme.js +60 -47
  35. package/legacy/index.js +1 -1
  36. package/modern/Stack/Stack.js +1 -0
  37. package/modern/cssVars/useCurrentColorScheme.js +60 -47
  38. package/modern/index.js +1 -1
  39. package/package.json +6 -6
  40. package/styleFunctionSx/styleFunctionSx.spec.d.ts +1 -1
  41. package/useThemeProps/getThemeProps.d.ts +5 -5
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,170 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.10.4
4
+
5
+ <!-- generated comparing v5.10.3..master -->
6
+
7
+ _Sep 5, 2022_
8
+
9
+ A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🚀 Added [`Alert`](https://mui.com/joy-ui/react-alert/) component to Joy UI (#33859) @hbjORbj
12
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
13
+
14
+ ### `@mui/material@5.10.4`
15
+
16
+ - &#8203;<!-- 22 -->[Avatar] Use structured / semantic markup for avatars and avatar groups (#33994) @paulschreiber
17
+ - &#8203;<!-- 05 -->[Steps] Use structured / semantic markup for steps and steppers (#34138) @paulschreiber
18
+
19
+ ### `@mui/joy@5.0.0-alpha.44`
20
+
21
+ - &#8203;<!-- 23 -->[Alert][joy] Add `Alert` component (#33859) @hbjORbj
22
+ - &#8203;<!-- 08 -->[Joy] Make the description of `componentsProps` generic (#34140) @hbjORbj
23
+ - &#8203;<!-- 07 -->[Joy] Add tests / classes for `Breadcrumbs` component (#33860) @hbjORbj
24
+ - &#8203;<!-- 06 -->[Select][joy] Fix forwarding listbox `component` prop (#34172) @siriwatknp
25
+
26
+ ### `@mui/base@5.0.0-alpha.96`
27
+
28
+ - &#8203;<!-- 21 -->[Select][base] Fix type issues that appeared with TS 4.8 (#34132) @michaldudak
29
+
30
+ ### Docs
31
+
32
+ - &#8203;<!-- 15 -->[docs] Add `mui-color-input`, `mui-chips-input` and `mui-tel-input` into the related projects page (#34123) @viclafouch
33
+ - &#8203;<!-- 14 -->[docs] Update sponsors (#34157) @hbjORbj
34
+ - &#8203;<!-- 13 -->[docs] Move 5 component names to Title Case (#34118) @oliviertassinari
35
+ - &#8203;<!-- 12 -->[docs] Fix the color contrast on optional API methods (#34127) @oliviertassinari
36
+ - &#8203;<!-- 11 -->[docs] Fix crash due to using wrong variable (#34171) @siriwatknp
37
+ - &#8203;<!-- 10 -->[docs] Fix a few Base typos (#33986) @ropereraLK
38
+ - &#8203;<!-- 09 -->[docs] Revise Joy UI "Overview" page copy (#34087) @samuelsycamore
39
+ - &#8203;<!-- 20 -->[blog] Fix social cards (#34160) @oliviertassinari
40
+ - &#8203;<!-- 03 -->[website] Allow deep linking to sponsors @oliviertassinari
41
+ - &#8203;<!-- 02 -->[website] Update job descriptions (#34134) @DanailH
42
+ - &#8203;<!-- 01 -->[website] Link Toolpad landing page @oliviertassinari
43
+
44
+ ### Core
45
+
46
+ - &#8203;<!-- 19 -->[core] Move renovate config to the repository root (#34180) @oliviertassinari
47
+ - &#8203;<!-- 18 -->[core] Reinstate react/no-unused-prop-types eslint rule (#34125) @Janpot
48
+ - &#8203;<!-- 17 -->[core] Do not append `types` field to packages without index.d.ts (#33952) @michaldudak
49
+ - &#8203;<!-- 16 -->[core] Sanitize input in icon synonyms update script (#33989) @michaldudak
50
+ - &#8203;<!-- 04 -->[test] Allow to pass options to `mousePress` function (#34124) @cherniavskii
51
+
52
+ All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @hbjORbj, @Janpot, @michaldudak, @oliviertassinari, @paulschreiber, @ropereraLK, @samuelsycamore, @siriwatknp, @viclafouch
53
+
54
+ ## 5.10.3
55
+
56
+ <!-- generated comparing v5.10.2..master -->
57
+
58
+ _Aug 29, 2022_
59
+
60
+ A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
61
+
62
+ - ⚡ @mnajdova implemented an alternative to OverridableComponent to achieve better dev-time performance (#32735)
63
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
64
+
65
+ ### `@mui/material@5.10.3`
66
+
67
+ - [Autocomplete][material] Fix value overflow when `disableClearable` is used (#34053) @mnajdova
68
+ - [Autocomplete] Update unstyled demo to not import Material UI (#34060) @oliviertassinari
69
+ - [Slider] Remove SliderInput export from d.ts (#34055) @pieetrus
70
+ - [TablePagination] Fix select variant not working (#33974) @ZeeshanTamboli
71
+
72
+ ### `@mui/system@5.10.3`
73
+
74
+ - [system] Fix mode blink when open multiple sessions (#33877) @siriwatknp
75
+
76
+ ### `@mui/base@5.0.0-alpha.95`
77
+
78
+ - [Button][base] Prevent too many ref updates (#33882) @michaldudak
79
+ - [Select][base] Fix typo in listbox blur event handler (#34120) @ZeeshanTamboli
80
+ - [TrapFocus] Improve tab test and simplify demo (#34008) @EthanStandel
81
+
82
+ ### `@mui/joy@5.0.0-alpha.43`
83
+
84
+ - [Joy] Fix `role` proptypes (#34119) @siriwatknp
85
+ - [Joy] Refine `componentsProps` for all components (#34077) @siriwatknp
86
+ - [Radio][joy] support `componentsProps` as a function (#34022) @siriwatknp
87
+ - [Select][joy] Improve the a11y on the select field demo (#34073) @mnajdova
88
+ - [Textarea][joy] Add `Textarea` component (#33975) @siriwatknp
89
+
90
+ ### Docs
91
+
92
+ - [blog] Add Grid v2 announcement (#33926) @siriwatknp
93
+ - [blog] Making customizable components (#33183) @alexfauquette
94
+ - [blog] Improve SEO metadata (#33954) @oliviertassinari
95
+ - [docs] Add introduction Base component demos & general uplift (#33896) @danilo-leal
96
+ - [docs] Fix Gatsby sample config in CSS variables (#34024) @bicstone
97
+ - [docs] Fix 404 link from Joy to React Router (#34115) @oliviertassinari
98
+ - [docs] Fix typo in `Select` component (#34091) @HexM7
99
+ - [docs] Fix 301 links to tss's docs @oliviertassinari
100
+ - [docs] Fixing Joy UI usage snippet (#34049) @JonathanAsbury-SPS
101
+ - [docs] Fix missing JSX closing tag in Tooltip docs (#34064) @hoangph271
102
+ - [website] Add Toolpad to Navigation (#33937) @bharatkashyap
103
+ - [website] Improve SEO meta description for MUI X @oliviertassinari
104
+ - [website] Improve visual look of code demos (#34070) @oliviertassinari
105
+ - [website] Fix `DatePicker` component demo on the home page (#34054) @NaveenPantra
106
+
107
+ ### Core
108
+
109
+ - [core] Offer alternative to `OverridableComponent` via module augmentation for better performance (#32735) @mnajdova
110
+ - [core] Fix prop-type warning in regression tests (#34086) @oliviertassinari
111
+ - [core] Specify code owners (#33995) @michaldudak
112
+ - [core] Fix scroll restoration (#34037) @oliviertassinari
113
+
114
+ 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
115
+
116
+ ## 5.10.2
117
+
118
+ <!-- generated comparing v5.10.1..master -->
119
+
120
+ _Aug 22, 2022_
121
+
122
+ A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
123
+
124
+ - ✨ @michaldudak synced the Material Icons set with the latest from Google (#33988).
125
+ A couple of icons changed their appearance. See the difference [on this Argos build](https://app.argos-ci.com/mui/material-ui/builds/4428]).
126
+
127
+ ### `@mui/material@5.10.2`
128
+
129
+ - &#8203;<!-- 16 -->[Autocomplete] Fix `keepMounted` Popper prop not working (#33957) @ZeeshanTamboli
130
+ - &#8203;<!-- 10 -->[IconButton] Fix hover effect when CSS Variables are enabled (#33971) @TheUnlocked
131
+ - &#8203;<!-- 07 -->[LoadingButton] Add support for CSS variables (#34001) @ZeeshanTamboli
132
+ - &#8203;<!-- 05 -->[TimelineConnector] Add support for CSS variables (#34002) @ZeeshanTamboli
133
+ - &#8203;<!-- 04 -->[TimelineDot] Add support for CSS variables (#34003) @ZeeshanTamboli
134
+ - &#8203;<!-- 03 -->[TreeItem] Add support for CSS variables (#34004) @ZeeshanTamboli
135
+
136
+ ### `@mui/system@5.10.2`
137
+
138
+ - &#8203;<!-- 06 -->[system] catch localStorage errors (#34027) @jsakas
139
+
140
+ ### `@mui/joy@5.0.0-alpha.42`
141
+
142
+ - &#8203;<!-- 08 -->[Joy] Add missing global exports (#33982) @tomasz-sodzawiczny
143
+
144
+ ### `@mui/icons-material@5.8.5`
145
+
146
+ - &#8203;<!-- 09 -->[icons] Sync the Material Icons (#33988) @michaldudak
147
+
148
+ ### Docs
149
+
150
+ - &#8203;<!-- 21 -->[docs] Fix typo in using-joy-ui-and-material-ui.md (#33997) @djohalo2 @danilo-leal
151
+ - &#8203;<!-- 20 -->[docs] Fix typo in the Transition docs (#34040) @alirezahekmati
152
+ - &#8203;<!-- 19 -->[docs] Typo fix in Joy UI Aspect Ratio doc (#33984) @AjeetSingh2016
153
+ - &#8203;<!-- 15 -->[docs] Fix broken Joy UI codesandbox export (#34007) @oliviertassinari
154
+ - &#8203;<!-- 14 -->[docs] Fix typos in `test` folder's README (#33976) @ropereraLK
155
+ - &#8203;<!-- 13 -->[docs] Fix interior section links in Base docs that feature hooks (#33948) @samuelsycamore
156
+ - &#8203;<!-- 12 -->[docs] Fix typo in Joy UI's List Component docs (#33956) @Cerebro92
157
+ - &#8203;<!-- 11 -->[docs] Fix typo in Joy UI's docs (#33938) @AjeetSingh2016
158
+
159
+ ### Core
160
+
161
+ - &#8203;<!-- 18 -->[website] Optimize meta description length (#34006) @oliviertassinari
162
+ - &#8203;<!-- 17 -->Revert "[core] Replace `getInitialProps` with `getStaticProps`" (#33991) @mnajdova
163
+ - &#8203;<!-- 02 -->[website] Move the React Engineer - X to next roles (#34030) @mnajdova
164
+ - &#8203;<!-- 01 -->[website] Add Icons8 gold sponsor (#33978) @michaldudak
165
+
166
+ All contributors of this release in alphabetical order: @AjeetSingh2016, @alirezahekmati, @Cerebro92, @danilo-leal, @djohalo2, @jsakas, @michaldudak, @mnajdova, @oliviertassinari, @ropereraLK, @samuelsycamore, @TheUnlocked, @tomasz-sodzawiczny, @ZeeshanTamboli
167
+
3
168
  ## 5.10.1
4
169
 
5
170
  <!-- generated comparing v5.10.0..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 {};
package/Stack/Stack.d.ts CHANGED
@@ -1,12 +1,13 @@
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
+ * - [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/Stack.js CHANGED
@@ -16,6 +16,7 @@ var _createStack = _interopRequireDefault(require("./createStack"));
16
16
  * Demos:
17
17
  *
18
18
  * - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
19
+ * - [Stack (MUI System)](https://mui.com/system/react-stack/)
19
20
  *
20
21
  * API:
21
22
  *
@@ -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 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';
@@ -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;
@@ -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;