@mui/system 6.1.2 → 6.1.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 (353) hide show
  1. package/Box/Box.js +17 -11
  2. package/Box/boxClasses.js +10 -3
  3. package/Box/index.js +35 -3
  4. package/Box/package.json +2 -2
  5. package/CHANGELOG.md +357 -310
  6. package/Container/Container.js +17 -12
  7. package/Container/ContainerProps.js +5 -1
  8. package/Container/containerClasses.js +14 -6
  9. package/Container/createContainer.js +36 -28
  10. package/Container/index.js +35 -3
  11. package/Container/package.json +2 -2
  12. package/DefaultPropsProvider/DefaultPropsProvider.js +19 -11
  13. package/DefaultPropsProvider/index.js +19 -1
  14. package/DefaultPropsProvider/package.json +2 -2
  15. package/GlobalStyles/GlobalStyles.js +18 -11
  16. package/GlobalStyles/index.js +25 -2
  17. package/GlobalStyles/package.json +2 -2
  18. package/Grid/Grid.js +38 -27
  19. package/Grid/GridProps.d.ts +16 -11
  20. package/Grid/GridProps.js +5 -1
  21. package/Grid/createGrid.js +46 -38
  22. package/Grid/gridClasses.js +14 -6
  23. package/Grid/gridGenerator.d.ts +3 -7
  24. package/Grid/gridGenerator.js +62 -69
  25. package/Grid/index.js +63 -6
  26. package/Grid/package.json +2 -2
  27. package/Grid/traverseBreakpoints.js +11 -3
  28. package/InitColorSchemeScript/InitColorSchemeScript.js +16 -7
  29. package/InitColorSchemeScript/index.js +13 -1
  30. package/InitColorSchemeScript/package.json +2 -2
  31. package/RtlProvider/index.js +17 -8
  32. package/RtlProvider/package.json +2 -2
  33. package/Stack/Stack.js +17 -11
  34. package/Stack/StackProps.js +5 -1
  35. package/Stack/createStack.js +46 -36
  36. package/Stack/index.js +55 -5
  37. package/Stack/package.json +2 -2
  38. package/Stack/stackClasses.js +14 -6
  39. package/ThemeProvider/ThemeProvider.js +27 -20
  40. package/ThemeProvider/index.js +13 -1
  41. package/ThemeProvider/package.json +2 -2
  42. package/borders/borders.js +36 -26
  43. package/borders/index.js +25 -2
  44. package/borders/package.json +2 -2
  45. package/breakpoints/breakpoints.js +34 -21
  46. package/breakpoints/index.js +25 -2
  47. package/breakpoints/package.json +2 -2
  48. package/colorManipulator/colorManipulator.js +50 -25
  49. package/colorManipulator/index.js +16 -1
  50. package/colorManipulator/package.json +2 -2
  51. package/compose/compose.js +10 -3
  52. package/compose/index.js +13 -1
  53. package/compose/package.json +2 -2
  54. package/createBox/createBox.js +20 -13
  55. package/createBox/index.js +13 -1
  56. package/createBox/package.json +2 -2
  57. package/createBreakpoints/createBreakpoints.js +9 -2
  58. package/createBreakpoints/index.js +13 -3
  59. package/createBreakpoints/package.json +2 -2
  60. package/createStyled/createStyled.js +161 -117
  61. package/createStyled/index.js +25 -2
  62. package/createStyled/package.json +2 -2
  63. package/createTheme/applyStyles.js +7 -1
  64. package/createTheme/createSpacing.js +8 -3
  65. package/createTheme/createTheme.d.ts +16 -10
  66. package/createTheme/createTheme.js +25 -18
  67. package/createTheme/index.js +27 -3
  68. package/createTheme/package.json +2 -2
  69. package/createTheme/shape.js +7 -1
  70. package/cssContainerQueries/cssContainerQueries.js +16 -7
  71. package/cssContainerQueries/index.js +31 -2
  72. package/cssContainerQueries/package.json +2 -2
  73. package/cssGrid/cssGrid.js +40 -31
  74. package/cssGrid/index.js +25 -2
  75. package/cssGrid/package.json +2 -2
  76. package/cssVars/createCssVarsProvider.d.ts +1 -1
  77. package/cssVars/createCssVarsProvider.js +39 -30
  78. package/cssVars/createCssVarsTheme.js +14 -7
  79. package/cssVars/createGetCssVar.js +7 -1
  80. package/cssVars/cssVarsParser.js +13 -3
  81. package/cssVars/getColorSchemeSelector.js +7 -1
  82. package/cssVars/index.js +41 -5
  83. package/cssVars/package.json +2 -2
  84. package/cssVars/prepareCssVars.js +16 -9
  85. package/cssVars/prepareTypographyVars.js +7 -1
  86. package/cssVars/useCurrentColorScheme.js +15 -7
  87. package/display/display.js +16 -9
  88. package/display/index.js +25 -2
  89. package/display/package.json +2 -2
  90. package/esm/Box/Box.js +30 -0
  91. package/esm/Box/boxClasses.js +3 -0
  92. package/esm/Box/index.js +3 -0
  93. package/{node → esm}/Container/Container.js +12 -17
  94. package/esm/Container/ContainerProps.js +1 -0
  95. package/esm/Container/containerClasses.js +7 -0
  96. package/{node → esm}/Container/createContainer.js +28 -36
  97. package/esm/Container/index.js +3 -0
  98. package/{node → esm}/DefaultPropsProvider/DefaultPropsProvider.js +11 -19
  99. package/esm/DefaultPropsProvider/index.js +1 -0
  100. package/esm/GlobalStyles/GlobalStyles.js +37 -0
  101. package/esm/GlobalStyles/index.js +2 -0
  102. package/esm/Grid/Grid.js +106 -0
  103. package/esm/Grid/GridProps.js +1 -0
  104. package/esm/Grid/createGrid.js +148 -0
  105. package/{node → esm}/Grid/gridClasses.js +6 -14
  106. package/esm/Grid/gridGenerator.js +193 -0
  107. package/esm/Grid/index.js +6 -0
  108. package/{node → esm}/Grid/traverseBreakpoints.js +3 -11
  109. package/{node → esm}/InitColorSchemeScript/InitColorSchemeScript.js +7 -16
  110. package/esm/InitColorSchemeScript/index.js +1 -0
  111. package/esm/RtlProvider/index.js +22 -0
  112. package/{node → esm}/Stack/Stack.js +11 -17
  113. package/esm/Stack/StackProps.js +1 -0
  114. package/{node → esm}/Stack/createStack.js +36 -46
  115. package/esm/Stack/index.js +5 -0
  116. package/esm/Stack/stackClasses.js +7 -0
  117. package/{node → esm}/ThemeProvider/ThemeProvider.js +20 -27
  118. package/esm/ThemeProvider/index.js +1 -0
  119. package/esm/borders/borders.js +49 -0
  120. package/esm/borders/index.js +2 -0
  121. package/{node → esm}/breakpoints/breakpoints.js +21 -34
  122. package/esm/breakpoints/index.js +2 -0
  123. package/{node → esm}/colorManipulator/colorManipulator.js +23 -51
  124. package/esm/colorManipulator/index.js +1 -0
  125. package/{node → esm}/compose/compose.js +3 -10
  126. package/esm/compose/index.js +1 -0
  127. package/esm/createBox/createBox.js +35 -0
  128. package/esm/createBox/index.js +1 -0
  129. package/{node → esm}/createBreakpoints/createBreakpoints.js +2 -9
  130. package/esm/createBreakpoints/index.js +3 -0
  131. package/esm/createStyled/createStyled.js +276 -0
  132. package/esm/createStyled/index.js +2 -0
  133. package/{node → esm}/createTheme/applyStyles.js +1 -7
  134. package/{node → esm}/createTheme/createSpacing.js +3 -8
  135. package/esm/createTheme/createTheme.js +49 -0
  136. package/esm/createTheme/index.js +3 -0
  137. package/esm/createTheme/shape.js +4 -0
  138. package/{node → esm}/cssContainerQueries/cssContainerQueries.js +6 -17
  139. package/esm/cssContainerQueries/index.js +2 -0
  140. package/esm/cssGrid/cssGrid.js +85 -0
  141. package/esm/cssGrid/index.js +2 -0
  142. package/{node → esm}/cssVars/createCssVarsProvider.js +30 -39
  143. package/esm/cssVars/createCssVarsTheme.js +21 -0
  144. package/{node → esm}/cssVars/createGetCssVar.js +1 -7
  145. package/{node → esm}/cssVars/cssVarsParser.js +3 -13
  146. package/{node → esm}/cssVars/getColorSchemeSelector.js +1 -7
  147. package/esm/cssVars/index.js +5 -0
  148. package/{node → esm}/cssVars/prepareCssVars.js +9 -16
  149. package/{node → esm}/cssVars/prepareTypographyVars.js +1 -7
  150. package/{node → esm}/cssVars/useCurrentColorScheme.js +7 -15
  151. package/esm/display/display.js +27 -0
  152. package/esm/display/index.js +2 -0
  153. package/esm/flexbox/flexbox.js +43 -0
  154. package/esm/flexbox/index.js +2 -0
  155. package/esm/getThemeValue/getThemeValue.js +51 -0
  156. package/esm/getThemeValue/index.js +2 -0
  157. package/esm/index.js +68 -0
  158. package/esm/memoTheme.js +28 -0
  159. package/esm/memoize/index.js +1 -0
  160. package/{node → esm}/memoize/memoize.js +1 -7
  161. package/esm/merge/index.js +1 -0
  162. package/esm/merge/merge.js +10 -0
  163. package/esm/palette/index.js +2 -0
  164. package/esm/palette/palette.js +26 -0
  165. package/esm/positions/index.js +2 -0
  166. package/esm/positions/positions.js +22 -0
  167. package/esm/preprocessStyles.js +25 -0
  168. package/esm/propsToClassKey/index.js +1 -0
  169. package/esm/propsToClassKey/propsToClassKey.js +25 -0
  170. package/esm/responsivePropType/index.js +1 -0
  171. package/esm/responsivePropType/responsivePropType.js +3 -0
  172. package/esm/shadows/index.js +1 -0
  173. package/esm/shadows/shadows.js +6 -0
  174. package/esm/sizing/index.js +2 -0
  175. package/esm/sizing/sizing.js +64 -0
  176. package/esm/spacing/index.js +2 -0
  177. package/{node → esm}/spacing/spacing.js +21 -36
  178. package/esm/style/index.js +2 -0
  179. package/{node → esm}/style/style.js +9 -18
  180. package/{node → esm}/styleFunctionSx/defaultSxConfig.js +65 -71
  181. package/{node → esm}/styleFunctionSx/extendSxProp.js +5 -12
  182. package/esm/styleFunctionSx/index.js +4 -0
  183. package/{node → esm}/styleFunctionSx/styleFunctionSx.js +19 -27
  184. package/esm/styled/index.js +1 -0
  185. package/esm/styled/styled.js +3 -0
  186. package/esm/typography/index.js +2 -0
  187. package/esm/typography/typography.js +37 -0
  188. package/esm/useMediaQuery/index.js +2 -0
  189. package/{node → esm}/useMediaQuery/useMediaQuery.js +8 -15
  190. package/esm/useTheme/index.js +2 -0
  191. package/esm/useTheme/useTheme.js +9 -0
  192. package/esm/useThemeProps/getThemeProps.js +12 -0
  193. package/esm/useThemeProps/index.js +2 -0
  194. package/esm/useThemeProps/useThemeProps.js +20 -0
  195. package/esm/useThemeWithoutDefault/index.js +1 -0
  196. package/esm/useThemeWithoutDefault/useThemeWithoutDefault.js +12 -0
  197. package/esm/version/index.js +6 -0
  198. package/flexbox/flexbox.js +24 -17
  199. package/flexbox/index.js +25 -2
  200. package/flexbox/package.json +2 -2
  201. package/getThemeValue/getThemeValue.js +40 -33
  202. package/getThemeValue/index.js +25 -2
  203. package/getThemeValue/package.json +2 -2
  204. package/index.d.ts +2 -0
  205. package/index.js +606 -63
  206. package/memoTheme.d.ts +12 -0
  207. package/memoTheme.js +34 -0
  208. package/memoize/index.js +13 -1
  209. package/memoize/memoize.js +7 -1
  210. package/memoize/package.json +2 -2
  211. package/merge/index.js +13 -1
  212. package/merge/merge.js +10 -3
  213. package/merge/package.json +2 -2
  214. package/modern/Grid/Grid.js +16 -11
  215. package/modern/Grid/createGrid.js +1 -1
  216. package/modern/Grid/gridGenerator.js +28 -51
  217. package/modern/colorManipulator/colorManipulator.js +3 -4
  218. package/modern/createStyled/createStyled.js +144 -109
  219. package/modern/cssContainerQueries/cssContainerQueries.js +1 -2
  220. package/modern/index.js +3 -2
  221. package/modern/memoTheme.js +28 -0
  222. package/modern/preprocessStyles.js +25 -0
  223. package/modern/version/index.js +2 -2
  224. package/package.json +8 -8
  225. package/palette/index.js +25 -2
  226. package/palette/package.json +2 -2
  227. package/palette/palette.js +16 -8
  228. package/positions/index.js +25 -2
  229. package/positions/package.json +2 -2
  230. package/positions/positions.js +16 -9
  231. package/preprocessStyles.d.ts +5 -0
  232. package/preprocessStyles.js +31 -0
  233. package/propsToClassKey/index.js +13 -1
  234. package/propsToClassKey/package.json +2 -2
  235. package/propsToClassKey/propsToClassKey.js +11 -4
  236. package/responsivePropType/index.js +13 -1
  237. package/responsivePropType/package.json +2 -2
  238. package/responsivePropType/responsivePropType.js +10 -3
  239. package/shadows/index.js +13 -1
  240. package/shadows/package.json +2 -2
  241. package/shadows/shadows.js +10 -3
  242. package/sizing/index.js +25 -2
  243. package/sizing/package.json +2 -2
  244. package/sizing/sizing.js +27 -17
  245. package/spacing/index.js +25 -2
  246. package/spacing/package.json +2 -2
  247. package/spacing/spacing.js +36 -21
  248. package/style/index.js +25 -2
  249. package/style/package.json +2 -2
  250. package/style/style.js +18 -9
  251. package/styleFunctionSx/defaultSxConfig.js +71 -65
  252. package/styleFunctionSx/extendSxProp.js +12 -5
  253. package/styleFunctionSx/index.js +34 -4
  254. package/styleFunctionSx/package.json +2 -2
  255. package/styleFunctionSx/styleFunctionSx.d.ts +1 -1
  256. package/styleFunctionSx/styleFunctionSx.js +27 -19
  257. package/styled/index.js +13 -1
  258. package/styled/package.json +2 -2
  259. package/styled/styled.js +10 -3
  260. package/typography/index.js +25 -2
  261. package/typography/package.json +2 -2
  262. package/typography/typography.js +20 -13
  263. package/useMediaQuery/index.js +25 -2
  264. package/useMediaQuery/package.json +2 -2
  265. package/useMediaQuery/useMediaQuery.js +15 -8
  266. package/useTheme/index.js +25 -2
  267. package/useTheme/package.json +2 -2
  268. package/useTheme/useTheme.js +11 -5
  269. package/useThemeProps/getThemeProps.js +10 -3
  270. package/useThemeProps/index.js +20 -2
  271. package/useThemeProps/package.json +2 -2
  272. package/useThemeProps/useThemeProps.js +11 -5
  273. package/useThemeWithoutDefault/index.js +13 -1
  274. package/useThemeWithoutDefault/package.json +2 -2
  275. package/useThemeWithoutDefault/useThemeWithoutDefault.js +10 -4
  276. package/version/index.js +12 -6
  277. package/version/package.json +2 -2
  278. package/node/Box/Box.js +0 -36
  279. package/node/Box/boxClasses.js +0 -10
  280. package/node/Box/index.js +0 -35
  281. package/node/Container/ContainerProps.js +0 -5
  282. package/node/Container/containerClasses.js +0 -15
  283. package/node/Container/index.js +0 -35
  284. package/node/DefaultPropsProvider/index.js +0 -19
  285. package/node/GlobalStyles/GlobalStyles.js +0 -44
  286. package/node/GlobalStyles/index.js +0 -25
  287. package/node/Grid/Grid.js +0 -107
  288. package/node/Grid/GridProps.js +0 -5
  289. package/node/Grid/createGrid.js +0 -156
  290. package/node/Grid/gridGenerator.js +0 -232
  291. package/node/Grid/index.js +0 -63
  292. package/node/InitColorSchemeScript/index.js +0 -13
  293. package/node/RtlProvider/index.js +0 -31
  294. package/node/Stack/StackProps.js +0 -5
  295. package/node/Stack/index.js +0 -55
  296. package/node/Stack/stackClasses.js +0 -15
  297. package/node/ThemeProvider/index.js +0 -13
  298. package/node/borders/borders.js +0 -59
  299. package/node/borders/index.js +0 -25
  300. package/node/breakpoints/index.js +0 -25
  301. package/node/colorManipulator/index.js +0 -16
  302. package/node/compose/index.js +0 -13
  303. package/node/createBox/createBox.js +0 -42
  304. package/node/createBox/index.js +0 -13
  305. package/node/createBreakpoints/index.js +0 -13
  306. package/node/createStyled/createStyled.js +0 -252
  307. package/node/createStyled/index.js +0 -25
  308. package/node/createTheme/createTheme.js +0 -56
  309. package/node/createTheme/index.js +0 -27
  310. package/node/createTheme/shape.js +0 -10
  311. package/node/cssContainerQueries/index.js +0 -31
  312. package/node/cssGrid/cssGrid.js +0 -94
  313. package/node/cssGrid/index.js +0 -25
  314. package/node/cssVars/createCssVarsTheme.js +0 -28
  315. package/node/cssVars/index.js +0 -41
  316. package/node/display/display.js +0 -34
  317. package/node/display/index.js +0 -25
  318. package/node/flexbox/flexbox.js +0 -50
  319. package/node/flexbox/index.js +0 -25
  320. package/node/getThemeValue/getThemeValue.js +0 -58
  321. package/node/getThemeValue/index.js +0 -25
  322. package/node/index.js +0 -609
  323. package/node/memoize/index.js +0 -13
  324. package/node/merge/index.js +0 -13
  325. package/node/merge/merge.js +0 -17
  326. package/node/palette/index.js +0 -25
  327. package/node/palette/palette.js +0 -34
  328. package/node/positions/index.js +0 -25
  329. package/node/positions/positions.js +0 -29
  330. package/node/propsToClassKey/index.js +0 -13
  331. package/node/propsToClassKey/propsToClassKey.js +0 -32
  332. package/node/responsivePropType/index.js +0 -13
  333. package/node/responsivePropType/responsivePropType.js +0 -10
  334. package/node/shadows/index.js +0 -13
  335. package/node/shadows/shadows.js +0 -13
  336. package/node/sizing/index.js +0 -25
  337. package/node/sizing/sizing.js +0 -74
  338. package/node/spacing/index.js +0 -25
  339. package/node/style/index.js +0 -25
  340. package/node/styleFunctionSx/index.js +0 -34
  341. package/node/styled/index.js +0 -13
  342. package/node/styled/styled.js +0 -10
  343. package/node/typography/index.js +0 -25
  344. package/node/typography/typography.js +0 -44
  345. package/node/useMediaQuery/index.js +0 -25
  346. package/node/useTheme/index.js +0 -25
  347. package/node/useTheme/useTheme.js +0 -15
  348. package/node/useThemeProps/getThemeProps.js +0 -19
  349. package/node/useThemeProps/index.js +0 -20
  350. package/node/useThemeProps/useThemeProps.js +0 -26
  351. package/node/useThemeWithoutDefault/index.js +0 -13
  352. package/node/useThemeWithoutDefault/useThemeWithoutDefault.js +0 -18
  353. package/node/version/index.js +0 -12
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = exports.color = exports.bgcolor = exports.backgroundColor = void 0;
8
- exports.paletteTransform = paletteTransform;
9
- var _style = _interopRequireDefault(require("../style"));
10
- var _compose = _interopRequireDefault(require("../compose"));
11
- function paletteTransform(value, userValue) {
12
- if (userValue === 'grey') {
13
- return userValue;
14
- }
15
- return value;
16
- }
17
- const color = exports.color = (0, _style.default)({
18
- prop: 'color',
19
- themeKey: 'palette',
20
- transform: paletteTransform
21
- });
22
- const bgcolor = exports.bgcolor = (0, _style.default)({
23
- prop: 'bgcolor',
24
- cssProperty: 'backgroundColor',
25
- themeKey: 'palette',
26
- transform: paletteTransform
27
- });
28
- const backgroundColor = exports.backgroundColor = (0, _style.default)({
29
- prop: 'backgroundColor',
30
- themeKey: 'palette',
31
- transform: paletteTransform
32
- });
33
- const palette = (0, _compose.default)(color, bgcolor, backgroundColor);
34
- var _default = exports.default = palette;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function () {
11
- return _positions.default;
12
- }
13
- });
14
- var _positions = _interopRequireWildcard(require("./positions"));
15
- Object.keys(_positions).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _positions[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function () {
22
- return _positions[key];
23
- }
24
- });
25
- });
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.zIndex = exports.top = exports.right = exports.position = exports.left = exports.default = exports.bottom = void 0;
8
- var _style = _interopRequireDefault(require("../style"));
9
- var _compose = _interopRequireDefault(require("../compose"));
10
- const position = exports.position = (0, _style.default)({
11
- prop: 'position'
12
- });
13
- const zIndex = exports.zIndex = (0, _style.default)({
14
- prop: 'zIndex',
15
- themeKey: 'zIndex'
16
- });
17
- const top = exports.top = (0, _style.default)({
18
- prop: 'top'
19
- });
20
- const right = exports.right = (0, _style.default)({
21
- prop: 'right'
22
- });
23
- const bottom = exports.bottom = (0, _style.default)({
24
- prop: 'bottom'
25
- });
26
- const left = exports.left = (0, _style.default)({
27
- prop: 'left'
28
- });
29
- var _default = exports.default = (0, _compose.default)(position, zIndex, top, right, bottom, left);
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function () {
10
- return _propsToClassKey.default;
11
- }
12
- });
13
- var _propsToClassKey = _interopRequireDefault(require("./propsToClassKey"));
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = propsToClassKey;
8
- var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
9
- function isEmpty(string) {
10
- return string.length === 0;
11
- }
12
-
13
- /**
14
- * Generates string classKey based on the properties provided. It starts with the
15
- * variant if defined, and then it appends all other properties in alphabetical order.
16
- * @param {object} props - the properties for which the classKey should be created.
17
- */
18
- function propsToClassKey(props) {
19
- const {
20
- variant,
21
- ...other
22
- } = props;
23
- let classKey = variant || '';
24
- Object.keys(other).sort().forEach(key => {
25
- if (key === 'color') {
26
- classKey += isEmpty(classKey) ? props[key] : (0, _capitalize.default)(props[key]);
27
- } else {
28
- classKey += `${isEmpty(classKey) ? key : (0, _capitalize.default)(key)}${(0, _capitalize.default)(props[key].toString())}`;
29
- }
30
- });
31
- return classKey;
32
- }
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function () {
10
- return _responsivePropType.default;
11
- }
12
- });
13
- var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- const responsivePropType = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.object, _propTypes.default.array]) : {};
10
- var _default = exports.default = responsivePropType;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function () {
10
- return _shadows.default;
11
- }
12
- });
13
- var _shadows = _interopRequireDefault(require("./shadows"));
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _style = _interopRequireDefault(require("../style"));
9
- const boxShadow = (0, _style.default)({
10
- prop: 'boxShadow',
11
- themeKey: 'shadows'
12
- });
13
- var _default = exports.default = boxShadow;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function () {
11
- return _sizing.default;
12
- }
13
- });
14
- var _sizing = _interopRequireWildcard(require("./sizing"));
15
- Object.keys(_sizing).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _sizing[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function () {
22
- return _sizing[key];
23
- }
24
- });
25
- });
@@ -1,74 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.sizeWidth = exports.sizeHeight = exports.minWidth = exports.minHeight = exports.maxWidth = exports.maxHeight = exports.height = exports.default = exports.boxSizing = void 0;
8
- exports.sizingTransform = sizingTransform;
9
- exports.width = void 0;
10
- var _style = _interopRequireDefault(require("../style"));
11
- var _compose = _interopRequireDefault(require("../compose"));
12
- var _breakpoints = require("../breakpoints");
13
- function sizingTransform(value) {
14
- return value <= 1 && value !== 0 ? `${value * 100}%` : value;
15
- }
16
- const width = exports.width = (0, _style.default)({
17
- prop: 'width',
18
- transform: sizingTransform
19
- });
20
- const maxWidth = props => {
21
- if (props.maxWidth !== undefined && props.maxWidth !== null) {
22
- const styleFromPropValue = propValue => {
23
- const breakpoint = props.theme?.breakpoints?.values?.[propValue] || _breakpoints.values[propValue];
24
- if (!breakpoint) {
25
- return {
26
- maxWidth: sizingTransform(propValue)
27
- };
28
- }
29
- if (props.theme?.breakpoints?.unit !== 'px') {
30
- return {
31
- maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
32
- };
33
- }
34
- return {
35
- maxWidth: breakpoint
36
- };
37
- };
38
- return (0, _breakpoints.handleBreakpoints)(props, props.maxWidth, styleFromPropValue);
39
- }
40
- return null;
41
- };
42
- exports.maxWidth = maxWidth;
43
- maxWidth.filterProps = ['maxWidth'];
44
- const minWidth = exports.minWidth = (0, _style.default)({
45
- prop: 'minWidth',
46
- transform: sizingTransform
47
- });
48
- const height = exports.height = (0, _style.default)({
49
- prop: 'height',
50
- transform: sizingTransform
51
- });
52
- const maxHeight = exports.maxHeight = (0, _style.default)({
53
- prop: 'maxHeight',
54
- transform: sizingTransform
55
- });
56
- const minHeight = exports.minHeight = (0, _style.default)({
57
- prop: 'minHeight',
58
- transform: sizingTransform
59
- });
60
- const sizeWidth = exports.sizeWidth = (0, _style.default)({
61
- prop: 'size',
62
- cssProperty: 'width',
63
- transform: sizingTransform
64
- });
65
- const sizeHeight = exports.sizeHeight = (0, _style.default)({
66
- prop: 'size',
67
- cssProperty: 'height',
68
- transform: sizingTransform
69
- });
70
- const boxSizing = exports.boxSizing = (0, _style.default)({
71
- prop: 'boxSizing'
72
- });
73
- const sizing = (0, _compose.default)(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);
74
- var _default = exports.default = sizing;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function () {
11
- return _spacing.default;
12
- }
13
- });
14
- var _spacing = _interopRequireWildcard(require("./spacing"));
15
- Object.keys(_spacing).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _spacing[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function () {
22
- return _spacing[key];
23
- }
24
- });
25
- });
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function () {
11
- return _style.default;
12
- }
13
- });
14
- var _style = _interopRequireWildcard(require("./style"));
15
- Object.keys(_style).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _style[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function () {
22
- return _style[key];
23
- }
24
- });
25
- });
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function () {
11
- return _styleFunctionSx.default;
12
- }
13
- });
14
- Object.defineProperty(exports, "extendSxProp", {
15
- enumerable: true,
16
- get: function () {
17
- return _extendSxProp.default;
18
- }
19
- });
20
- Object.defineProperty(exports, "unstable_createStyleFunctionSx", {
21
- enumerable: true,
22
- get: function () {
23
- return _styleFunctionSx.unstable_createStyleFunctionSx;
24
- }
25
- });
26
- Object.defineProperty(exports, "unstable_defaultSxConfig", {
27
- enumerable: true,
28
- get: function () {
29
- return _defaultSxConfig.default;
30
- }
31
- });
32
- var _styleFunctionSx = _interopRequireWildcard(require("./styleFunctionSx"));
33
- var _extendSxProp = _interopRequireDefault(require("./extendSxProp"));
34
- var _defaultSxConfig = _interopRequireDefault(require("./defaultSxConfig"));
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function () {
10
- return _styled.default;
11
- }
12
- });
13
- var _styled = _interopRequireDefault(require("./styled"));
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _createStyled = _interopRequireDefault(require("../createStyled"));
9
- const styled = (0, _createStyled.default)();
10
- var _default = exports.default = styled;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function () {
11
- return _typography.default;
12
- }
13
- });
14
- var _typography = _interopRequireWildcard(require("./typography"));
15
- Object.keys(_typography).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _typography[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function () {
22
- return _typography[key];
23
- }
24
- });
25
- });
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.typographyVariant = exports.textTransform = exports.textAlign = exports.lineHeight = exports.letterSpacing = exports.fontWeight = exports.fontStyle = exports.fontSize = exports.fontFamily = exports.default = void 0;
8
- var _style = _interopRequireDefault(require("../style"));
9
- var _compose = _interopRequireDefault(require("../compose"));
10
- const fontFamily = exports.fontFamily = (0, _style.default)({
11
- prop: 'fontFamily',
12
- themeKey: 'typography'
13
- });
14
- const fontSize = exports.fontSize = (0, _style.default)({
15
- prop: 'fontSize',
16
- themeKey: 'typography'
17
- });
18
- const fontStyle = exports.fontStyle = (0, _style.default)({
19
- prop: 'fontStyle',
20
- themeKey: 'typography'
21
- });
22
- const fontWeight = exports.fontWeight = (0, _style.default)({
23
- prop: 'fontWeight',
24
- themeKey: 'typography'
25
- });
26
- const letterSpacing = exports.letterSpacing = (0, _style.default)({
27
- prop: 'letterSpacing'
28
- });
29
- const textTransform = exports.textTransform = (0, _style.default)({
30
- prop: 'textTransform'
31
- });
32
- const lineHeight = exports.lineHeight = (0, _style.default)({
33
- prop: 'lineHeight'
34
- });
35
- const textAlign = exports.textAlign = (0, _style.default)({
36
- prop: 'textAlign'
37
- });
38
- const typographyVariant = exports.typographyVariant = (0, _style.default)({
39
- prop: 'typography',
40
- cssProperty: false,
41
- themeKey: 'typography'
42
- });
43
- const typography = (0, _compose.default)(typographyVariant, fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textAlign, textTransform);
44
- var _default = exports.default = typography;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function () {
11
- return _useMediaQuery.default;
12
- }
13
- });
14
- var _useMediaQuery = _interopRequireWildcard(require("./useMediaQuery"));
15
- Object.keys(_useMediaQuery).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _useMediaQuery[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function () {
22
- return _useMediaQuery[key];
23
- }
24
- });
25
- });
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- var _exportNames = {};
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function () {
11
- return _useTheme.default;
12
- }
13
- });
14
- var _useTheme = _interopRequireWildcard(require("./useTheme"));
15
- Object.keys(_useTheme).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _useTheme[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function () {
22
- return _useTheme[key];
23
- }
24
- });
25
- });
@@ -1,15 +0,0 @@
1
- "use strict";
2
- 'use client';
3
-
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.systemDefaultTheme = exports.default = void 0;
9
- var _createTheme = _interopRequireDefault(require("../createTheme"));
10
- var _useThemeWithoutDefault = _interopRequireDefault(require("../useThemeWithoutDefault"));
11
- const systemDefaultTheme = exports.systemDefaultTheme = (0, _createTheme.default)();
12
- function useTheme(defaultTheme = systemDefaultTheme) {
13
- return (0, _useThemeWithoutDefault.default)(defaultTheme);
14
- }
15
- var _default = exports.default = useTheme;
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = getThemeProps;
8
- var _resolveProps = _interopRequireDefault(require("@mui/utils/resolveProps"));
9
- function getThemeProps(params) {
10
- const {
11
- theme,
12
- name,
13
- props
14
- } = params;
15
- if (!theme || !theme.components || !theme.components[name] || !theme.components[name].defaultProps) {
16
- return props;
17
- }
18
- return (0, _resolveProps.default)(theme.components[name].defaultProps, props);
19
- }
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function () {
10
- return _useThemeProps.default;
11
- }
12
- });
13
- Object.defineProperty(exports, "getThemeProps", {
14
- enumerable: true,
15
- get: function () {
16
- return _getThemeProps.default;
17
- }
18
- });
19
- var _useThemeProps = _interopRequireDefault(require("./useThemeProps"));
20
- var _getThemeProps = _interopRequireDefault(require("./getThemeProps"));
@@ -1,26 +0,0 @@
1
- "use strict";
2
- 'use client';
3
-
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = useThemeProps;
9
- var _getThemeProps = _interopRequireDefault(require("./getThemeProps"));
10
- var _useTheme = _interopRequireDefault(require("../useTheme"));
11
- function useThemeProps({
12
- props,
13
- name,
14
- defaultTheme,
15
- themeId
16
- }) {
17
- let theme = (0, _useTheme.default)(defaultTheme);
18
- if (themeId) {
19
- theme = theme[themeId] || theme;
20
- }
21
- return (0, _getThemeProps.default)({
22
- theme,
23
- name,
24
- props
25
- });
26
- }
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function () {
10
- return _useThemeWithoutDefault.default;
11
- }
12
- });
13
- var _useThemeWithoutDefault = _interopRequireDefault(require("./useThemeWithoutDefault"));
@@ -1,18 +0,0 @@
1
- "use strict";
2
- 'use client';
3
-
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var React = _interopRequireWildcard(require("react"));
10
- var _styledEngine = require("@mui/styled-engine");
11
- function isObjectEmpty(obj) {
12
- return Object.keys(obj).length === 0;
13
- }
14
- function useTheme(defaultTheme = null) {
15
- const contextTheme = React.useContext(_styledEngine.ThemeContext);
16
- return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
17
- }
18
- var _default = exports.default = useTheme;
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
7
- const version = exports.version = "6.1.2";
8
- const major = exports.major = Number("6");
9
- const minor = exports.minor = Number("1");
10
- const patch = exports.patch = Number("2");
11
- const prerelease = exports.prerelease = undefined;
12
- var _default = exports.default = version;