@mui/material 5.5.2 → 5.6.1

package/node/Select/SelectInput.js

@@ -384,7 +384,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
   }
 
-  const items = childrenArray.map(child => {
+  const items = childrenArray.map((child, index, arr) => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
     }
@@ -419,6 +419,27 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       foundMatch = true;
     }
 
+    if (child.props.value === undefined) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        'aria-readonly': true,
+        role: 'option'
+      });
+    }
+
+    const isFirstSelectableElement = () => {
+      if (value) {
+        return selected;
+      }
+
+      const firstSelectableElement = arr.find(item => item.props.value !== undefined && item.props.disabled !== true);
+
+      if (child === firstSelectableElement) {
+        return true;
+      }
+
+      return selected;
+    };
+
     return /*#__PURE__*/React.cloneElement(child, {
       'aria-selected': selected ? 'true' : 'false',
       onClick: handleItemClick(child),
@@ -435,7 +456,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
         }
       },
       role: 'option',
-      selected,
+      selected: arr[0].props.value === undefined || arr[0].props.disabled === true ? isFirstSelectableElement() : selected,
       value: undefined,
       // The value is most likely not a valid HTML attribute.
       'data-value': child.props.value // Instead, we provide it as a data attribute.
@@ -641,7 +662,7 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
   labelId: _propTypes.default.string,
 
   /**
-   * Props applied to the [`Menu`](/api/menu/) element.
+   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
    */
   MenuProps: _propTypes.default.object,
 

package/node/Slide/Slide.js

@@ -108,7 +108,7 @@ function setTranslateValue(direction, node, containerProp) {
   }
 }
 /**
- * The Slide transition is used by the [Drawer](/components/drawers/) component.
+ * The Slide transition is used by the [Drawer](/material-ui/react-drawer/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 

package/node/Slider/Slider.js

@@ -567,7 +567,9 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
   classes: _propTypes.default.object,
 
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: _propTypes.default

package/node/Snackbar/Snackbar.js

@@ -389,7 +389,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
   ClickAwayListenerProps: _propTypes.default.object,
 
   /**
-   * Props applied to the [`SnackbarContent`](/api/snackbar-content/) element.
+   * Props applied to the [`SnackbarContent`](/material-ui/api/snackbar-content/) element.
    */
   ContentProps: _propTypes.default.object,
 
@@ -464,7 +464,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes
 
   /**
    * The component used for the transition.
-   * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Grow
    */
   TransitionComponent: _propTypes.default.elementType,

package/node/SpeedDial/SpeedDial.js

@@ -485,7 +485,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
   direction: _propTypes.default.oneOf(['down', 'left', 'right', 'up']),
 
   /**
-   * Props applied to the [`Fab`](/api/fab/) element.
+   * Props applied to the [`Fab`](/material-ui/api/fab/) element.
    * @default {}
    */
   FabProps: _propTypes.default.object,
@@ -560,7 +560,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
 
   /**
    * The component used for the transition.
-   * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Zoom
    */
   TransitionComponent: _propTypes.default.elementType,

package/node/SpeedDialAction/SpeedDialAction.js

@@ -240,7 +240,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
   delay: _propTypes.default.number,
 
   /**
-   * Props applied to the [`Fab`](/api/fab/) component.
+   * Props applied to the [`Fab`](/material-ui/api/fab/) component.
    * @default {}
    */
   FabProps: _propTypes.default.object,
@@ -267,7 +267,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
-   * `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.
+   * `classes` prop applied to the [`Tooltip`](/material-ui/api/tooltip/) element.
    */
   TooltipClasses: _propTypes.default.object,
 

package/node/StepContent/StepContent.js

@@ -163,7 +163,7 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes
 
   /**
    * The component used for the transition.
-   * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
   TransitionComponent: _propTypes.default.elementType,

package/node/StepLabel/StepLabel.js

@@ -248,12 +248,12 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes
   optional: _propTypes.default.node,
 
   /**
-   * The component to render in place of the [`StepIcon`](/api/step-icon/).
+   * The component to render in place of the [`StepIcon`](/material-ui/api/step-icon/).
    */
   StepIconComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the [`StepIcon`](/api/step-icon/) element.
+   * Props applied to the [`StepIcon`](/material-ui/api/step-icon/) element.
    */
   StepIconProps: _propTypes.default.object,
 

package/node/SvgIcon/SvgIcon.js

@@ -157,7 +157,9 @@ process.env.NODE_ENV !== "production" ? SvgIcon.propTypes
   className: _propTypes.default.string,
 
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */

package/node/Switch/Switch.js

@@ -276,7 +276,9 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes
   className: _propTypes.default.string,
 
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: _propTypes.default

package/node/TablePagination/TablePagination.js

@@ -298,7 +298,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   ActionsComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the back arrow [`IconButton`](/api/icon-button/) component.
+   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
    */
   backIconButtonProps: _propTypes.default.object,
 
@@ -334,7 +334,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
    * @returns {string}
    * @default function defaultGetAriaLabel(type) {
@@ -347,7 +347,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
    * object.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
    *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
    * }
@@ -357,13 +357,13 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   /**
    * Customize the rows per page label.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @default 'Rows per page:'
    */
   labelRowsPerPage: _propTypes.default.node,
 
   /**
-   * Props applied to the next arrow [`IconButton`](/api/icon-button/) element.
+   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   nextIconButtonProps: _propTypes.default.object,
 
@@ -424,7 +424,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   })]).isRequired),
 
   /**
-   * Props applied to the rows per page [`Select`](/api/select/) element.
+   * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
    * @default {}
    */
   SelectProps: _propTypes.default.object,

package/node/TablePagination/TablePaginationActions.js

@@ -107,7 +107,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
 });
 process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   /**
-   * Props applied to the back arrow [`IconButton`](/api/icon-button/) element.
+   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   backIconButtonProps: _propTypes.default.object,
 
@@ -119,7 +119,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    *
    * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous'). Defaults to 'page'.
    * @param {number} page The page number to format.
@@ -128,7 +128,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   getItemAriaLabel: _propTypes.default.func.isRequired,
 
   /**
-   * Props applied to the next arrow [`IconButton`](/api/icon-button/) element.
+   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   nextIconButtonProps: _propTypes.default.object,
 

package/node/Tabs/Tabs.js

@@ -843,7 +843,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
   TabIndicatorProps: _propTypes.default.object,
 
   /**
-   * Props applied to the [`TabScrollButton`](/api/tab-scroll-button/) element.
+   * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
    * @default {}
    */
   TabScrollButtonProps: _propTypes.default.object,

package/node/TextField/TextField.js

@@ -79,12 +79,12 @@ const TextFieldRoot = (0, _styled.default)(_FormControl.default, {
  * It's important to understand that the text field is a simple abstraction
  * on top of the following components:
  *
- * - [FormControl](/api/form-control/)
- * - [InputLabel](/api/input-label/)
- * - [FilledInput](/api/filled-input/)
- * - [OutlinedInput](/api/outlined-input/)
- * - [Input](/api/input/)
- * - [FormHelperText](/api/form-helper-text/)
+ * - [FormControl](/material-ui/api/form-control/)
+ * - [InputLabel](/material-ui/api/input-label/)
+ * - [FilledInput](/material-ui/api/filled-input/)
+ * - [OutlinedInput](/material-ui/api/outlined-input/)
+ * - [Input](/material-ui/api/input/)
+ * - [FormHelperText](/material-ui/api/form-helper-text/)
  *
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
  *
@@ -274,7 +274,9 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   className: _propTypes.default.string,
 
   /**
-   * The color of the component. It supports those theme colors that make sense for this component.
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: _propTypes.default
@@ -299,7 +301,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   error: _propTypes.default.bool,
 
   /**
-   * Props applied to the [`FormHelperText`](/api/form-helper-text/) element.
+   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
    */
   FormHelperTextProps: _propTypes.default.object,
 
@@ -321,7 +323,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   id: _propTypes.default.string,
 
   /**
-   * Props applied to the [`InputLabel`](/api/input-label/) element.
+   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
    * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
    */
   InputLabelProps: _propTypes.default.object,
@@ -333,8 +335,8 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
 
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/api/filled-input/),
-   * [`OutlinedInput`](/api/outlined-input/) or [`Input`](/api/input/)
+   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
+   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
    * component depending on the `variant` prop value.
    */
   InputProps: _propTypes.default.object,
@@ -411,14 +413,14 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
   rows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
 
   /**
-   * Render a [`Select`](/api/select/) element while passing the Input element to `Select` as `input` parameter.
+   * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
    * If this option is set you must pass the options of the select as children.
    * @default false
    */
   select: _propTypes.default.bool,
 
   /**
-   * Props applied to the [`Select`](/api/select/) element.
+   * Props applied to the [`Select`](/material-ui/api/select/) element.
    */
   SelectProps: _propTypes.default.object,
 

package/node/ToggleButton/ToggleButton.js

@@ -188,6 +188,8 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes
 
   /**
    * The color of the button when it is in an active state.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'standard'
    */
   color: _propTypes.default

package/node/ToggleButtonGroup/ToggleButtonGroup.js

@@ -214,7 +214,9 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes
   className: _propTypes.default.string,
 
   /**
-   * The color of a button when it is selected.
+   * The color of the button when it is selected.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'standard'
    */
   color: _propTypes.default

package/node/Tooltip/Tooltip.js

@@ -827,7 +827,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
   PopperComponent: _propTypes.default.elementType,
 
   /**
-   * Props applied to the [`Popper`](/api/popper/) element.
+   * Props applied to the [`Popper`](/material-ui/api/popper/) element.
    * @default {}
    */
   PopperProps: _propTypes.default.object,
@@ -846,7 +846,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
 
   /**
    * The component used for the transition.
-   * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Grow
    */
   TransitionComponent: _propTypes.default.elementType,

package/node/Unstable_TrapFocus/index.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Unstable_TrapFocus.default;
+    return _TrapFocus.default;
   }
 });
 
-var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/base/Unstable_TrapFocus"));
+var _TrapFocus = _interopRequireDefault(require("@mui/base/TrapFocus"));

package/node/Zoom/Zoom.js

@@ -43,7 +43,7 @@ const styles = {
 };
 /**
  * The Zoom transition can be used for the floating variant of the
- * [Button](/components/buttons/#floating-action-buttons) component.
+ * [Button](/material-ui/react-button/#floating-action-buttons) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.5.2
+/** @license MUI v5.6.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/locale/index.js

@@ -1066,9 +1066,12 @@ const etEE = {
 
           return 'Vali eelmine lehekülg';
         },
-        labelRowsPerPage: 'Ridu leheküljel:' // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
-
+        labelRowsPerPage: 'Ridu leheküljel:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} / ${count !== -1 ? count : `rohkem kui ${to}`}`
       }
     },
     MuiRating: {

package/node/styles/CssVarsProvider.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColorScheme = exports.getInitColorSchemeScript = exports.Experimental_CssVarsProvider = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _system = require("@mui/system");
+
+var _experimental_extendTheme = _interopRequireDefault(require("./experimental_extendTheme"));
+
+var _createTypography = _interopRequireDefault(require("./createTypography"));
+
+/* eslint-disable @typescript-eslint/naming-convention */
+const defaultTheme = (0, _experimental_extendTheme.default)();
+const {
+  CssVarsProvider: Experimental_CssVarsProvider,
+  useColorScheme,
+  getInitColorSchemeScript
+} = (0, _system.unstable_createCssVarsProvider)({
+  theme: defaultTheme,
+  defaultColorScheme: {
+    light: 'light',
+    dark: 'dark'
+  },
+  prefix: 'md',
+  resolveTheme: theme => {
+    const newTheme = (0, _extends2.default)({}, theme, {
+      typography: (0, _createTypography.default)(theme.palette, theme.typography)
+    });
+    return newTheme;
+  },
+  shouldSkipGeneratingVar: keys => !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/)
+});
+exports.getInitColorSchemeScript = getInitColorSchemeScript;
+exports.useColorScheme = useColorScheme;
+exports.Experimental_CssVarsProvider = Experimental_CssVarsProvider;

package/node/styles/experimental_extendTheme.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultOpacity = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("@mui/utils");
+
+var _system = require("@mui/system");
+
+var _createTheme = _interopRequireDefault(require("./createTheme"));
+
+var _createPalette = _interopRequireDefault(require("./createPalette"));
+
+const _excluded = ["colorSchemes", "opacity"],
+      _excluded2 = ["palette"];
+const defaultOpacity = {
+  active: 0.54,
+  hover: 0.04,
+  selected: 0.08,
+  disabled: 0.26,
+  focus: 0.12
+};
+exports.defaultOpacity = defaultOpacity;
+
+function createTheme(options = {}, ...args) {
+  var _colorSchemesInput$li, _colorSchemesInput$da;
+
+  const {
+    colorSchemes: colorSchemesInput = {},
+    opacity: opacityInput = {}
+  } = options,
+        input = (0, _objectWithoutPropertiesLoose2.default)(options, _excluded); // eslint-disable-next-line prefer-const
+
+  let _createThemeWithoutVa = (0, _createTheme.default)((0, _extends2.default)({}, input, colorSchemesInput.light && {
+    palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
+  })),
+      {
+    palette: lightPalette
+  } = _createThemeWithoutVa,
+      muiTheme = (0, _objectWithoutPropertiesLoose2.default)(_createThemeWithoutVa, _excluded2);
+
+  const {
+    palette: darkPalette
+  } = (0, _createTheme.default)({
+    palette: (0, _extends2.default)({
+      mode: 'dark'
+    }, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
+  });
+  colorSchemesInput.light = {
+    palette: lightPalette
+  };
+  colorSchemesInput.dark = {
+    palette: darkPalette
+  };
+  const colorSchemes = {};
+  Object.keys(colorSchemesInput).forEach(key => {
+    const palette = (0, _createPalette.default)(colorSchemesInput[key].palette);
+    Object.keys(palette).forEach(color => {
+      const colors = palette[color];
+
+      if (colors.main) {
+        palette[color].mainChannel = (0, _system.colorChannel)(colors.main);
+      }
+
+      if (colors.light) {
+        palette[color].lightChannel = (0, _system.colorChannel)(colors.light);
+      }
+
+      if (colors.dark) {
+        palette[color].darkChannel = (0, _system.colorChannel)(colors.dark);
+      }
+
+      if (colors.primary) {
+        palette[color].primaryChannel = (0, _system.colorChannel)(colors.primary);
+      }
+
+      if (colors.secondary) {
+        palette[color].secondaryChannel = (0, _system.colorChannel)(colors.secondary);
+      }
+
+      if (colors.disabled) {
+        palette[color].disabledChannel = (0, _system.colorChannel)(colors.disabled);
+      }
+    });
+    colorSchemes[key] = {
+      palette
+    };
+  });
+  const opacity = (0, _extends2.default)({}, defaultOpacity, opacityInput);
+  muiTheme.colorSchemes = colorSchemes;
+  muiTheme.opacity = opacity;
+  muiTheme = args.reduce((acc, argument) => (0, _utils.deepmerge)(acc, argument), muiTheme);
+  return muiTheme;
+}
+
+var _default = createTheme;
+exports.default = _default;

package/node/styles/index.js

@@ -5,6 +5,42 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  adaptV4Theme: true,
+  hexToRgb: true,
+  rgbToHex: true,
+  hslToRgb: true,
+  decomposeColor: true,
+  recomposeColor: true,
+  getContrastRatio: true,
+  getLuminance: true,
+  emphasize: true,
+  alpha: true,
+  darken: true,
+  lighten: true,
+  css: true,
+  keyframes: true,
+  experimental_sx: true,
+  StyledEngineProvider: true,
+  createTheme: true,
+  createMuiTheme: true,
+  unstable_createMuiStrictModeTheme: true,
+  createStyles: true,
+  unstable_getUnit: true,
+  unstable_toUnitless: true,
+  responsiveFontSizes: true,
+  duration: true,
+  easing: true,
+  useTheme: true,
+  useThemeProps: true,
+  styled: true,
+  experimentalStyled: true,
+  ThemeProvider: true,
+  makeStyles: true,
+  withStyles: true,
+  withTheme: true,
+  experimental_extendTheme: true
+};
 Object.defineProperty(exports, "StyledEngineProvider", {
   enumerable: true,
   get: function () {
@@ -89,6 +125,12 @@ Object.defineProperty(exports, "experimentalStyled", {
     return _styled.default;
   }
 });
+Object.defineProperty(exports, "experimental_extendTheme", {
+  enumerable: true,
+  get: function () {
+    return _experimental_extendTheme.default;
+  }
+});
 Object.defineProperty(exports, "experimental_sx", {
   enumerable: true,
   get: function () {
@@ -234,6 +276,22 @@ var _withStyles = _interopRequireDefault(require("./withStyles"));
 
 var _withTheme = _interopRequireDefault(require("./withTheme"));
 
+var _CssVarsProvider = require("./CssVarsProvider");
+
+Object.keys(_CssVarsProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CssVarsProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CssVarsProvider[key];
+    }
+  });
+});
+
+var _experimental_extendTheme = _interopRequireDefault(require("./experimental_extendTheme"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }