@mui/material 5.10.17 → 5.11.1

package/Switch/Switch.js

@@ -1,27 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _base = require("@mui/base");
-var _system = require("@mui/system");
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _SwitchBase = _interopRequireDefault(require("../internal/SwitchBase"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _switchClasses = _interopRequireWildcard(require("./switchClasses"));
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["className", "color", "edge", "size", "sx"];
-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; }
+// @inheritedComponent IconButton
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { refType } from '@mui/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { alpha, darken, lighten } from '@mui/system';
+import capitalize from '../utils/capitalize';
+import SwitchBase from '../internal/SwitchBase';
+import useThemeProps from '../styles/useThemeProps';
+import styled from '../styles/styled';
+import switchClasses, { getSwitchUtilityClass } from './switchClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -32,27 +25,27 @@ const useUtilityClasses = ownerState => {
     disabled
   } = ownerState;
   const slots = {
-    root: ['root', edge && `edge${(0, _capitalize.default)(edge)}`, `size${(0, _capitalize.default)(size)}`],
-    switchBase: ['switchBase', `color${(0, _capitalize.default)(color)}`, checked && 'checked', disabled && 'disabled'],
+    root: ['root', edge && `edge${capitalize(edge)}`, `size${capitalize(size)}`],
+    switchBase: ['switchBase', `color${capitalize(color)}`, checked && 'checked', disabled && 'disabled'],
     thumb: ['thumb'],
     track: ['track'],
     input: ['input']
   };
-  const composedClasses = (0, _base.unstable_composeClasses)(slots, _switchClasses.getSwitchUtilityClass, classes);
-  return (0, _extends2.default)({}, classes, composedClasses);
+  const composedClasses = composeClasses(slots, getSwitchUtilityClass, classes);
+  return _extends({}, classes, composedClasses);
 };
-const SwitchRoot = (0, _styled.default)('span', {
+const SwitchRoot = styled('span', {
   name: 'MuiSwitch',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.edge && styles[`edge${(0, _capitalize.default)(ownerState.edge)}`], styles[`size${(0, _capitalize.default)(ownerState.size)}`]];
+    return [styles.root, ownerState.edge && styles[`edge${capitalize(ownerState.edge)}`], styles[`size${capitalize(ownerState.size)}`]];
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   display: 'inline-flex',
   width: 34 + 12 * 2,
   height: 14 + 12 * 2,
@@ -76,18 +69,18 @@ const SwitchRoot = (0, _styled.default)('span', {
   width: 40,
   height: 24,
   padding: 7,
-  [`& .${_switchClasses.default.thumb}`]: {
+  [`& .${switchClasses.thumb}`]: {
     width: 16,
     height: 16
   },
-  [`& .${_switchClasses.default.switchBase}`]: {
+  [`& .${switchClasses.switchBase}`]: {
     padding: 4,
-    [`&.${_switchClasses.default.checked}`]: {
+    [`&.${switchClasses.checked}`]: {
       transform: 'translateX(16px)'
     }
   }
 }));
-const SwitchSwitchBase = (0, _styled.default)(_SwitchBase.default, {
+const SwitchSwitchBase = styled(SwitchBase, {
   name: 'MuiSwitch',
   slot: 'SwitchBase',
   overridesResolver: (props, styles) => {
@@ -95,8 +88,8 @@ const SwitchSwitchBase = (0, _styled.default)(_SwitchBase.default, {
       ownerState
     } = props;
     return [styles.switchBase, {
-      [`& .${_switchClasses.default.input}`]: styles.input
-    }, ownerState.color !== 'default' && styles[`color${(0, _capitalize.default)(ownerState.color)}`]];
+      [`& .${switchClasses.input}`]: styles.input
+    }, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme
@@ -110,51 +103,51 @@ const SwitchSwitchBase = (0, _styled.default)(_SwitchBase.default, {
   transition: theme.transitions.create(['left', 'transform'], {
     duration: theme.transitions.duration.shortest
   }),
-  [`&.${_switchClasses.default.checked}`]: {
+  [`&.${switchClasses.checked}`]: {
     transform: 'translateX(20px)'
   },
-  [`&.${_switchClasses.default.disabled}`]: {
+  [`&.${switchClasses.disabled}`]: {
     color: theme.vars ? theme.vars.palette.Switch.defaultDisabledColor : `${theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[600]}`
   },
-  [`&.${_switchClasses.default.checked} + .${_switchClasses.default.track}`]: {
+  [`&.${switchClasses.checked} + .${switchClasses.track}`]: {
     opacity: 0.5
   },
-  [`&.${_switchClasses.default.disabled} + .${_switchClasses.default.track}`]: {
+  [`&.${switchClasses.disabled} + .${switchClasses.track}`]: {
     opacity: theme.vars ? theme.vars.opacity.switchTrackDisabled : `${theme.palette.mode === 'light' ? 0.12 : 0.2}`
   },
-  [`& .${_switchClasses.default.input}`]: {
+  [`& .${switchClasses.input}`]: {
     left: '-100%',
     width: '300%'
   }
 }), ({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       backgroundColor: 'transparent'
     }
   }
 }, ownerState.color !== 'default' && {
-  [`&.${_switchClasses.default.checked}`]: {
+  [`&.${switchClasses.checked}`]: {
     color: (theme.vars || theme).palette[ownerState.color].main,
     '&:hover': {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _system.alpha)(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
       '@media (hover: none)': {
         backgroundColor: 'transparent'
       }
     },
-    [`&.${_switchClasses.default.disabled}`]: {
-      color: theme.vars ? theme.vars.palette.Switch[`${ownerState.color}DisabledColor`] : `${theme.palette.mode === 'light' ? (0, _system.lighten)(theme.palette[ownerState.color].main, 0.62) : (0, _system.darken)(theme.palette[ownerState.color].main, 0.55)}`
+    [`&.${switchClasses.disabled}`]: {
+      color: theme.vars ? theme.vars.palette.Switch[`${ownerState.color}DisabledColor`] : `${theme.palette.mode === 'light' ? lighten(theme.palette[ownerState.color].main, 0.62) : darken(theme.palette[ownerState.color].main, 0.55)}`
     }
   },
-  [`&.${_switchClasses.default.checked} + .${_switchClasses.default.track}`]: {
+  [`&.${switchClasses.checked} + .${switchClasses.track}`]: {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main
   }
 }));
-const SwitchTrack = (0, _styled.default)('span', {
+const SwitchTrack = styled('span', {
   name: 'MuiSwitch',
   slot: 'Track',
   overridesResolver: (props, styles) => styles.track
@@ -171,7 +164,7 @@ const SwitchTrack = (0, _styled.default)('span', {
   backgroundColor: theme.vars ? theme.vars.palette.common.onBackground : `${theme.palette.mode === 'light' ? theme.palette.common.black : theme.palette.common.white}`,
   opacity: theme.vars ? theme.vars.opacity.switchTrack : `${theme.palette.mode === 'light' ? 0.38 : 0.3}`
 }));
-const SwitchThumb = (0, _styled.default)('span', {
+const SwitchThumb = styled('span', {
   name: 'MuiSwitch',
   slot: 'Thumb',
   overridesResolver: (props, styles) => styles.thumb
@@ -185,7 +178,7 @@ const SwitchThumb = (0, _styled.default)('span', {
   borderRadius: '50%'
 }));
 const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiSwitch'
   });
@@ -196,32 +189,32 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
       size = 'medium',
       sx
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     color,
     edge,
     size
   });
   const classes = useUtilityClasses(ownerState);
-  const icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchThumb, {
+  const icon = /*#__PURE__*/_jsx(SwitchThumb, {
     className: classes.thumb,
     ownerState: ownerState
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SwitchRoot, {
-    className: (0, _clsx.default)(classes.root, className),
+  return /*#__PURE__*/_jsxs(SwitchRoot, {
+    className: clsx(classes.root, className),
     sx: sx,
     ownerState: ownerState,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchSwitchBase, (0, _extends2.default)({
+    children: [/*#__PURE__*/_jsx(SwitchSwitchBase, _extends({
       type: "checkbox",
       icon: icon,
       checkedIcon: icon,
       ref: ref,
       ownerState: ownerState
     }, other, {
-      classes: (0, _extends2.default)({}, classes, {
+      classes: _extends({}, classes, {
         root: classes.switchBase
       })
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchTrack, {
+    })), /*#__PURE__*/_jsx(SwitchTrack, {
       className: classes.track,
       ownerState: ownerState
     })]
@@ -235,38 +228,38 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   /**
    * If `true`, the component is checked.
    */
-  checked: _propTypes.default.bool,
+  checked: PropTypes.bool,
   /**
    * The icon to display when the component is checked.
    */
-  checkedIcon: _propTypes.default.node,
+  checkedIcon: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * 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 /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
   /**
    * The default checked state. Use when the component is not controlled.
    */
-  defaultChecked: _propTypes.default.bool,
+  defaultChecked: PropTypes.bool,
   /**
    * If `true`, the component is disabled.
    */
-  disabled: _propTypes.default.bool,
+  disabled: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
    */
-  disableRipple: _propTypes.default.bool,
+  disableRipple: PropTypes.bool,
   /**
    * If given, uses a negative margin to counteract the padding on one
    * side (this is often helpful for aligning the left or right
@@ -274,23 +267,23 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
    * size and shape).
    * @default false
    */
-  edge: _propTypes.default.oneOf(['end', 'start', false]),
+  edge: PropTypes.oneOf(['end', 'start', false]),
   /**
    * The icon to display when the component is unchecked.
    */
-  icon: _propTypes.default.node,
+  icon: PropTypes.node,
   /**
    * The id of the `input` element.
    */
-  id: _propTypes.default.string,
+  id: PropTypes.string,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    */
-  inputProps: _propTypes.default.object,
+  inputProps: PropTypes.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: refType,
   /**
    * Callback fired when the state is changed.
    *
@@ -298,26 +291,25 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
    * You can pull out the new value by accessing `event.target.value` (string).
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange: _propTypes.default.func,
+  onChange: PropTypes.func,
   /**
    * If `true`, the `input` element is required.
    */
-  required: _propTypes.default.bool,
+  required: PropTypes.bool,
   /**
    * The size of the component.
    * `small` is equivalent to the dense switch styling.
    * @default 'medium'
    */
-  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['medium', 'small']), _propTypes.default.string]),
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  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]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
    */
-  value: _propTypes.default.any
+  value: PropTypes.any
 } : void 0;
-var _default = Switch;
-exports.default = _default;
+export default Switch;

package/Switch/index.js

@@ -1,36 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  switchClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Switch.default;
-  }
-});
-Object.defineProperty(exports, "switchClasses", {
-  enumerable: true,
-  get: function () {
-    return _switchClasses.default;
-  }
-});
-var _Switch = _interopRequireDefault(require("./Switch"));
-var _switchClasses = _interopRequireWildcard(require("./switchClasses"));
-Object.keys(_switchClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _switchClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _switchClasses[key];
-    }
-  });
-});
-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; }
+export { default } from './Switch';
+export { default as switchClasses } from './switchClasses';
+export * from './switchClasses';

package/Switch/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/Switch/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/Switch/index.js",
   "types": "./index.d.ts"
 }

package/Switch/switchClasses.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getSwitchUtilityClass = getSwitchUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-function getSwitchUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiSwitch', slot);
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
+export function getSwitchUtilityClass(slot) {
+  return generateUtilityClass('MuiSwitch', slot);
 }
-const switchClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);
-var _default = switchClasses;
-exports.default = _default;
+const switchClasses = generateUtilityClasses('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);
+export default switchClasses;