@mui/system 7.0.0-alpha.2 → 7.0.0-beta.0

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 (240) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/Grid/createGrid.js +4 -0
  3. package/Grid/deleteLegacyGridProps.js +47 -0
  4. package/esm/Grid/createGrid.js +4 -0
  5. package/esm/Grid/deleteLegacyGridProps.d.ts +11 -0
  6. package/esm/Grid/deleteLegacyGridProps.js +41 -0
  7. package/esm/index.js +1 -1
  8. package/esm/version/index.js +2 -2
  9. package/index.js +1 -1
  10. package/modern/Grid/createGrid.js +4 -0
  11. package/modern/Grid/deleteLegacyGridProps.js +41 -0
  12. package/modern/index.js +1 -1
  13. package/modern/version/index.js +2 -2
  14. package/package.json +5 -6
  15. package/tsconfig.build.tsbuildinfo +1 -1
  16. package/version/index.js +2 -2
  17. package/Box/Box.d.ts +0 -72
  18. package/Box/boxClasses.d.ts +0 -7
  19. package/Box/index.d.ts +0 -4
  20. package/CSSProperties.d.ts +0 -7
  21. package/Container/Container.d.ts +0 -13
  22. package/Container/ContainerProps.d.ts +0 -40
  23. package/Container/containerClasses.d.ts +0 -22
  24. package/Container/createContainer.d.ts +0 -18
  25. package/Container/index.d.ts +0 -4
  26. package/DefaultPropsProvider/DefaultPropsProvider.d.ts +0 -18
  27. package/DefaultPropsProvider/index.d.ts +0 -1
  28. package/GlobalStyles/GlobalStyles.d.ts +0 -17
  29. package/GlobalStyles/index.d.ts +0 -2
  30. package/Grid/Grid.d.ts +0 -13
  31. package/Grid/GridProps.d.ts +0 -103
  32. package/Grid/createGrid.d.ts +0 -13
  33. package/Grid/gridClasses.d.ts +0 -20
  34. package/Grid/gridGenerator.d.ts +0 -42
  35. package/Grid/index.d.ts +0 -7
  36. package/Grid/traverseBreakpoints.d.ts +0 -7
  37. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +0 -51
  38. package/InitColorSchemeScript/index.d.ts +0 -2
  39. package/RtlProvider/index.d.ts +0 -8
  40. package/Stack/Stack.d.ts +0 -14
  41. package/Stack/StackProps.d.ts +0 -53
  42. package/Stack/createStack.d.ts +0 -24
  43. package/Stack/index.d.ts +0 -5
  44. package/Stack/stackClasses.d.ts +0 -8
  45. package/ThemeProvider/ThemeProvider.d.ts +0 -24
  46. package/ThemeProvider/index.d.ts +0 -2
  47. package/borders/borders.d.ts +0 -13
  48. package/borders/index.d.ts +0 -2
  49. package/breakpoints/breakpoints.d.ts +0 -19
  50. package/breakpoints/index.d.ts +0 -2
  51. package/colorManipulator/colorManipulator.d.ts +0 -25
  52. package/colorManipulator/index.d.ts +0 -1
  53. package/compose/compose.d.ts +0 -2
  54. package/compose/index.d.ts +0 -1
  55. package/createBox/createBox.d.ts +0 -9
  56. package/createBox/index.d.ts +0 -1
  57. package/createBreakpoints/createBreakpoints.d.ts +0 -78
  58. package/createBreakpoints/index.d.ts +0 -3
  59. package/createStyled/createStyled.d.ts +0 -27
  60. package/createStyled/index.d.ts +0 -2
  61. package/createTheme/applyStyles.d.ts +0 -67
  62. package/createTheme/createSpacing.d.ts +0 -10
  63. package/createTheme/createTheme.d.ts +0 -54
  64. package/createTheme/index.d.ts +0 -4
  65. package/createTheme/shape.d.ts +0 -6
  66. package/cssContainerQueries/cssContainerQueries.d.ts +0 -23
  67. package/cssContainerQueries/index.d.ts +0 -3
  68. package/cssGrid/cssGrid.d.ts +0 -2
  69. package/cssGrid/index.d.ts +0 -2
  70. package/cssVars/createCssVarsProvider.d.ts +0 -129
  71. package/cssVars/createCssVarsTheme.d.ts +0 -15
  72. package/cssVars/createGetCssVar.d.ts +0 -5
  73. package/cssVars/cssVarsParser.d.ts +0 -64
  74. package/cssVars/getColorSchemeSelector.d.ts +0 -1
  75. package/cssVars/index.d.ts +0 -7
  76. package/cssVars/prepareCssVars.d.ts +0 -16
  77. package/cssVars/prepareTypographyVars.d.ts +0 -4
  78. package/cssVars/useCurrentColorScheme.d.ts +0 -54
  79. package/display/display.d.ts +0 -2
  80. package/display/index.d.ts +0 -2
  81. package/flexbox/flexbox.d.ts +0 -2
  82. package/flexbox/index.d.ts +0 -2
  83. package/getThemeValue/getThemeValue.d.ts +0 -1
  84. package/getThemeValue/index.d.ts +0 -2
  85. package/index.d.ts +0 -79
  86. package/memoTheme.d.ts +0 -12
  87. package/memoize/index.d.ts +0 -1
  88. package/memoize/memoize.d.ts +0 -1
  89. package/merge/index.d.ts +0 -1
  90. package/merge/merge.d.ts +0 -1
  91. package/modern/Box/Box.d.ts +0 -72
  92. package/modern/Box/boxClasses.d.ts +0 -7
  93. package/modern/Box/index.d.ts +0 -4
  94. package/modern/CSSProperties.d.ts +0 -7
  95. package/modern/Container/Container.d.ts +0 -13
  96. package/modern/Container/ContainerProps.d.ts +0 -40
  97. package/modern/Container/containerClasses.d.ts +0 -22
  98. package/modern/Container/createContainer.d.ts +0 -18
  99. package/modern/Container/index.d.ts +0 -4
  100. package/modern/DefaultPropsProvider/DefaultPropsProvider.d.ts +0 -18
  101. package/modern/DefaultPropsProvider/index.d.ts +0 -1
  102. package/modern/GlobalStyles/GlobalStyles.d.ts +0 -17
  103. package/modern/GlobalStyles/index.d.ts +0 -2
  104. package/modern/Grid/Grid.d.ts +0 -13
  105. package/modern/Grid/GridProps.d.ts +0 -103
  106. package/modern/Grid/createGrid.d.ts +0 -13
  107. package/modern/Grid/gridClasses.d.ts +0 -20
  108. package/modern/Grid/gridGenerator.d.ts +0 -42
  109. package/modern/Grid/index.d.ts +0 -7
  110. package/modern/Grid/traverseBreakpoints.d.ts +0 -7
  111. package/modern/InitColorSchemeScript/InitColorSchemeScript.d.ts +0 -51
  112. package/modern/InitColorSchemeScript/index.d.ts +0 -2
  113. package/modern/RtlProvider/index.d.ts +0 -8
  114. package/modern/Stack/Stack.d.ts +0 -14
  115. package/modern/Stack/StackProps.d.ts +0 -53
  116. package/modern/Stack/createStack.d.ts +0 -24
  117. package/modern/Stack/index.d.ts +0 -5
  118. package/modern/Stack/stackClasses.d.ts +0 -8
  119. package/modern/ThemeProvider/ThemeProvider.d.ts +0 -24
  120. package/modern/ThemeProvider/index.d.ts +0 -2
  121. package/modern/borders/borders.d.ts +0 -13
  122. package/modern/borders/index.d.ts +0 -2
  123. package/modern/breakpoints/breakpoints.d.ts +0 -19
  124. package/modern/breakpoints/index.d.ts +0 -2
  125. package/modern/colorManipulator/colorManipulator.d.ts +0 -25
  126. package/modern/colorManipulator/index.d.ts +0 -1
  127. package/modern/compose/compose.d.ts +0 -2
  128. package/modern/compose/index.d.ts +0 -1
  129. package/modern/createBox/createBox.d.ts +0 -9
  130. package/modern/createBox/index.d.ts +0 -1
  131. package/modern/createBreakpoints/createBreakpoints.d.ts +0 -78
  132. package/modern/createBreakpoints/index.d.ts +0 -3
  133. package/modern/createStyled/createStyled.d.ts +0 -27
  134. package/modern/createStyled/index.d.ts +0 -2
  135. package/modern/createTheme/applyStyles.d.ts +0 -67
  136. package/modern/createTheme/createSpacing.d.ts +0 -10
  137. package/modern/createTheme/createTheme.d.ts +0 -54
  138. package/modern/createTheme/index.d.ts +0 -4
  139. package/modern/createTheme/shape.d.ts +0 -6
  140. package/modern/cssContainerQueries/cssContainerQueries.d.ts +0 -23
  141. package/modern/cssContainerQueries/index.d.ts +0 -3
  142. package/modern/cssGrid/cssGrid.d.ts +0 -2
  143. package/modern/cssGrid/index.d.ts +0 -2
  144. package/modern/cssVars/createCssVarsProvider.d.ts +0 -129
  145. package/modern/cssVars/createCssVarsTheme.d.ts +0 -15
  146. package/modern/cssVars/createGetCssVar.d.ts +0 -5
  147. package/modern/cssVars/cssVarsParser.d.ts +0 -64
  148. package/modern/cssVars/getColorSchemeSelector.d.ts +0 -1
  149. package/modern/cssVars/index.d.ts +0 -7
  150. package/modern/cssVars/prepareCssVars.d.ts +0 -16
  151. package/modern/cssVars/prepareTypographyVars.d.ts +0 -4
  152. package/modern/cssVars/useCurrentColorScheme.d.ts +0 -54
  153. package/modern/display/display.d.ts +0 -2
  154. package/modern/display/index.d.ts +0 -2
  155. package/modern/flexbox/flexbox.d.ts +0 -2
  156. package/modern/flexbox/index.d.ts +0 -2
  157. package/modern/getThemeValue/getThemeValue.d.ts +0 -1
  158. package/modern/getThemeValue/index.d.ts +0 -2
  159. package/modern/index.d.ts +0 -79
  160. package/modern/memoTheme.d.ts +0 -12
  161. package/modern/memoize/index.d.ts +0 -1
  162. package/modern/memoize/memoize.d.ts +0 -1
  163. package/modern/merge/index.d.ts +0 -1
  164. package/modern/merge/merge.d.ts +0 -1
  165. package/modern/palette/index.d.ts +0 -2
  166. package/modern/palette/palette.d.ts +0 -4
  167. package/modern/positions/index.d.ts +0 -2
  168. package/modern/positions/positions.d.ts +0 -2
  169. package/modern/preprocessStyles.d.ts +0 -5
  170. package/modern/propsToClassKey/index.d.ts +0 -1
  171. package/modern/propsToClassKey/propsToClassKey.d.ts +0 -1
  172. package/modern/responsivePropType/index.d.ts +0 -1
  173. package/modern/responsivePropType/responsivePropType.d.ts +0 -2
  174. package/modern/shadows/index.d.ts +0 -1
  175. package/modern/shadows/shadows.d.ts +0 -2
  176. package/modern/sizing/index.d.ts +0 -2
  177. package/modern/sizing/sizing.d.ts +0 -11
  178. package/modern/spacing/index.d.ts +0 -2
  179. package/modern/spacing/spacing.d.ts +0 -18
  180. package/modern/style/index.d.ts +0 -2
  181. package/modern/style/style.d.ts +0 -19
  182. package/modern/styleFunctionSx/AliasesCSSProperties.d.ts +0 -269
  183. package/modern/styleFunctionSx/OverwriteCSSProperties.d.ts +0 -54
  184. package/modern/styleFunctionSx/StandardCssProperties.d.ts +0 -2
  185. package/modern/styleFunctionSx/defaultSxConfig.d.ts +0 -15
  186. package/modern/styleFunctionSx/extendSxProp.d.ts +0 -4
  187. package/modern/styleFunctionSx/index.d.ts +0 -9
  188. package/modern/styleFunctionSx/styleFunctionSx.d.ts +0 -62
  189. package/modern/styled/index.d.ts +0 -1
  190. package/modern/styled/styled.d.ts +0 -3
  191. package/modern/typography/index.d.ts +0 -2
  192. package/modern/typography/typography.d.ts +0 -11
  193. package/modern/useMediaQuery/index.d.ts +0 -2
  194. package/modern/useMediaQuery/useMediaQuery.d.ts +0 -32
  195. package/modern/useTheme/index.d.ts +0 -2
  196. package/modern/useTheme/useTheme.d.ts +0 -2
  197. package/modern/useThemeProps/getThemeProps.d.ts +0 -16
  198. package/modern/useThemeProps/index.d.ts +0 -3
  199. package/modern/useThemeProps/useThemeProps.d.ts +0 -14
  200. package/modern/useThemeWithoutDefault/index.d.ts +0 -1
  201. package/modern/useThemeWithoutDefault/useThemeWithoutDefault.d.ts +0 -1
  202. package/modern/version/index.d.ts +0 -6
  203. package/palette/index.d.ts +0 -2
  204. package/palette/palette.d.ts +0 -4
  205. package/positions/index.d.ts +0 -2
  206. package/positions/positions.d.ts +0 -2
  207. package/preprocessStyles.d.ts +0 -5
  208. package/propsToClassKey/index.d.ts +0 -1
  209. package/propsToClassKey/propsToClassKey.d.ts +0 -1
  210. package/responsivePropType/index.d.ts +0 -1
  211. package/responsivePropType/responsivePropType.d.ts +0 -2
  212. package/shadows/index.d.ts +0 -1
  213. package/shadows/shadows.d.ts +0 -2
  214. package/sizing/index.d.ts +0 -2
  215. package/sizing/sizing.d.ts +0 -11
  216. package/spacing/index.d.ts +0 -2
  217. package/spacing/spacing.d.ts +0 -18
  218. package/style/index.d.ts +0 -2
  219. package/style/style.d.ts +0 -19
  220. package/styleFunctionSx/AliasesCSSProperties.d.ts +0 -269
  221. package/styleFunctionSx/OverwriteCSSProperties.d.ts +0 -54
  222. package/styleFunctionSx/StandardCssProperties.d.ts +0 -2
  223. package/styleFunctionSx/defaultSxConfig.d.ts +0 -15
  224. package/styleFunctionSx/extendSxProp.d.ts +0 -4
  225. package/styleFunctionSx/index.d.ts +0 -9
  226. package/styleFunctionSx/styleFunctionSx.d.ts +0 -62
  227. package/styled/index.d.ts +0 -1
  228. package/styled/styled.d.ts +0 -3
  229. package/typography/index.d.ts +0 -2
  230. package/typography/typography.d.ts +0 -11
  231. package/useMediaQuery/index.d.ts +0 -2
  232. package/useMediaQuery/useMediaQuery.d.ts +0 -32
  233. package/useTheme/index.d.ts +0 -2
  234. package/useTheme/useTheme.d.ts +0 -2
  235. package/useThemeProps/getThemeProps.d.ts +0 -16
  236. package/useThemeProps/index.d.ts +0 -3
  237. package/useThemeProps/useThemeProps.d.ts +0 -14
  238. package/useThemeWithoutDefault/index.d.ts +0 -1
  239. package/useThemeWithoutDefault/useThemeWithoutDefault.d.ts +0 -1
  240. package/version/index.d.ts +0 -6
@@ -1,269 +0,0 @@
1
- import { StandardCSSProperties } from "./StandardCssProperties.js";
2
- export interface AliasesCSSProperties {
3
- /**
4
- * The **`background-color`** CSS property sets the background color of an element.
5
- *
6
- * **Initial value**: `transparent`
7
- *
8
- * | Chrome | Firefox | Safari | Edge | IE |
9
- * | :----: | :-----: | :----: | :----: | :---: |
10
- * | **1** | **1** | **1** | **12** | **4** |
11
- *
12
- * @see https://developer.mozilla.org/docs/Web/CSS/background-color
13
- */
14
- bgcolor?: StandardCSSProperties['backgroundColor'];
15
- /**
16
- * The **`margin`** CSS property sets the margin on all four sides of an element. It is a shorthand for `margin-top`, `margin-right`, `margin-bottom`, and `margin-left`.
17
- *
18
- * | Chrome | Firefox | Safari | Edge | IE |
19
- * | :----: | :-----: | :----: | :----: | :---: |
20
- * | **1** | **1** | **1** | **12** | **3** |
21
- *
22
- * @see https://developer.mozilla.org/docs/Web/CSS/margin
23
- */
24
- m?: StandardCSSProperties['margin'];
25
- /**
26
- * The **`margin-top`** CSS property sets the margin on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
27
- *
28
- * **Initial value**: `0`
29
- *
30
- * | Chrome | Firefox | Safari | Edge | IE |
31
- * | :----: | :-----: | :----: | :----: | :---: |
32
- * | **1** | **1** | **1** | **12** | **3** |
33
- *
34
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
35
- */
36
- mt?: StandardCSSProperties['marginTop'];
37
- /**
38
- * The **`margin-right`** CSS property sets the margin on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
39
- *
40
- * **Initial value**: `0`
41
- *
42
- * | Chrome | Firefox | Safari | Edge | IE |
43
- * | :----: | :-----: | :----: | :----: | :---: |
44
- * | **1** | **1** | **1** | **12** | **3** |
45
- *
46
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
47
- */
48
- mr?: StandardCSSProperties['marginRight'];
49
- /**
50
- * The **`margin-bottom`** CSS property sets the margin on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
51
- *
52
- * **Initial value**: `0`
53
- *
54
- * | Chrome | Firefox | Safari | Edge | IE |
55
- * | :----: | :-----: | :----: | :----: | :---: |
56
- * | **1** | **1** | **1** | **12** | **3** |
57
- *
58
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
59
- */
60
- mb?: StandardCSSProperties['marginBottom'];
61
- /**
62
- * The **`margin-left`** CSS property sets the margin on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
63
- *
64
- * **Initial value**: `0`
65
- *
66
- * | Chrome | Firefox | Safari | Edge | IE |
67
- * | :----: | :-----: | :----: | :----: | :---: |
68
- * | **1** | **1** | **1** | **12** | **3** |
69
- *
70
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
71
- */
72
- ml?: StandardCSSProperties['marginLeft'];
73
- /**
74
- * The **`mx`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value places it
75
- * farther from its neighbors, while a negative value places it closer.
76
- *
77
- * **Initial value**: `0`
78
- *
79
- * | Chrome | Firefox | Safari | Edge | IE |
80
- * | :----: | :-----: | :----: | :----: | :---: |
81
- * | **1** | **1** | **1** | **12** | **3** |
82
- *
83
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
84
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
85
- */
86
- mx?: StandardCSSProperties['marginLeft'];
87
- /**
88
- * The **`marginX`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value
89
- * places it farther from its neighbors, while a negative value places it closer.
90
- *
91
- * **Initial value**: `0`
92
- *
93
- * | Chrome | Firefox | Safari | Edge | IE |
94
- * | :----: | :-----: | :----: | :----: | :---: |
95
- * | **1** | **1** | **1** | **12** | **3** |
96
- *
97
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
98
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
99
- */
100
- marginX?: StandardCSSProperties['marginLeft'];
101
- /**
102
- * The **`my`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places it
103
- * farther from its neighbors, while a negative value places it closer.
104
- *
105
- * **Initial value**: `0`
106
- *
107
- * | Chrome | Firefox | Safari | Edge | IE |
108
- * | :----: | :-----: | :----: | :----: | :---: |
109
- * | **1** | **1** | **1** | **12** | **3** |
110
- *
111
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
112
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
113
- */
114
- my?: StandardCSSProperties['marginTop'];
115
- /**
116
- * The **`marginY`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places
117
- * it farther from its neighbors, while a negative value places it closer.
118
- *
119
- * **Initial value**: `0`
120
- *
121
- * | Chrome | Firefox | Safari | Edge | IE |
122
- * | :----: | :-----: | :----: | :----: | :---: |
123
- * | **1** | **1** | **1** | **12** | **3** |
124
- *
125
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
126
- * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
127
- */
128
- marginY?: StandardCSSProperties['marginTop'];
129
- /**
130
- * The **`padding`** CSS property sets the padding on all four sides of an element. It is a shorthand for `padding-top`, `padding-right`, `padding-bottom`, and `padding-left`.
131
- *
132
- * | Chrome | Firefox | Safari | Edge | IE |
133
- * | :----: | :-----: | :----: | :----: | :---: |
134
- * | **1** | **1** | **1** | **12** | **4** |
135
- *
136
- * @see https://developer.mozilla.org/docs/Web/CSS/padding
137
- */
138
- p?: StandardCSSProperties['padding'];
139
- /**
140
- * The **`padding-top`** CSS property sets the height of the padding at the top of an element.
141
- *
142
- * **Initial value**: `0`
143
- *
144
- * | Chrome | Firefox | Safari | Edge | IE |
145
- * | :----: | :-----: | :----: | :----: | :---: |
146
- * | **1** | **1** | **1** | **12** | **4** |
147
- *
148
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
149
- */
150
- pt?: StandardCSSProperties['paddingTop'];
151
- /**
152
- * The **`padding-right`** CSS property sets the width of the padding at the right side of an element.
153
- *
154
- * **Initial value**: `0`
155
- *
156
- * | Chrome | Firefox | Safari | Edge | IE |
157
- * | :----: | :-----: | :----: | :----: | :---: |
158
- * | **1** | **1** | **1** | **12** | **4** |
159
- *
160
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
161
- */
162
- pr?: StandardCSSProperties['paddingRight'];
163
- /**
164
- * The **`padding-bottom`** CSS property sets the height of the padding on the bottom of an element.
165
- *
166
- * **Initial value**: `0`
167
- *
168
- * | Chrome | Firefox | Safari | Edge | IE |
169
- * | :----: | :-----: | :----: | :----: | :---: |
170
- * | **1** | **1** | **1** | **12** | **4** |
171
- *
172
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
173
- */
174
- pb?: StandardCSSProperties['paddingBottom'];
175
- /**
176
- * The **`padding-left`** CSS property sets the width of the padding at the left side of an element.
177
- *
178
- * **Initial value**: `0`
179
- *
180
- * | Chrome | Firefox | Safari | Edge | IE |
181
- * | :----: | :-----: | :----: | :----: | :---: |
182
- * | **1** | **1** | **1** | **12** | **4** |
183
- *
184
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
185
- */
186
- pl?: StandardCSSProperties['paddingLeft'];
187
- /**
188
- * The **`px`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right side of an element.
189
- *
190
- * **Initial value**: `0`
191
- *
192
- * | Chrome | Firefox | Safari | Edge | IE |
193
- * | :----: | :-----: | :----: | :----: | :---: |
194
- * | **1** | **1** | **1** | **12** | **4** |
195
- *
196
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
197
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
198
- */
199
- px?: StandardCSSProperties['paddingLeft'];
200
- /**
201
- * The **`paddingX`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right sides of an element.
202
- *
203
- * **Initial value**: `0`
204
- *
205
- * | Chrome | Firefox | Safari | Edge | IE |
206
- * | :----: | :-----: | :----: | :----: | :---: |
207
- * | **1** | **1** | **1** | **12** | **4** |
208
- *
209
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
210
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
211
- */
212
- paddingX?: StandardCSSProperties['paddingLeft'];
213
- /**
214
- * The **`py`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
215
- *
216
- * **Initial value**: `0`
217
- *
218
- * | Chrome | Firefox | Safari | Edge | IE |
219
- * | :----: | :-----: | :----: | :----: | :---: |
220
- * | **1** | **1** | **1** | **12** | **4** |
221
- *
222
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
223
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
224
- */
225
- py?: StandardCSSProperties['paddingTop'];
226
- /**
227
- * The **`paddingY`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
228
- *
229
- * **Initial value**: `0`
230
- *
231
- * | Chrome | Firefox | Safari | Edge | IE |
232
- * | :----: | :-----: | :----: | :----: | :---: |
233
- * | **1** | **1** | **1** | **12** | **4** |
234
- *
235
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
236
- * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
237
- */
238
- paddingY?: StandardCSSProperties['paddingTop'];
239
- /**
240
- * The **`typography`** property is shorthand for the CSS properties **`font-family`**, **`font-weight`**, **`font-size`**, **`line-height`**, **`letter-spacing`** and **`text-transform``**.
241
- * It takes the values defined under `theme.typography` and spreads them on the element.
242
- *
243
- * **Initial value**: `0`
244
- *
245
- * | Chrome | Firefox | Safari | Edge | IE |
246
- * | :----: | :-----: | :----: | :----: | :---: |
247
- * | **2** | **1** | **1** | **12** | **5.5** |
248
- *
249
- * @see https://developer.mozilla.org/docs/Web/CSS/font-family
250
- * @see https://developer.mozilla.org/docs/Web/CSS/font-weight
251
- * @see https://developer.mozilla.org/docs/Web/CSS/font-size
252
- * @see https://developer.mozilla.org/docs/Web/CSS/line-height
253
- * @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing
254
- * @see https://developer.mozilla.org/docs/Web/CSS/text-transform
255
- */
256
- typography?: string;
257
- /**
258
- * The **`displayPrint`** property sets the display value for the element when the page is printed.
259
- *
260
- * **Initial value**: `inline`
261
- *
262
- * | Chrome | Firefox | Safari | Edge | IE |
263
- * | :----: | :-----: | :----: | :----: | :---: |
264
- * | **1** | **1** | **1** | **12** | **4** |
265
- *
266
- * @see https://developer.mozilla.org/docs/Web/CSS/display
267
- */
268
- displayPrint?: StandardCSSProperties['display'];
269
- }
@@ -1,54 +0,0 @@
1
- import * as CSS from 'csstype';
2
- export interface OverwriteCSSProperties {
3
- /**
4
- * The **`border`** CSS property is shorthand for the CSS properties **`border-width`**, **`border-style`**, and **`border-color`**. It sets an element's border.
5
- *
6
- * **Initial value**: `none`
7
- *
8
- * | Chrome | Firefox | Safari | Edge | IE |
9
- * | :----: | :-----: | :----: | :----: | :---: |
10
- * | **1** | **1** | **1** | **12** | **4** |
11
- *
12
- * @see https://developer.mozilla.org/docs/Web/CSS/border
13
- */
14
- border?: CSS.Property.Border | number;
15
- /**
16
- * The **`box-shadow`** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the
17
- * element for blur and spread radii, and by its color.
18
- *
19
- * **Initial value**: `none`
20
- *
21
- * | Chrome | Firefox | Safari | Edge | IE |
22
- * | :-----: | :-----: | :-----: | :----: | :---: |
23
- * | **10** | **4** | **5.1** | **12** | **9** |
24
- * | 1 _-x-_ | | 3 _-x-_ | | |
25
- *
26
- * @see https://developer.mozilla.org/docs/Web/CSS/box-shadow
27
- */
28
- boxShadow?: CSS.Property.BoxShadow | number;
29
- /**
30
- * The **`font-weight`** CSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on the `font-family` you are using. Some fonts are only
31
- * available in `normal` and `bold`.
32
- *
33
- * **Initial value**: `normal`
34
- *
35
- * | Chrome | Firefox | Safari | Edge | IE |
36
- * | :----: | :-----: | :----: | :----: | :---: |
37
- * | **2** | **1** | **1** | **12** | **3** |
38
- *
39
- * @see https://developer.mozilla.org/docs/Web/CSS/font-weight
40
- */
41
- fontWeight?: CSS.Property.FontWeight | string;
42
- /**
43
- * The **`z-index`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a higher z-index cover those with a lower one.
44
- *
45
- * **Initial value**: `auto`
46
- *
47
- * | Chrome | Firefox | Safari | Edge | IE |
48
- * | :----: | :-----: | :----: | :----: | :---: |
49
- * | **1** | **1** | **1** | **12** | **4** |
50
- *
51
- * @see https://developer.mozilla.org/docs/Web/CSS/z-index
52
- */
53
- zIndex?: CSS.Property.ZIndex | string;
54
- }
@@ -1,2 +0,0 @@
1
- import * as CSS from 'csstype';
2
- export type StandardCSSProperties = CSS.PropertiesFallback<number | string>;
@@ -1,15 +0,0 @@
1
- import { StyleFunction } from "../Box/index.js";
2
- import { TransformFunction } from "../style/index.js";
3
- type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>>;
4
- export interface SxConfigRecord {
5
- cssProperty?: keyof React.CSSProperties | false;
6
- /**
7
- * dot access in `Theme`
8
- */
9
- themeKey?: string;
10
- transform?: TransformFunction;
11
- style?: SimpleStyleFunction<any>;
12
- }
13
- export type SxConfig = Record<string, SxConfigRecord>;
14
- declare const defaultSxConfig: SxConfig;
15
- export default defaultSxConfig;
@@ -1,4 +0,0 @@
1
- import { SxProps } from "./styleFunctionSx.js";
2
- export default function extendSxProp<Props extends {
3
- sx?: SxProps<any>;
4
- } = {}>(props: Props): Props;
@@ -1,9 +0,0 @@
1
- export { default } from "./styleFunctionSx.js";
2
- export * from "./styleFunctionSx.js";
3
- export * from "./AliasesCSSProperties.js";
4
- export * from "./OverwriteCSSProperties.js";
5
- export * from "./StandardCssProperties.js";
6
- export { default as extendSxProp } from "./extendSxProp.js";
7
- export { default as unstable_defaultSxConfig } from "./defaultSxConfig.js";
8
- export * from "./defaultSxConfig.js";
9
- export * from "./extendSxProp.js";
@@ -1,62 +0,0 @@
1
- import * as CSS from 'csstype';
2
- import { CSSObject } from '@mui/styled-engine';
3
- import { StandardCSSProperties } from "./StandardCssProperties.js";
4
- import { AliasesCSSProperties } from "./AliasesCSSProperties.js";
5
- import { OverwriteCSSProperties } from "./OverwriteCSSProperties.js";
6
-
7
- /**
8
- * The `css` function accepts arrays as values for mobile-first responsive styles.
9
- * Note that this extends to non-theme values also. For example `display=['none', 'block']`
10
- * will also works.
11
- */
12
- export type ResponsiveStyleValue<T> = T | ReadonlyArray<T | null> | {
13
- [key: string]: T | null;
14
- };
15
-
16
- /**
17
- * Map of all CSS pseudo selectors (`:hover`, `:focus`, ...).
18
- */
19
- export type CSSPseudoSelectorProps<Theme extends object = {}> = { [K in CSS.Pseudos]?: ((theme: Theme) => SystemStyleObject<Theme>) | SystemStyleObject<Theme> };
20
-
21
- /**
22
- * Map all nested selectors.
23
- */
24
- export interface CSSSelectorObject<Theme extends object = {}> {
25
- [cssSelector: string]: ((theme: Theme) => SystemStyleObject<Theme>) | SystemStyleObject<Theme>;
26
- }
27
- type CssVariableType = string | number;
28
-
29
- /**
30
- * Map all nested selectors and CSS variables.
31
- */
32
- export interface CSSSelectorObjectOrCssVariables<Theme extends object = {}> {
33
- [cssSelectorOrVariable: string]: ((theme: Theme) => SystemStyleObject<Theme> | string | number) | SystemStyleObject<Theme> | CssVariableType;
34
- }
35
-
36
- /**
37
- * Map of all available CSS properties (including aliases) and their raw value.
38
- * Only used internally to map CSS properties to input types (responsive value,
39
- * theme function or nested) in `SystemCssProperties`.
40
- */
41
- export interface AllSystemCSSProperties extends Omit<StandardCSSProperties, keyof OverwriteCSSProperties>, OverwriteCSSProperties, AliasesCSSProperties {}
42
- export type SystemCssProperties<Theme extends object = {}> = { [K in keyof AllSystemCSSProperties]: ResponsiveStyleValue<AllSystemCSSProperties[K]> | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>) | null };
43
-
44
- /**
45
- * The `SystemStyleObject` defines custom properties that will be transformed to
46
- * their corresponding values from the `Theme`. Other valid CSS properties are also allowed.
47
- */
48
- export type SystemStyleObject<Theme extends object = {}> = SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | null;
49
-
50
- /**
51
- * The `SxProps` can be either object or function
52
- */
53
- export type SxProps<Theme extends object = {}> = SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>) | ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;
54
- export interface StyleFunctionSx {
55
- (props: object): CSSObject;
56
- filterProps?: string[];
57
- }
58
-
59
- // eslint-disable-next-line @typescript-eslint/naming-convention
60
- export function unstable_createStyleFunctionSx(styleFunctionMapping: Record<string, StyleFunctionSx>): StyleFunctionSx;
61
- declare const styleFunctionSx: StyleFunctionSx;
62
- export default styleFunctionSx;
package/styled/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { default } from "./styled.js";
@@ -1,3 +0,0 @@
1
- import { CreateMUIStyled } from "../createStyled/index.js";
2
- declare const styled: CreateMUIStyled;
3
- export default styled;
@@ -1,2 +0,0 @@
1
- export { default } from "./typography.js";
2
- export * from "./typography.js";
@@ -1,11 +0,0 @@
1
- import { PropsFor, SimpleStyleFunction, typography } from "../Box/index.js";
2
- export const typographyVariant: SimpleStyleFunction<'typography'>;
3
- export const fontFamily: SimpleStyleFunction<'fontFamily'>;
4
- export const fontSize: SimpleStyleFunction<'fontSize'>;
5
- export const fontStyle: SimpleStyleFunction<'fontStyle'>;
6
- export const fontWeight: SimpleStyleFunction<'fontWeight'>;
7
- export const letterSpacing: SimpleStyleFunction<'letterSpacing'>;
8
- export const lineHeight: SimpleStyleFunction<'lineHeight'>;
9
- export const textAlign: SimpleStyleFunction<'textAlign'>;
10
- export const textTransform: SimpleStyleFunction<'textTransform'>;
11
- export type TypographyProps = PropsFor<typeof typography>;
@@ -1,2 +0,0 @@
1
- export { default } from "./useMediaQuery.js";
2
- export * from "./useMediaQuery.js";
@@ -1,32 +0,0 @@
1
- export interface UseMediaQueryOptions {
2
- /**
3
- * As `window.matchMedia()` is unavailable on the server,
4
- * it returns a default matches during the first mount.
5
- * @default false
6
- */
7
- defaultMatches?: boolean;
8
- /**
9
- * You can provide your own implementation of matchMedia.
10
- * This can be used for handling an iframe content window.
11
- */
12
- matchMedia?: typeof window.matchMedia;
13
- /**
14
- * To perform the server-side hydration, the hook needs to render twice.
15
- * A first time with `defaultMatches`, the value of the server, and a second time with the resolved value.
16
- * This double pass rendering cycle comes with a drawback: it's slower.
17
- * You can set this option to `true` if you use the returned value **only** client-side.
18
- * @default false
19
- */
20
- noSsr?: boolean;
21
- /**
22
- * You can provide your own implementation of `matchMedia`, it's used when rendering server-side.
23
- */
24
- ssrMatchMedia?: (query: string) => {
25
- matches: boolean;
26
- };
27
- }
28
- export declare function unstable_createUseMediaQuery(params?: {
29
- themeId?: string;
30
- }): <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
31
- declare const useMediaQuery: <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
32
- export default useMediaQuery;
@@ -1,2 +0,0 @@
1
- export { default } from "./useTheme.js";
2
- export * from "./useTheme.js";
@@ -1,2 +0,0 @@
1
- import { Theme } from "../createTheme/index.js";
2
- export default function useTheme<T = Theme>(defaultTheme?: T): T;
@@ -1,16 +0,0 @@
1
- export {};
2
- interface ThemeWithProps<Components> {
3
- components?: { [K in keyof Components]: {
4
- defaultProps?: Partial<Components[K]>;
5
- } };
6
- }
7
- type ThemedProps<Theme, Name extends keyof any> = Theme extends {
8
- components: Record<Name, {
9
- defaultProps: infer Props;
10
- }>;
11
- } ? Props : {};
12
- export default function getThemeProps<Theme, Props, Name extends keyof any>(params: {
13
- props: Props;
14
- name: Name;
15
- theme?: Theme;
16
- }): Props & ThemedProps<Theme, Name>;
@@ -1,3 +0,0 @@
1
- export { default } from "./useThemeProps.js";
2
- export * from "./useThemeProps.js";
3
- export { default as getThemeProps } from "./getThemeProps.js";
@@ -1,14 +0,0 @@
1
- export interface ThemeWithProps {
2
- components?: any;
3
- }
4
- export type ThemedProps<Theme, Name extends keyof any> = Theme extends {
5
- components: Record<Name, {
6
- defaultProps: infer Props;
7
- }>;
8
- } ? Props : {};
9
- export default function useThemeProps<Theme extends ThemeWithProps, Props, Name extends keyof any>(params: {
10
- props: Props;
11
- name: Name;
12
- defaultTheme?: Theme;
13
- themeId?: string;
14
- }): Props & ThemedProps<Theme, Name>;
@@ -1 +0,0 @@
1
- export { default } from "./useThemeWithoutDefault.js";
@@ -1 +0,0 @@
1
- export default function useThemeWithoutDefault<T = null>(defaultTheme?: T): T;
@@ -1,6 +0,0 @@
1
- export declare const version: string | undefined;
2
- export declare const major: number;
3
- export declare const minor: number;
4
- export declare const patch: number;
5
- export declare const prerelease: string | undefined;
6
- export default version;