@mui/system 5.15.3 → 5.15.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/Box/Box.js CHANGED
@@ -15,10 +15,10 @@ const Box = (0, _createBox.default)({
15
15
  generateClassName: _utils.unstable_ClassNameGenerator.generate
16
16
  });
17
17
  process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
18
- // ----------------------------- Warning --------------------------------
19
- // | These PropTypes are generated from the TypeScript type definitions |
20
- // | To update them edit the d.ts file and run "yarn proptypes" |
21
- // ----------------------------------------------------------------------
18
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
19
+ // These PropTypes are generated from the TypeScript type definitions.
20
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
21
+ // └─────────────────────────────────────────────────────────────────────┘
22
22
  /**
23
23
  * @ignore
24
24
  */
package/CHANGELOG.md CHANGED
@@ -1,5 +1,188 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## v5.15.5
4
+
5
+ <!-- generated comparing v5.15.4..master -->
6
+
7
+ _Jan 17, 2024_
8
+
9
+ A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - Base UI's CSS class prefix is now `base-` (#40205) @michaldudak
12
+ - Bug fixes, and a lot of improvements to code and docs infra
13
+
14
+ ### `@mui/material@5.15.5`
15
+
16
+ - &#8203;<!-- 42 -->[Accordion] Deprecate \*Props props and classes for v6 (#40418) @DiegoAndai
17
+ - &#8203;<!-- 41 -->[Alert] Update TypeScript types to allow color override types to be added to `iconMapping` and `severity` props (#40551) @2metres
18
+ - &#8203;<!-- 27 -->[Dialog] Remove deprecated onBackdropClick from Dialog tests (#40505) @sai6855
19
+ - &#8203;<!-- 26 -->[Divider] Deprecate props and classes for v6 (#40563) @sai6855
20
+
21
+ ### `@mui/material-next@6.0.0-alpha.118`
22
+
23
+ - &#8203;<!-- 36 -->[ButtonGroup] Apply MD3 style to `ButtonGroup` (#40124) @lhilgert9
24
+
25
+ ### `@mui/base@5.0.0-beta.32`
26
+
27
+ #### Breaking changes
28
+
29
+ - &#8203;<!-- 40 -->Change the CSS class prefix to `base-` (#40205) @michaldudak
30
+
31
+ The class prefix of Base UI components have been changed from `Mui-` to `base-`. This only affects codebases that uses class names verbatim, i.e. not exposed by JS objects such as `buttonClasses`, but as plain strings or in CSS stylesheets (`.MuiButton.root`)
32
+
33
+ To adapt your code to the new pattern:
34
+
35
+ - replace all occurrences of the regex `.Mui([A-Z][A-Za-z]*)-` with `.base-$1-` (so `MuiButton-root` becomes `base-Button-root`, etc.),
36
+ - replace all occurrences of the regex `.Mui-([a-z]*)` with `.base--$1` (so `Mui-disabled` becomes `base--disabled`, etc.).
37
+
38
+ #### Changes
39
+
40
+ - &#8203;<!-- 39 -->[Select] Fix screen-reader CSS to avoid body scrollbar (#40599) @brijeshb42
41
+ - &#8203;<!-- 38 -->[Switch] Add border-box to demos (#40638) @zanivan
42
+
43
+ ### `@mui/joy@5.0.0-beta.23`
44
+
45
+ - &#8203;<!-- 11 -->[ModalDialog] Fix ModalDialog layout prop override (#40512) @maakcode
46
+ - &#8203;<!-- 10 -->[RadioGroup] Allow zero number as a value (#40344) @aacevski
47
+
48
+ ### `@mui/codemod@5.15.5`
49
+
50
+ - &#8203;<!-- 31 -->Allow `json` files to be transformed (#40536) @ZeeshanTamboli
51
+
52
+ ### `@mui/lab@5.0.0-alpha.161`
53
+
54
+ - &#8203;<!-- 09 -->Update `@mui/material` peer dependency version (#40528) @ZeeshanTamboli
55
+
56
+ ### `@mui/material-nextjs@5.15.5`
57
+
58
+ - &#8203;<!-- 08 -->Fix release script (#40519) @petrovmiroslav
59
+ - &#8203;<!-- 07 -->Support Nonces in the App Router Provider (#40269) @josh-feldman
60
+ - &#8203;<!-- 06 -->Polish @mui/material-nextjs (#40473) @oliviertassinari
61
+
62
+ ### `@mui/system@5.15.5`
63
+
64
+ - &#8203;<!-- 05 -->Fix import path for @mui/system in vite apps (#40490) @brijeshb42
65
+ - &#8203;<!-- 02 -->Fix css vars generation and simplify the code (#40530) @siriwatknp
66
+ - &#8203;<!-- 01 -->Identify zero runtime styled path (#40555) @brijeshb42
67
+
68
+ ### Docs
69
+
70
+ - &#8203;<!-- 35 -->[joy-ui][Card] Fix text alignment in horizontal aligned card demo (#40562) @ZeeshanTamboli
71
+ - &#8203;<!-- 25 -->Improve instructions about peer dependencies (#40621) @danilo-leal
72
+ - &#8203;<!-- 24 -->Solve page description length @oliviertassinari
73
+ - &#8203;<!-- 23 -->Fix MUI Treasury links (#40561) @siriwatknp
74
+ - &#8203;<!-- 17 -->[material-ui] Update <ListItem button/> to ListItemButton in demos (#40564) @sai6855
75
+ - &#8203;<!-- 16 -->[material-ui] Revise the Snackbar page (#39298) @danilo-leal
76
+ - &#8203;<!-- 15 -->[material-ui] Sharpen Material 3 copy on demo pages (#40546) @samuelsycamore
77
+ - &#8203;<!-- 14 -->[material-ui] Fix typo on Next.js integration guide (#40538) @zanivan
78
+ - &#8203;<!-- 13 -->[material-ui][Snackbar] Remove unused `State` interface from Consecutive Snackbars demo (#40410)
79
+ @zinoroman
80
+ - &#8203;<!-- 12 -->[website] Resolve broken links reported by `docs:link-check` (#40547) @samuelsycamore
81
+
82
+ ### Core
83
+
84
+ - &#8203;<!-- 37 -->[blog] Fix 404 link to MUI Treasury @oliviertassinari
85
+ - &#8203;<!-- 34 -->[code-infra] Add `run` command to deploy docs (#40513) @siriwatknp
86
+ - &#8203;<!-- 32 -->[core] Update the lockfile (#40628) @michaldudak
87
+ - &#8203;<!-- 31 -->[core] Remove dead code and follow standard @oliviertassinari
88
+ - &#8203;<!-- 30 -->[core] Simplify server detection (#40471) @oliviertassinari
89
+ - &#8203;<!-- 29 -->[core] Sync playwright cache between MUI X and Material UI (#40475) @oliviertassinari
90
+ - &#8203;<!-- 28 -->[dependencies] Bump tough-cookie (#40437) @michaldudak
91
+ - &#8203;<!-- 22 -->[docs-infra] Enforce brand name rules (#40525) @oliviertassinari
92
+ - &#8203;<!-- 21 -->[docs-infra] Minimize ad layout shift on mobile (#40582) @oliviertassinari
93
+ - &#8203;<!-- 20 -->[docs-infra] Improve API page deprecation info (#40440) @DiegoAndai
94
+ - &#8203;<!-- 19 -->[docs-infra] Remove old tocs banners (#40537) @oliviertassinari
95
+ - &#8203;<!-- 18 -->[docs-infra] Remove dead code aria-label sponsors (#40526) @oliviertassinari
96
+ - &#8203;<!-- 04 -->[utils] Centralize clamp implementation in utils (#40267) @Kamino0
97
+ - &#8203;<!-- 03 -->[website] Polish the Base UI page demos (#40504) @danilo-leal
98
+
99
+ All contributors of this release in alphabetical order: @2metres, @aacevski, @brijeshb42, @danilo-leal, @DiegoAndai, @josh-feldman, @Kamino0, @lhilgert9, @maakcode, @michaldudak, @oliviertassinari, @petrovmiroslav, @sai6855, @samuelsycamore, @siriwatknp, @zanivan, @ZeeshanTamboli, @zinoroman
100
+
101
+ ## 5.15.4
102
+
103
+ <!-- generated comparing v5.15.3..master -->
104
+
105
+ _Jan 10, 2024_
106
+
107
+ A big thanks to the 22 contributors who made this release possible. Here are some highlights:
108
+
109
+ - ✨ Material UI's [ToggleButtonGroup](https://mui.com/material-ui/react-toggle-button/) now supports non-button element as a child (e.g., showing a Tooltip on a disabled ToggleButton) (#40220) @Methuselah96
110
+
111
+ ### `@mui/material@5.15.4`
112
+
113
+ - [TextField][FormLabel][InputLabel][FormControl] Use exact children type to allow React children type augmentation (#38872) @nicegamer7
114
+ - [Select] Add form submission regression test (#40176) @mj12albert
115
+ - [ToggleButtonGroup] Support different elements under it (#40220) @Methuselah96
116
+ - [ClickAwayListener] Fix export of types (#40485) @illume
117
+
118
+ ### `@mui/material-nextjs@5.15.4`
119
+
120
+ - Improve build size issue (#40436) @siriwatknp
121
+
122
+ ### `@mui/icons-material@5.15.4`
123
+
124
+ - Update the icons (#40365) @michaldudak
125
+
126
+ ### `@mui/system@5.15.4`
127
+
128
+ - [zero] Move zero runtime related packages (#40426) @brijeshb42
129
+ - Fix all use of styled(Box) (#40449) @oliviertassinari
130
+
131
+ ### `@mui/utils@5.15.4`
132
+
133
+ - Fix `isPlainObject` to work across realm (#39981) @brijeshb42
134
+
135
+ ### `@mui/base@5.0.0-beta.31`
136
+
137
+ - [base-ui][NumberInput] Remove inputId and inputRef types from NumberInput component (#40425) @sai6855
138
+
139
+ ### `@mui/joy@5.0.0-beta.22`
140
+
141
+ - [Badge] Shouldn't crash when using custom size (#39986) @iamsaumya
142
+ - [ToggleButtonGroup] Add `JoyToggleButtonGroup` to extendTheme's components type export (#40407) @RiceCrisp
143
+
144
+ ### Docs
145
+
146
+ - [base-ui] Visual tweaks to the plain CSS theme stylesheet (#40487) @zanivan
147
+ - [base-ui] Add tokens to plain CSS theme stylesheet (#40113) @zanivan
148
+ - [base-ui] Update the overview page (#40412) @danilo-leal
149
+ - [material-ui][Drawer] Resolve flickering when double-clicking on the backdrop to close it (#40343) @aacevski
150
+ - [material-ui] Refactor form submission in FormDialog component (#40470) @sai6855
151
+ - [material-ui] Replace recharts with MUI X charts on the Dashboard template (#40107) @alexfauquette
152
+ - [material-ui] Revise the Alert demo page (#34892) @samuelsycamore
153
+ - [material-ui] Revise the Accordion page (#40284) @anle9650
154
+ - [material-ui] Add docs for complementary Card components (#40346) @anle9650
155
+ - [material-ui] Add Material 3 components page (#40350) @DiegoAndai
156
+ - Fix strange italic style @oliviertassinari
157
+ - Fix references to ESLint @oliviertassinari
158
+ - Fix 301 redirections @oliviertassinari
159
+ - Right-to-left revision and addition to Joy UI (#39158) @danilo-leal
160
+
161
+ ### Core
162
+
163
+ - [examples] Use material-nextjs integration package (#40199) @siriwatknp
164
+ - [code-infra] Configure build dependencies in nx (#40482) @michaldudak
165
+ - [code-infra] Don't require noreferrer on target link (#40447) @oliviertassinari
166
+ - [code-infra] Use tsx instead of ts-node (#40428) @michaldudak
167
+ - [code-infra] Add options to docs-api generation to support X code structure (#40111) @alexfauquette
168
+ - [docs-infra] Add types for withDocsInfra (#40301) @oliviertassinari
169
+ - [docs-infra] Fix anchor links in API pages (#40450) @oliviertassinari
170
+ - [docs-infra] Fix API table full-width (#40476) @oliviertassinari
171
+ - [docs-infra] Fix the copy button overlapping with the scrollbar (#40405) @danilo-leal
172
+ - [docs-infra] Remove explicit `mui-x` dependency resolving (#40257) @LukasTy
173
+ - [docs-infra] Update the outlined Demo container dark mode color (#40488) @danilo-leal
174
+ - [core] Lock file maintenance (#34538) @renovate[bot]
175
+ - [core] Remove duplicate devDependencies (#40438) @michaldudak
176
+ - [core] Remove issue emoji @oliviertassinari
177
+ - [core] Move prefetch at the core, will propagate to MUI X @oliviertassinari
178
+ - [core] Change package manager to pnpm (#36287) @Janpot
179
+ - [core][docs] Remove the "Understand MUI packages" page (#39835) @savalaram-redkar
180
+ - [website] Evolve the Developer Advocate role (#40337) @oliviertassinari
181
+ - [website] Fix default social card @oliviertassinari
182
+ - [test] Restore the `t` command (#40430) @michaldudak
183
+
184
+ All contributors of this release in alphabetical order: @aacevski, @alexfauquette, @anle9650, @brijeshb42, @danilo-leal, @DiegoAndai, @iamsaumya, @illume, @Janpot, @LukasTy, @Methuselah96, @michaldudak, @mj12albert, @nicegamer7, @oliviertassinari, @renovate[bot], @RiceCrisp, @sai6855, @samuelsycamore, @savalaram-redkar, @siriwatknp, @zanivan
185
+
3
186
  ## 5.15.3
4
187
 
5
188
  <!-- generated comparing v5.15.2..master -->
@@ -12480,7 +12663,7 @@ Here are some highlights ✨:
12480
12663
 
12481
12664
  - 👩‍🎨 A first iteration on the new styling solution.
12482
12665
 
12483
- You can find a [new version](https://mui.com/components/slider-styled/) of the slider in the lab powered by [emotion](https://emotion.sh/).
12666
+ You can find a [new version](https://mui.com/components/slider-styled/) of the slider in the lab powered by [Emotion](https://emotion.sh/).
12484
12667
 
12485
12668
  In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check [this CodeSandbox](https://codesandbox.io/p/sandbox/sliderstyled-with-styled-components-forked-olc27?file=/package.json) for a demo. It relies on aliases to prevent any bundle size overhead.
12486
12669
 
@@ -21,10 +21,10 @@ var _createContainer = _interopRequireDefault(require("./createContainer"));
21
21
  */
22
22
  const Container = (0, _createContainer.default)();
23
23
  process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
24
- // ----------------------------- Warning --------------------------------
25
- // | These PropTypes are generated from the TypeScript type definitions |
26
- // | To update them edit TypeScript types and run "yarn proptypes" |
27
- // ----------------------------------------------------------------------
24
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
25
+ // These PropTypes are generated from the TypeScript type definitions.
26
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
27
+ // └─────────────────────────────────────────────────────────────────────┘
28
28
  /**
29
29
  * @ignore
30
30
  */
@@ -25,10 +25,10 @@ function GlobalStyles({
25
25
  });
26
26
  }
27
27
  process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
28
- // ----------------------------- Warning --------------------------------
29
- // | These PropTypes are generated from the TypeScript type definitions |
30
- // | To update them edit TypeScript types and run "yarn proptypes" |
31
- // ----------------------------------------------------------------------
28
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
29
+ // These PropTypes are generated from the TypeScript type definitions.
30
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
31
+ // └─────────────────────────────────────────────────────────────────────┘
32
32
  /**
33
33
  * @ignore
34
34
  */
package/Stack/Stack.js CHANGED
@@ -22,10 +22,10 @@ var _createStack = _interopRequireDefault(require("./createStack"));
22
22
  */
23
23
  const Stack = (0, _createStack.default)();
24
24
  process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
25
- // ----------------------------- Warning --------------------------------
26
- // | These PropTypes are generated from the TypeScript type definitions |
27
- // | To update them edit TypeScript types and run "yarn proptypes" |
28
- // ----------------------------------------------------------------------
25
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
26
+ // These PropTypes are generated from the TypeScript type definitions.
27
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
28
+ // └─────────────────────────────────────────────────────────────────────┘
29
29
  /**
30
30
  * The content of the component.
31
31
  */
@@ -69,10 +69,10 @@ function ThemeProvider(props) {
69
69
  });
70
70
  }
71
71
  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes /* remove-proptypes */ = {
72
- // ----------------------------- Warning --------------------------------
73
- // | These PropTypes are generated from the TypeScript type definitions |
74
- // | To update them edit the d.ts file and run "yarn proptypes" |
75
- // ----------------------------------------------------------------------
72
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
73
+ // These PropTypes are generated from the TypeScript type definitions.
74
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
75
+ // └─────────────────────────────────────────────────────────────────────┘
76
76
  /**
77
77
  * Your component tree.
78
78
  */
@@ -21,10 +21,10 @@ var _createGrid = _interopRequireDefault(require("./createGrid"));
21
21
  */
22
22
  const Grid = (0, _createGrid.default)();
23
23
  process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
24
- // ----------------------------- Warning --------------------------------
25
- // | These PropTypes are generated from the TypeScript type definitions |
26
- // | To update them edit TypeScript types and run "yarn proptypes" |
27
- // ----------------------------------------------------------------------
24
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
25
+ // These PropTypes are generated from the TypeScript type definitions.
26
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
27
+ // └─────────────────────────────────────────────────────────────────────┘
28
28
  /**
29
29
  * The content of the component.
30
30
  */
@@ -22,6 +22,7 @@ exports.private_safeLighten = private_safeLighten;
22
22
  exports.recomposeColor = recomposeColor;
23
23
  exports.rgbToHex = rgbToHex;
24
24
  var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatMuiErrorMessage"));
25
+ var _utils = require("@mui/utils");
25
26
  /* eslint-disable @typescript-eslint/naming-convention */
26
27
 
27
28
  /**
@@ -31,13 +32,13 @@ var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatM
31
32
  * @param {number} max The upper boundary of the output range
32
33
  * @returns {number} A number in the range [min, max]
33
34
  */
34
- function clamp(value, min = 0, max = 1) {
35
+ function clampWrapper(value, min = 0, max = 1) {
35
36
  if (process.env.NODE_ENV !== 'production') {
36
37
  if (value < min || value > max) {
37
38
  console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
38
39
  }
39
40
  }
40
- return Math.min(Math.max(min, value), max);
41
+ return (0, _utils.clamp)(value, min, max);
41
42
  }
42
43
 
43
44
  /**
@@ -245,7 +246,7 @@ function getContrastRatio(foreground, background) {
245
246
  */
246
247
  function alpha(color, value) {
247
248
  color = decomposeColor(color);
248
- value = clamp(value);
249
+ value = clampWrapper(value);
249
250
  if (color.type === 'rgb' || color.type === 'hsl') {
250
251
  color.type += 'a';
251
252
  }
@@ -275,7 +276,7 @@ function private_safeAlpha(color, value, warning) {
275
276
  */
276
277
  function darken(color, coefficient) {
277
278
  color = decomposeColor(color);
278
- coefficient = clamp(coefficient);
279
+ coefficient = clampWrapper(coefficient);
279
280
  if (color.type.indexOf('hsl') !== -1) {
280
281
  color.values[2] *= 1 - coefficient;
281
282
  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
@@ -304,7 +305,7 @@ function private_safeDarken(color, coefficient, warning) {
304
305
  */
305
306
  function lighten(color, coefficient) {
306
307
  color = decomposeColor(color);
307
- coefficient = clamp(coefficient);
308
+ coefficient = clampWrapper(coefficient);
308
309
  if (color.type.indexOf('hsl') !== -1) {
309
310
  color.values[2] += (100 - color.values[2]) * coefficient;
310
311
  } else if (color.type.indexOf('rgb') !== -1) {
package/esm/Box/Box.js CHANGED
@@ -9,10 +9,10 @@ const Box = createBox({
9
9
  generateClassName: ClassNameGenerator.generate
10
10
  });
11
11
  process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
12
- // ----------------------------- Warning --------------------------------
13
- // | These PropTypes are generated from the TypeScript type definitions |
14
- // | To update them edit the d.ts file and run "yarn proptypes" |
15
- // ----------------------------------------------------------------------
12
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
13
+ // These PropTypes are generated from the TypeScript type definitions.
14
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
15
+ // └─────────────────────────────────────────────────────────────────────┘
16
16
  /**
17
17
  * @ignore
18
18
  */
@@ -16,10 +16,10 @@ import createContainer from './createContainer';
16
16
  */
17
17
  const Container = createContainer();
18
18
  process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
19
- // ----------------------------- Warning --------------------------------
20
- // | These PropTypes are generated from the TypeScript type definitions |
21
- // | To update them edit TypeScript types and run "yarn proptypes" |
22
- // ----------------------------------------------------------------------
19
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
20
+ // These PropTypes are generated from the TypeScript type definitions.
21
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
22
+ // └─────────────────────────────────────────────────────────────────────┘
23
23
  /**
24
24
  * @ignore
25
25
  */
@@ -17,10 +17,10 @@ function GlobalStyles({
17
17
  });
18
18
  }
19
19
  process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
20
- // ----------------------------- Warning --------------------------------
21
- // | These PropTypes are generated from the TypeScript type definitions |
22
- // | To update them edit TypeScript types and run "yarn proptypes" |
23
- // ----------------------------------------------------------------------
20
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
21
+ // These PropTypes are generated from the TypeScript type definitions.
22
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
23
+ // └─────────────────────────────────────────────────────────────────────┘
24
24
  /**
25
25
  * @ignore
26
26
  */
@@ -16,10 +16,10 @@ import createStack from './createStack';
16
16
  */
17
17
  const Stack = createStack();
18
18
  process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
19
- // ----------------------------- Warning --------------------------------
20
- // | These PropTypes are generated from the TypeScript type definitions |
21
- // | To update them edit TypeScript types and run "yarn proptypes" |
22
- // ----------------------------------------------------------------------
19
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
20
+ // These PropTypes are generated from the TypeScript type definitions.
21
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
22
+ // └─────────────────────────────────────────────────────────────────────┘
23
23
  /**
24
24
  * The content of the component.
25
25
  */
@@ -61,10 +61,10 @@ function ThemeProvider(props) {
61
61
  });
62
62
  }
63
63
  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes /* remove-proptypes */ = {
64
- // ----------------------------- Warning --------------------------------
65
- // | These PropTypes are generated from the TypeScript type definitions |
66
- // | To update them edit the d.ts file and run "yarn proptypes" |
67
- // ----------------------------------------------------------------------
64
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
65
+ // These PropTypes are generated from the TypeScript type definitions.
66
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
67
+ // └─────────────────────────────────────────────────────────────────────┘
68
68
  /**
69
69
  * Your component tree.
70
70
  */
@@ -15,10 +15,10 @@ import createGrid from './createGrid';
15
15
  */
16
16
  const Grid = createGrid();
17
17
  process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
18
- // ----------------------------- Warning --------------------------------
19
- // | These PropTypes are generated from the TypeScript type definitions |
20
- // | To update them edit TypeScript types and run "yarn proptypes" |
21
- // ----------------------------------------------------------------------
18
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
19
+ // These PropTypes are generated from the TypeScript type definitions.
20
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
21
+ // └─────────────────────────────────────────────────────────────────────┘
22
22
  /**
23
23
  * The content of the component.
24
24
  */
@@ -1,5 +1,6 @@
1
1
  import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  /* eslint-disable @typescript-eslint/naming-convention */
3
+ import { clamp } from '@mui/utils';
3
4
  /**
4
5
  * Returns a number whose value is limited to the given range.
5
6
  * @param {number} value The value to be clamped
@@ -7,13 +8,13 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
7
8
  * @param {number} max The upper boundary of the output range
8
9
  * @returns {number} A number in the range [min, max]
9
10
  */
10
- function clamp(value, min = 0, max = 1) {
11
+ function clampWrapper(value, min = 0, max = 1) {
11
12
  if (process.env.NODE_ENV !== 'production') {
12
13
  if (value < min || value > max) {
13
14
  console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
14
15
  }
15
16
  }
16
- return Math.min(Math.max(min, value), max);
17
+ return clamp(value, min, max);
17
18
  }
18
19
 
19
20
  /**
@@ -219,7 +220,7 @@ export function getContrastRatio(foreground, background) {
219
220
  */
220
221
  export function alpha(color, value) {
221
222
  color = decomposeColor(color);
222
- value = clamp(value);
223
+ value = clampWrapper(value);
223
224
  if (color.type === 'rgb' || color.type === 'hsl') {
224
225
  color.type += 'a';
225
226
  }
@@ -249,7 +250,7 @@ export function private_safeAlpha(color, value, warning) {
249
250
  */
250
251
  export function darken(color, coefficient) {
251
252
  color = decomposeColor(color);
252
- coefficient = clamp(coefficient);
253
+ coefficient = clampWrapper(coefficient);
253
254
  if (color.type.indexOf('hsl') !== -1) {
254
255
  color.values[2] *= 1 - coefficient;
255
256
  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
@@ -278,7 +279,7 @@ export function private_safeDarken(color, coefficient, warning) {
278
279
  */
279
280
  export function lighten(color, coefficient) {
280
281
  color = decomposeColor(color);
281
- coefficient = clamp(coefficient);
282
+ coefficient = clampWrapper(coefficient);
282
283
  if (color.type.indexOf('hsl') !== -1) {
283
284
  color.values[2] += (100 - color.values[2]) * coefficient;
284
285
  } else if (color.type.indexOf('rgb') !== -1) {
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.15.3
2
+ * @mui/system v5.15.5
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/Box/Box.js CHANGED
@@ -9,10 +9,10 @@ var Box = createBox({
9
9
  generateClassName: ClassNameGenerator.generate
10
10
  });
11
11
  process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
12
- // ----------------------------- Warning --------------------------------
13
- // | These PropTypes are generated from the TypeScript type definitions |
14
- // | To update them edit the d.ts file and run "yarn proptypes" |
15
- // ----------------------------------------------------------------------
12
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
13
+ // These PropTypes are generated from the TypeScript type definitions.
14
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
15
+ // └─────────────────────────────────────────────────────────────────────┘
16
16
  /**
17
17
  * @ignore
18
18
  */
@@ -16,10 +16,10 @@ import createContainer from './createContainer';
16
16
  */
17
17
  var Container = createContainer();
18
18
  process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
19
- // ----------------------------- Warning --------------------------------
20
- // | These PropTypes are generated from the TypeScript type definitions |
21
- // | To update them edit TypeScript types and run "yarn proptypes" |
22
- // ----------------------------------------------------------------------
19
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
20
+ // These PropTypes are generated from the TypeScript type definitions.
21
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
22
+ // └─────────────────────────────────────────────────────────────────────┘
23
23
  /**
24
24
  * @ignore
25
25
  */
@@ -17,10 +17,10 @@ function GlobalStyles(_ref) {
17
17
  });
18
18
  }
19
19
  process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
20
- // ----------------------------- Warning --------------------------------
21
- // | These PropTypes are generated from the TypeScript type definitions |
22
- // | To update them edit TypeScript types and run "yarn proptypes" |
23
- // ----------------------------------------------------------------------
20
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
21
+ // These PropTypes are generated from the TypeScript type definitions.
22
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
23
+ // └─────────────────────────────────────────────────────────────────────┘
24
24
  /**
25
25
  * @ignore
26
26
  */
@@ -16,10 +16,10 @@ import createStack from './createStack';
16
16
  */
17
17
  var Stack = createStack();
18
18
  process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
19
- // ----------------------------- Warning --------------------------------
20
- // | These PropTypes are generated from the TypeScript type definitions |
21
- // | To update them edit TypeScript types and run "yarn proptypes" |
22
- // ----------------------------------------------------------------------
19
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
20
+ // These PropTypes are generated from the TypeScript type definitions.
21
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
22
+ // └─────────────────────────────────────────────────────────────────────┘
23
23
  /**
24
24
  * The content of the component.
25
25
  */
@@ -59,10 +59,10 @@ function ThemeProvider(props) {
59
59
  });
60
60
  }
61
61
  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes /* remove-proptypes */ = {
62
- // ----------------------------- Warning --------------------------------
63
- // | These PropTypes are generated from the TypeScript type definitions |
64
- // | To update them edit the d.ts file and run "yarn proptypes" |
65
- // ----------------------------------------------------------------------
62
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
63
+ // These PropTypes are generated from the TypeScript type definitions.
64
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
65
+ // └─────────────────────────────────────────────────────────────────────┘
66
66
  /**
67
67
  * Your component tree.
68
68
  */
@@ -15,10 +15,10 @@ import createGrid from './createGrid';
15
15
  */
16
16
  var Grid = createGrid();
17
17
  process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
18
- // ----------------------------- Warning --------------------------------
19
- // | These PropTypes are generated from the TypeScript type definitions |
20
- // | To update them edit TypeScript types and run "yarn proptypes" |
21
- // ----------------------------------------------------------------------
18
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
19
+ // These PropTypes are generated from the TypeScript type definitions.
20
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
21
+ // └─────────────────────────────────────────────────────────────────────┘
22
22
  /**
23
23
  * The content of the component.
24
24
  */
@@ -1,5 +1,6 @@
1
1
  import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  /* eslint-disable @typescript-eslint/naming-convention */
3
+ import { clamp } from '@mui/utils';
3
4
  /**
4
5
  * Returns a number whose value is limited to the given range.
5
6
  * @param {number} value The value to be clamped
@@ -7,7 +8,7 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
7
8
  * @param {number} max The upper boundary of the output range
8
9
  * @returns {number} A number in the range [min, max]
9
10
  */
10
- function clamp(value) {
11
+ function clampWrapper(value) {
11
12
  var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
12
13
  var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
13
14
  if (process.env.NODE_ENV !== 'production') {
@@ -15,7 +16,7 @@ function clamp(value) {
15
16
  console.error("MUI: The value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "]."));
16
17
  }
17
18
  }
18
- return Math.min(Math.max(min, value), max);
19
+ return clamp(value, min, max);
19
20
  }
20
21
 
21
22
  /**
@@ -226,7 +227,7 @@ export function getContrastRatio(foreground, background) {
226
227
  */
227
228
  export function alpha(color, value) {
228
229
  color = decomposeColor(color);
229
- value = clamp(value);
230
+ value = clampWrapper(value);
230
231
  if (color.type === 'rgb' || color.type === 'hsl') {
231
232
  color.type += 'a';
232
233
  }
@@ -256,7 +257,7 @@ export function private_safeAlpha(color, value, warning) {
256
257
  */
257
258
  export function darken(color, coefficient) {
258
259
  color = decomposeColor(color);
259
- coefficient = clamp(coefficient);
260
+ coefficient = clampWrapper(coefficient);
260
261
  if (color.type.indexOf('hsl') !== -1) {
261
262
  color.values[2] *= 1 - coefficient;
262
263
  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
@@ -285,7 +286,7 @@ export function private_safeDarken(color, coefficient, warning) {
285
286
  */
286
287
  export function lighten(color, coefficient) {
287
288
  color = decomposeColor(color);
288
- coefficient = clamp(coefficient);
289
+ coefficient = clampWrapper(coefficient);
289
290
  if (color.type.indexOf('hsl') !== -1) {
290
291
  color.values[2] += (100 - color.values[2]) * coefficient;
291
292
  } else if (color.type.indexOf('rgb') !== -1) {
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.15.3
2
+ * @mui/system v5.15.5
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/modern/Box/Box.js CHANGED
@@ -9,10 +9,10 @@ const Box = createBox({
9
9
  generateClassName: ClassNameGenerator.generate
10
10
  });
11
11
  process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
12
- // ----------------------------- Warning --------------------------------
13
- // | These PropTypes are generated from the TypeScript type definitions |
14
- // | To update them edit the d.ts file and run "yarn proptypes" |
15
- // ----------------------------------------------------------------------
12
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
13
+ // These PropTypes are generated from the TypeScript type definitions.
14
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
15
+ // └─────────────────────────────────────────────────────────────────────┘
16
16
  /**
17
17
  * @ignore
18
18
  */
@@ -16,10 +16,10 @@ import createContainer from './createContainer';
16
16
  */
17
17
  const Container = createContainer();
18
18
  process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
19
- // ----------------------------- Warning --------------------------------
20
- // | These PropTypes are generated from the TypeScript type definitions |
21
- // | To update them edit TypeScript types and run "yarn proptypes" |
22
- // ----------------------------------------------------------------------
19
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
20
+ // These PropTypes are generated from the TypeScript type definitions.
21
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
22
+ // └─────────────────────────────────────────────────────────────────────┘
23
23
  /**
24
24
  * @ignore
25
25
  */
@@ -17,10 +17,10 @@ function GlobalStyles({
17
17
  });
18
18
  }
19
19
  process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
20
- // ----------------------------- Warning --------------------------------
21
- // | These PropTypes are generated from the TypeScript type definitions |
22
- // | To update them edit TypeScript types and run "yarn proptypes" |
23
- // ----------------------------------------------------------------------
20
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
21
+ // These PropTypes are generated from the TypeScript type definitions.
22
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
23
+ // └─────────────────────────────────────────────────────────────────────┘
24
24
  /**
25
25
  * @ignore
26
26
  */
@@ -16,10 +16,10 @@ import createStack from './createStack';
16
16
  */
17
17
  const Stack = createStack();
18
18
  process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
19
- // ----------------------------- Warning --------------------------------
20
- // | These PropTypes are generated from the TypeScript type definitions |
21
- // | To update them edit TypeScript types and run "yarn proptypes" |
22
- // ----------------------------------------------------------------------
19
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
20
+ // These PropTypes are generated from the TypeScript type definitions.
21
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
22
+ // └─────────────────────────────────────────────────────────────────────┘
23
23
  /**
24
24
  * The content of the component.
25
25
  */
@@ -61,10 +61,10 @@ function ThemeProvider(props) {
61
61
  });
62
62
  }
63
63
  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes /* remove-proptypes */ = {
64
- // ----------------------------- Warning --------------------------------
65
- // | These PropTypes are generated from the TypeScript type definitions |
66
- // | To update them edit the d.ts file and run "yarn proptypes" |
67
- // ----------------------------------------------------------------------
64
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
65
+ // These PropTypes are generated from the TypeScript type definitions.
66
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
67
+ // └─────────────────────────────────────────────────────────────────────┘
68
68
  /**
69
69
  * Your component tree.
70
70
  */
@@ -15,10 +15,10 @@ import createGrid from './createGrid';
15
15
  */
16
16
  const Grid = createGrid();
17
17
  process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
18
- // ----------------------------- Warning --------------------------------
19
- // | These PropTypes are generated from the TypeScript type definitions |
20
- // | To update them edit TypeScript types and run "yarn proptypes" |
21
- // ----------------------------------------------------------------------
18
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
19
+ // These PropTypes are generated from the TypeScript type definitions.
20
+ // To update them, edit the TypeScript types and run `pnpm proptypes`. │
21
+ // └─────────────────────────────────────────────────────────────────────┘
22
22
  /**
23
23
  * The content of the component.
24
24
  */
@@ -1,5 +1,6 @@
1
1
  import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  /* eslint-disable @typescript-eslint/naming-convention */
3
+ import { clamp } from '@mui/utils';
3
4
  /**
4
5
  * Returns a number whose value is limited to the given range.
5
6
  * @param {number} value The value to be clamped
@@ -7,13 +8,13 @@ import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
7
8
  * @param {number} max The upper boundary of the output range
8
9
  * @returns {number} A number in the range [min, max]
9
10
  */
10
- function clamp(value, min = 0, max = 1) {
11
+ function clampWrapper(value, min = 0, max = 1) {
11
12
  if (process.env.NODE_ENV !== 'production') {
12
13
  if (value < min || value > max) {
13
14
  console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
14
15
  }
15
16
  }
16
- return Math.min(Math.max(min, value), max);
17
+ return clamp(value, min, max);
17
18
  }
18
19
 
19
20
  /**
@@ -219,7 +220,7 @@ export function getContrastRatio(foreground, background) {
219
220
  */
220
221
  export function alpha(color, value) {
221
222
  color = decomposeColor(color);
222
- value = clamp(value);
223
+ value = clampWrapper(value);
223
224
  if (color.type === 'rgb' || color.type === 'hsl') {
224
225
  color.type += 'a';
225
226
  }
@@ -249,7 +250,7 @@ export function private_safeAlpha(color, value, warning) {
249
250
  */
250
251
  export function darken(color, coefficient) {
251
252
  color = decomposeColor(color);
252
- coefficient = clamp(coefficient);
253
+ coefficient = clampWrapper(coefficient);
253
254
  if (color.type.indexOf('hsl') !== -1) {
254
255
  color.values[2] *= 1 - coefficient;
255
256
  } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
@@ -278,7 +279,7 @@ export function private_safeDarken(color, coefficient, warning) {
278
279
  */
279
280
  export function lighten(color, coefficient) {
280
281
  color = decomposeColor(color);
281
- coefficient = clamp(coefficient);
282
+ coefficient = clampWrapper(coefficient);
282
283
  if (color.type.indexOf('hsl') !== -1) {
283
284
  color.values[2] += (100 - color.values[2]) * coefficient;
284
285
  } else if (color.type.indexOf('rgb') !== -1) {
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.15.3
2
+ * @mui/system v5.15.5
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/system",
3
- "version": "5.15.3",
3
+ "version": "5.15.5",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.",
@@ -26,14 +26,14 @@
26
26
  "url": "https://opencollective.com/mui-org"
27
27
  },
28
28
  "dependencies": {
29
- "@babel/runtime": "^7.23.6",
30
- "@mui/private-theming": "^5.15.3",
31
- "@mui/styled-engine": "^5.15.3",
32
- "@mui/types": "^7.2.12",
33
- "@mui/utils": "^5.15.3",
34
- "clsx": "^2.0.0",
29
+ "@babel/runtime": "^7.23.8",
30
+ "clsx": "^2.1.0",
35
31
  "csstype": "^3.1.2",
36
- "prop-types": "^15.8.1"
32
+ "prop-types": "^15.8.1",
33
+ "@mui/private-theming": "^5.15.5",
34
+ "@mui/types": "^7.2.13",
35
+ "@mui/utils": "^5.15.5",
36
+ "@mui/styled-engine": "^5.15.5"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "@emotion/react": "^11.5.0",
@@ -54,7 +54,8 @@
54
54
  },
55
55
  "sideEffects": false,
56
56
  "publishConfig": {
57
- "access": "public"
57
+ "access": "public",
58
+ "directory": "build"
58
59
  },
59
60
  "engines": {
60
61
  "node": ">=12.0.0"