@mui/material 5.13.1 → 5.13.2

package/ImageListItem/ImageListItem.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "cols", "component", "rows", "style"];
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { integerPropType } from '@mui/utils';
 import clsx from 'clsx';
@@ -34,31 +37,29 @@ const ImageListItemRoot = styled('li', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   display: 'block',
-  position: 'relative',
-  ...(ownerState.variant === 'standard' && {
-    // For titlebar under list item
-    display: 'flex',
-    flexDirection: 'column'
-  }),
-  ...(ownerState.variant === 'woven' && {
-    height: '100%',
-    alignSelf: 'center',
-    '&:nth-of-type(even)': {
-      height: '70%'
-    }
-  }),
-  [`& .${imageListItemClasses.img}`]: {
+  position: 'relative'
+}, ownerState.variant === 'standard' && {
+  // For titlebar under list item
+  display: 'flex',
+  flexDirection: 'column'
+}, ownerState.variant === 'woven' && {
+  height: '100%',
+  alignSelf: 'center',
+  '&:nth-of-type(even)': {
+    height: '70%'
+  }
+}, {
+  [`& .${imageListItemClasses.img}`]: _extends({
     objectFit: 'cover',
     width: '100%',
     height: '100%',
-    display: 'block',
-    ...(ownerState.variant === 'standard' && {
-      height: 'auto',
-      flexGrow: 1
-    })
-  }
+    display: 'block'
+  }, ownerState.variant === 'standard' && {
+    height: 'auto',
+    flexGrow: 1
+  })
 }));
 const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps, ref) {
   const props = useThemeProps({
@@ -68,14 +69,14 @@ const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inPro
 
   // TODO: - Use jsdoc @default?: "cols rows default values are for docs only"
   const {
-    children,
-    className,
-    cols = 1,
-    component = 'li',
-    rows = 1,
-    style,
-    ...other
-  } = props;
+      children,
+      className,
+      cols = 1,
+      component = 'li',
+      rows = 1,
+      style
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     rowHeight = 'auto',
     gap,
@@ -87,29 +88,27 @@ const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inPro
   } else if (rowHeight !== 'auto') {
     height = rowHeight * rows + gap * (rows - 1);
   }
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     cols,
     component,
     gap,
     rowHeight,
     rows,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ImageListItemRoot, {
+  return /*#__PURE__*/_jsx(ImageListItemRoot, _extends({
     as: component,
     className: clsx(classes.root, classes[variant], className),
     ref: ref,
-    style: {
+    style: _extends({
       height,
       gridColumnEnd: variant !== 'masonry' ? `span ${cols}` : undefined,
       gridRowEnd: variant !== 'masonry' ? `span ${rows}` : undefined,
-      marginBottom: variant === 'masonry' ? gap : undefined,
-      ...style
-    },
-    ownerState: ownerState,
-    ...other,
+      marginBottom: variant === 'masonry' ? gap : undefined
+    }, style),
+    ownerState: ownerState
+  }, other, {
     children: React.Children.map(children, child => {
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;
@@ -126,7 +125,7 @@ const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inPro
       }
       return child;
     })
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? ImageListItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/ImageListItem/imageListItemClasses.d.ts

@@ -1,18 +1,18 @@
-export interface ImageListItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to an `img` element to ensure it covers the item. */
-    img: string;
-    /** Styles applied to the root element if `variant="standard"`. */
-    standard: string;
-    /** Styles applied to the root element if `variant="woven"`. */
-    woven: string;
-    /** Styles applied to the root element if `variant="masonry"`. */
-    masonry: string;
-    /** Styles applied to the root element if `variant="quilted"`. */
-    quilted: string;
-}
-export type ImageListItemClassKey = keyof ImageListItemClasses;
-export declare function getImageListItemUtilityClass(slot: string): string;
-declare const imageListItemClasses: ImageListItemClasses;
-export default imageListItemClasses;
+export interface ImageListItemClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to an `img` element to ensure it covers the item. */
+    img: string;
+    /** Styles applied to the root element if `variant="standard"`. */
+    standard: string;
+    /** Styles applied to the root element if `variant="woven"`. */
+    woven: string;
+    /** Styles applied to the root element if `variant="masonry"`. */
+    masonry: string;
+    /** Styles applied to the root element if `variant="quilted"`. */
+    quilted: string;
+}
+export type ImageListItemClassKey = keyof ImageListItemClasses;
+export declare function getImageListItemUtilityClass(slot: string): string;
+declare const imageListItemClasses: ImageListItemClasses;
+export default imageListItemClasses;

package/ImageListItemBar/ImageListItemBar.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["actionIcon", "actionPosition", "className", "subtitle", "title", "position"];
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -37,26 +40,23 @@ const ImageListItemBarRoot = styled('div', {
   theme,
   ownerState
 }) => {
-  return {
+  return _extends({
     position: 'absolute',
     left: 0,
     right: 0,
     background: 'rgba(0, 0, 0, 0.5)',
     display: 'flex',
     alignItems: 'center',
-    fontFamily: theme.typography.fontFamily,
-    ...(ownerState.position === 'bottom' && {
-      bottom: 0
-    }),
-    ...(ownerState.position === 'top' && {
-      top: 0
-    }),
-    ...(ownerState.position === 'below' && {
-      position: 'relative',
-      background: 'transparent',
-      alignItems: 'normal'
-    })
-  };
+    fontFamily: theme.typography.fontFamily
+  }, ownerState.position === 'bottom' && {
+    bottom: 0
+  }, ownerState.position === 'top' && {
+    top: 0
+  }, ownerState.position === 'below' && {
+    position: 'relative',
+    background: 'transparent',
+    alignItems: 'normal'
+  });
 });
 const ImageListItemBarTitleWrap = styled('div', {
   name: 'MuiImageListItemBar',
@@ -71,22 +71,19 @@ const ImageListItemBarTitleWrap = styled('div', {
   theme,
   ownerState
 }) => {
-  return {
+  return _extends({
     flexGrow: 1,
     padding: '12px 16px',
     color: (theme.vars || theme).palette.common.white,
-    overflow: 'hidden',
-    ...(ownerState.position === 'below' && {
-      padding: '6px 0 12px',
-      color: 'inherit'
-    }),
-    ...(ownerState.actionIcon && ownerState.actionPosition === 'left' && {
-      paddingLeft: 0
-    }),
-    ...(ownerState.actionIcon && ownerState.actionPosition === 'right' && {
-      paddingRight: 0
-    })
-  };
+    overflow: 'hidden'
+  }, ownerState.position === 'below' && {
+    padding: '6px 0 12px',
+    color: 'inherit'
+  }, ownerState.actionIcon && ownerState.actionPosition === 'left' && {
+    paddingLeft: 0
+  }, ownerState.actionIcon && ownerState.actionPosition === 'right' && {
+    paddingRight: 0
+  });
 });
 const ImageListItemBarTitle = styled('div', {
   name: 'MuiImageListItemBar',
@@ -130,11 +127,9 @@ const ImageListItemBarActionIcon = styled('div', {
 })(({
   ownerState
 }) => {
-  return {
-    ...(ownerState.actionPosition === 'left' && {
-      order: -1
-    })
-  };
+  return _extends({}, ownerState.actionPosition === 'left' && {
+    order: -1
+  });
 });
 const ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar(inProps, ref) {
   const props = useThemeProps({
@@ -142,25 +137,24 @@ const ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar
     name: 'MuiImageListItemBar'
   });
   const {
-    actionIcon,
-    actionPosition = 'right',
-    className,
-    subtitle,
-    title,
-    position = 'bottom',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      actionIcon,
+      actionPosition = 'right',
+      className,
+      subtitle,
+      title,
+      position = 'bottom'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     position,
     actionPosition
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(ImageListItemBarRoot, {
+  return /*#__PURE__*/_jsxs(ImageListItemBarRoot, _extends({
     ownerState: ownerState,
     className: clsx(classes.root, className),
-    ref: ref,
-    ...other,
+    ref: ref
+  }, other, {
     children: [/*#__PURE__*/_jsxs(ImageListItemBarTitleWrap, {
       ownerState: ownerState,
       className: classes.titleWrap,
@@ -176,7 +170,7 @@ const ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar
       className: classes.actionIcon,
       children: actionIcon
     }) : null]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? ImageListItemBar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/ImageListItemBar/imageListItemBarClasses.d.ts

@@ -1,30 +1,30 @@
-export interface ImageListItemBarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="bottom"`. */
-    positionBottom: string;
-    /** Styles applied to the root element if `position="top"`. */
-    positionTop: string;
-    /** Styles applied to the root element if `position="below"`. */
-    positionBelow: string;
-    /** Styles applied to the title and subtitle container element. */
-    titleWrap: string;
-    /** Styles applied to the title and subtitle container element if `position="below"`. */
-    titleWrapBelow: string;
-    /** Styles applied to the container element if `actionPosition="left"`. */
-    titleWrapActionPosLeft: string;
-    /** Styles applied to the container element if `actionPosition="right"`. */
-    titleWrapActionPosRight: string;
-    /** Styles applied to the title container element. */
-    title: string;
-    /** Styles applied to the subtitle container element. */
-    subtitle: string;
-    /** Styles applied to the actionIcon if supplied. */
-    actionIcon: string;
-    /** Styles applied to the actionIcon if `actionPosition="left"`. */
-    actionIconActionPosLeft: string;
-}
-export type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
-export declare function getImageListItemBarUtilityClass(slot: string): string;
-declare const imageListItemBarClasses: ImageListItemBarClasses;
-export default imageListItemBarClasses;
+export interface ImageListItemBarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="bottom"`. */
+    positionBottom: string;
+    /** Styles applied to the root element if `position="top"`. */
+    positionTop: string;
+    /** Styles applied to the root element if `position="below"`. */
+    positionBelow: string;
+    /** Styles applied to the title and subtitle container element. */
+    titleWrap: string;
+    /** Styles applied to the title and subtitle container element if `position="below"`. */
+    titleWrapBelow: string;
+    /** Styles applied to the container element if `actionPosition="left"`. */
+    titleWrapActionPosLeft: string;
+    /** Styles applied to the container element if `actionPosition="right"`. */
+    titleWrapActionPosRight: string;
+    /** Styles applied to the title container element. */
+    title: string;
+    /** Styles applied to the subtitle container element. */
+    subtitle: string;
+    /** Styles applied to the actionIcon if supplied. */
+    actionIcon: string;
+    /** Styles applied to the actionIcon if `actionPosition="left"`. */
+    actionIconActionPosLeft: string;
+}
+export type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
+export declare function getImageListItemBarUtilityClass(slot: string): string;
+declare const imageListItemBarClasses: ImageListItemBarClasses;
+export default imageListItemBarClasses;

package/Input/Input.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
@@ -18,11 +21,7 @@ const useUtilityClasses = ownerState => {
     input: ['input']
   };
   const composedClasses = composeClasses(slots, getInputUtilityClass, classes);
-  return {
-    ...classes,
-    // forward classes to the InputBase
-    ...composedClasses
-  };
+  return _extends({}, classes, composedClasses);
 };
 const InputRoot = styled(InputBaseRoot, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
@@ -43,66 +42,64 @@ const InputRoot = styled(InputBaseRoot, {
   if (theme.vars) {
     bottomLineColor = `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})`;
   }
-  return {
-    position: 'relative',
-    ...(ownerState.formControl && {
-      'label + &': {
-        marginTop: 16
-      }
-    }),
-    ...(!ownerState.disableUnderline && {
-      '&:after': {
-        borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
-        left: 0,
-        bottom: 0,
-        // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-        content: '""',
-        position: 'absolute',
-        right: 0,
-        transform: 'scaleX(0)',
-        transition: theme.transitions.create('transform', {
-          duration: theme.transitions.duration.shorter,
-          easing: theme.transitions.easing.easeOut
-        }),
-        pointerEvents: 'none' // Transparent to the hover style.
-      },
+  return _extends({
+    position: 'relative'
+  }, ownerState.formControl && {
+    'label + &': {
+      marginTop: 16
+    }
+  }, !ownerState.disableUnderline && {
+    '&:after': {
+      borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
+      left: 0,
+      bottom: 0,
+      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+      content: '""',
+      position: 'absolute',
+      right: 0,
+      transform: 'scaleX(0)',
+      transition: theme.transitions.create('transform', {
+        duration: theme.transitions.duration.shorter,
+        easing: theme.transitions.easing.easeOut
+      }),
+      pointerEvents: 'none' // Transparent to the hover style.
+    },
 
-      [`&.${inputClasses.focused}:after`]: {
-        // translateX(0) is a workaround for Safari transform scale bug
-        // See https://github.com/mui/material-ui/issues/31766
-        transform: 'scaleX(1) translateX(0)'
-      },
-      [`&.${inputClasses.error}`]: {
-        '&:before, &:after': {
-          borderBottomColor: (theme.vars || theme).palette.error.main
-        }
-      },
-      '&:before': {
-        borderBottom: `1px solid ${bottomLineColor}`,
-        left: 0,
-        bottom: 0,
-        // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-        content: '"\\00a0"',
-        position: 'absolute',
-        right: 0,
-        transition: theme.transitions.create('border-bottom-color', {
-          duration: theme.transitions.duration.shorter
-        }),
-        pointerEvents: 'none' // Transparent to the hover style.
-      },
+    [`&.${inputClasses.focused}:after`]: {
+      // translateX(0) is a workaround for Safari transform scale bug
+      // See https://github.com/mui/material-ui/issues/31766
+      transform: 'scaleX(1) translateX(0)'
+    },
+    [`&.${inputClasses.error}`]: {
+      '&:before, &:after': {
+        borderBottomColor: (theme.vars || theme).palette.error.main
+      }
+    },
+    '&:before': {
+      borderBottom: `1px solid ${bottomLineColor}`,
+      left: 0,
+      bottom: 0,
+      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+      content: '"\\00a0"',
+      position: 'absolute',
+      right: 0,
+      transition: theme.transitions.create('border-bottom-color', {
+        duration: theme.transitions.duration.shorter
+      }),
+      pointerEvents: 'none' // Transparent to the hover style.
+    },
 
-      [`&:hover:not(.${inputClasses.disabled}, .${inputClasses.error}):before`]: {
-        borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
-        // Reset on touch devices, it doesn't add specificity
-        '@media (hover: none)': {
-          borderBottom: `1px solid ${bottomLineColor}`
-        }
-      },
-      [`&.${inputClasses.disabled}:before`]: {
-        borderBottomStyle: 'dotted'
+    [`&:hover:not(.${inputClasses.disabled}, .${inputClasses.error}):before`]: {
+      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        borderBottom: `1px solid ${bottomLineColor}`
       }
-    })
-  };
+    },
+    [`&.${inputClasses.disabled}:before`]: {
+      borderBottomStyle: 'dotted'
+    }
+  });
 });
 const InputInput = styled(InputBaseInput, {
   name: 'MuiInput',
@@ -116,17 +113,17 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
     name: 'MuiInput'
   });
   const {
-    disableUnderline,
-    components = {},
-    componentsProps: componentsPropsProp,
-    fullWidth = false,
-    inputComponent = 'input',
-    multiline = false,
-    slotProps,
-    slots = {},
-    type = 'text',
-    ...other
-  } = props;
+      disableUnderline,
+      components = {},
+      componentsProps: componentsPropsProp,
+      fullWidth = false,
+      inputComponent = 'input',
+      multiline = false,
+      slotProps,
+      slots = {},
+      type = 'text'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const classes = useUtilityClasses(props);
   const ownerState = {
     disableUnderline
@@ -139,7 +136,7 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
   const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, inputComponentsProps) : inputComponentsProps;
   const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : InputRoot;
   const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : InputInput;
-  return /*#__PURE__*/_jsx(InputBase, {
+  return /*#__PURE__*/_jsx(InputBase, _extends({
     slots: {
       root: RootSlot,
       input: InputSlot
@@ -149,10 +146,10 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
     inputComponent: inputComponent,
     multiline: multiline,
     ref: ref,
-    type: type,
-    ...other,
+    type: type
+  }, other, {
     classes: classes
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Input/inputClasses.d.ts

@@ -1,38 +1,38 @@
-export interface InputClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
-    formControl: string;
-    /** Styles applied to the root element if the component is focused. */
-    focused: string;
-    /** Styles applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if color secondary. */
-    colorSecondary: string;
-    /** Styles applied to the root element unless `disableUnderline={true}`. */
-    underline: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-    /** Styles applied to the input element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `multiline={true}`. */
-    multiline: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-    /** Styles applied to the input element. */
-    input: string;
-    /** Styles applied to the input element if `size="small"`. */
-    inputSizeSmall: string;
-    /** Styles applied to the input element if `multiline={true}`. */
-    inputMultiline: string;
-    /** Styles applied to the input element if `startAdornment` is provided. */
-    inputAdornedStart: string;
-    /** Styles applied to the input element if `endAdornment` is provided. */
-    inputAdornedEnd: string;
-    /** Styles applied to the input element if `type="search"`. */
-    inputTypeSearch: string;
-}
-export type InputClassKey = keyof InputClasses;
-export declare function getInputUtilityClass(slot: string): string;
-declare const inputClasses: InputClasses;
-export default inputClasses;
+export interface InputClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if the component is a descendant of `FormControl`. */
+    formControl: string;
+    /** Styles applied to the root element if the component is focused. */
+    focused: string;
+    /** Styles applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if color secondary. */
+    colorSecondary: string;
+    /** Styles applied to the root element unless `disableUnderline={true}`. */
+    underline: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+    /** Styles applied to the input element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `multiline={true}`. */
+    multiline: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+    /** Styles applied to the input element. */
+    input: string;
+    /** Styles applied to the input element if `size="small"`. */
+    inputSizeSmall: string;
+    /** Styles applied to the input element if `multiline={true}`. */
+    inputMultiline: string;
+    /** Styles applied to the input element if `startAdornment` is provided. */
+    inputAdornedStart: string;
+    /** Styles applied to the input element if `endAdornment` is provided. */
+    inputAdornedEnd: string;
+    /** Styles applied to the input element if `type="search"`. */
+    inputTypeSearch: string;
+}
+export type InputClassKey = keyof InputClasses;
+export declare function getInputUtilityClass(slot: string): string;
+declare const inputClasses: InputClasses;
+export default inputClasses;

package/Input/inputClasses.js

@@ -1,11 +1,9 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
 import generateUtilityClass from '../generateUtilityClass';
 import { inputBaseClasses } from '../InputBase';
 export function getInputUtilityClass(slot) {
   return generateUtilityClass('MuiInput', slot);
 }
-const inputClasses = {
-  ...inputBaseClasses,
-  ...generateUtilityClasses('MuiInput', ['root', 'underline', 'input'])
-};
+const inputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiInput', ['root', 'underline', 'input']));
 export default inputClasses;