@mui/material 5.10.12 → 5.10.14

package/legacy/Modal/Modal.js

@@ -10,11 +10,9 @@ import useThemeProps from '../styles/useThemeProps';
 import Backdrop from '../Backdrop';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var modalClasses = modalUnstyledClasses;
-
 var extendUtilityClasses = function extendUtilityClasses(ownerState) {
   return ownerState.classes;
 };
-
 var ModalRoot = styled('div', {
   name: 'MuiModal',
   slot: 'Root',
@@ -24,7 +22,7 @@ var ModalRoot = styled('div', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     position: 'fixed',
     zIndex: (theme.vars || theme).zIndex.modal,
@@ -45,6 +43,7 @@ var ModalBackdrop = styled(Backdrop, {
 })({
   zIndex: -1
 });
+
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *
@@ -58,51 +57,46 @@ var ModalBackdrop = styled(Backdrop, {
  *
  * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
  */
-
 var Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
   var _ref2, _slots$root, _ref3, _slots$backdrop, _slotProps$root, _slotProps$backdrop;
-
   var props = useThemeProps({
     name: 'MuiModal',
     props: inProps
   });
-
   var _props$BackdropCompon = props.BackdropComponent,
-      BackdropComponent = _props$BackdropCompon === void 0 ? ModalBackdrop : _props$BackdropCompon,
-      BackdropProps = props.BackdropProps,
-      _props$closeAfterTran = props.closeAfterTransition,
-      closeAfterTransition = _props$closeAfterTran === void 0 ? false : _props$closeAfterTran,
-      children = props.children,
-      component = props.component,
-      _props$components = props.components,
-      components = _props$components === void 0 ? {} : _props$components,
-      _props$componentsProp = props.componentsProps,
-      componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
-      _props$disableAutoFoc = props.disableAutoFocus,
-      disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,
-      _props$disableEnforce = props.disableEnforceFocus,
-      disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce,
-      _props$disableEscapeK = props.disableEscapeKeyDown,
-      disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK,
-      _props$disablePortal = props.disablePortal,
-      disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal,
-      _props$disableRestore = props.disableRestoreFocus,
-      disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore,
-      _props$disableScrollL = props.disableScrollLock,
-      disableScrollLock = _props$disableScrollL === void 0 ? false : _props$disableScrollL,
-      _props$hideBackdrop = props.hideBackdrop,
-      hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop,
-      _props$keepMounted = props.keepMounted,
-      keepMounted = _props$keepMounted === void 0 ? false : _props$keepMounted,
-      slotProps = props.slotProps,
-      slots = props.slots,
-      theme = props.theme,
-      other = _objectWithoutProperties(props, ["BackdropComponent", "BackdropProps", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"]);
-
+    BackdropComponent = _props$BackdropCompon === void 0 ? ModalBackdrop : _props$BackdropCompon,
+    BackdropProps = props.BackdropProps,
+    _props$closeAfterTran = props.closeAfterTransition,
+    closeAfterTransition = _props$closeAfterTran === void 0 ? false : _props$closeAfterTran,
+    children = props.children,
+    component = props.component,
+    _props$components = props.components,
+    components = _props$components === void 0 ? {} : _props$components,
+    _props$componentsProp = props.componentsProps,
+    componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
+    _props$disableAutoFoc = props.disableAutoFocus,
+    disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,
+    _props$disableEnforce = props.disableEnforceFocus,
+    disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce,
+    _props$disableEscapeK = props.disableEscapeKeyDown,
+    disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK,
+    _props$disablePortal = props.disablePortal,
+    disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal,
+    _props$disableRestore = props.disableRestoreFocus,
+    disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore,
+    _props$disableScrollL = props.disableScrollLock,
+    disableScrollLock = _props$disableScrollL === void 0 ? false : _props$disableScrollL,
+    _props$hideBackdrop = props.hideBackdrop,
+    hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop,
+    _props$keepMounted = props.keepMounted,
+    keepMounted = _props$keepMounted === void 0 ? false : _props$keepMounted,
+    slotProps = props.slotProps,
+    slots = props.slots,
+    theme = props.theme,
+    other = _objectWithoutProperties(props, ["BackdropComponent", "BackdropProps", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"]);
   var _React$useState = React.useState(true),
-      exited = _React$useState[0],
-      setExited = _React$useState[1];
-
+    exited = _React$useState[0],
+    setExited = _React$useState[1];
   var commonProps = {
     closeAfterTransition: closeAfterTransition,
     disableAutoFocus: disableAutoFocus,
@@ -114,11 +108,9 @@ var Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     hideBackdrop: hideBackdrop,
     keepMounted: keepMounted
   };
-
   var ownerState = _extends({}, props, commonProps, {
     exited: exited
   });
-
   var classes = extendUtilityClasses(ownerState);
   var RootSlot = (_ref2 = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref2 : ModalRoot;
   var BackdropSlot = (_ref3 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref3 : BackdropComponent;
@@ -153,14 +145,11 @@ var Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     children: children
   }));
 });
-process.env.NODE_ENV !== "production" ? Modal.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
    * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
@@ -176,54 +165,54 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
    * })
    */
   BackdropComponent: PropTypes.elementType,
-
   /**
    * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
    * @deprecated Use `slotProps.backdrop` instead.
    */
   BackdropProps: PropTypes.object,
-
   /**
    * A single child content element.
    */
   children: elementAcceptingRef.isRequired,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
    */
   closeAfterTransition: PropTypes.bool,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
    * @default {}
    */
   components: PropTypes.shape({
     Backdrop: PropTypes.elementType,
     Root: PropTypes.elementType
   }),
-
   /**
-   * The props used for each slot inside the Modal.
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
    * @default {}
    */
   componentsProps: PropTypes.shape({
     backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
-
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -231,10 +220,7 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([HTMLElementType, PropTypes.func]),
-
+  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -245,7 +231,6 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
    * @default false
    */
   disableAutoFocus: PropTypes.bool,
-
   /**
    * If `true`, the modal will not prevent focus from leaving the modal while open.
    *
@@ -254,38 +239,32 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
    * @default false
    */
   disableEnforceFocus: PropTypes.bool,
-
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
   disableEscapeKeyDown: PropTypes.bool,
-
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
   disablePortal: PropTypes.bool,
-
   /**
    * If `true`, the modal will not restore focus to previously focused element once
    * modal is hidden or unmounted.
    * @default false
    */
   disableRestoreFocus: PropTypes.bool,
-
   /**
    * Disable the scroll lock behavior.
    * @default false
    */
   disableScrollLock: PropTypes.bool,
-
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
    */
   hideBackdrop: PropTypes.bool,
-
   /**
    * Always keep the children in the DOM.
    * This prop can be useful in SEO situation or
@@ -293,13 +272,11 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
    * @default false
    */
   keepMounted: PropTypes.bool,
-
   /**
    * Callback fired when the backdrop is clicked.
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: PropTypes.func,
-
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -308,12 +285,10 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: PropTypes.func,
-
   /**
    * If `true`, the component is shown.
    */
   open: PropTypes.bool.isRequired,
-
   /**
    * The props used for each slot inside the Modal.
    * @default {}
@@ -322,7 +297,6 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
     backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
-
   /**
    * The components used for each slot inside the Modal.
    * Either a string to use a HTML element or a component.
@@ -332,7 +306,6 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
     backdrop: PropTypes.elementType,
     root: PropTypes.elementType
   }),
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/NativeSelect/NativeSelect.js

@@ -12,7 +12,6 @@ import Input from '../Input';
 import useThemeProps from '../styles/useThemeProps';
 import { getNativeSelectUtilityClasses } from './nativeSelectClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -20,47 +19,38 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getNativeSelectUtilityClasses, classes);
 };
-
 var defaultInput = /*#__PURE__*/_jsx(Input, {});
 /**
  * An alternative to `<Select native />` with a much smaller bundle size footprint.
  */
-
-
 var NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps, ref) {
   var props = useThemeProps({
     name: 'MuiNativeSelect',
     props: inProps
   });
-
   var className = props.className,
-      children = props.children,
-      _props$classes = props.classes,
-      classesProp = _props$classes === void 0 ? {} : _props$classes,
-      _props$IconComponent = props.IconComponent,
-      IconComponent = _props$IconComponent === void 0 ? ArrowDropDownIcon : _props$IconComponent,
-      _props$input = props.input,
-      input = _props$input === void 0 ? defaultInput : _props$input,
-      inputProps = props.inputProps,
-      variant = props.variant,
-      other = _objectWithoutProperties(props, ["className", "children", "classes", "IconComponent", "input", "inputProps", "variant"]);
-
+    children = props.children,
+    _props$classes = props.classes,
+    classesProp = _props$classes === void 0 ? {} : _props$classes,
+    _props$IconComponent = props.IconComponent,
+    IconComponent = _props$IconComponent === void 0 ? ArrowDropDownIcon : _props$IconComponent,
+    _props$input = props.input,
+    input = _props$input === void 0 ? defaultInput : _props$input,
+    inputProps = props.inputProps,
+    variant = props.variant,
+    other = _objectWithoutProperties(props, ["className", "children", "classes", "IconComponent", "input", "inputProps", "variant"]);
   var muiFormControl = useFormControl();
   var fcs = formControlState({
     props: props,
     muiFormControl: muiFormControl,
     states: ['variant']
   });
-
   var ownerState = _extends({}, props, {
     classes: classesProp
   });
-
   var classes = useUtilityClasses(ownerState);
-
   var root = classesProp.root,
-      otherClasses = _objectWithoutProperties(classesProp, ["root"]);
-
+    otherClasses = _objectWithoutProperties(classesProp, ["root"]);
   return /*#__PURE__*/_jsx(React.Fragment, {
     children: /*#__PURE__*/React.cloneElement(input, _extends({
       // Most of the logic is implemented in `NativeSelectInput`.
@@ -79,48 +69,39 @@ var NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps,
     }))
   });
 });
-process.env.NODE_ENV !== "production" ? NativeSelect.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? NativeSelect.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    * @default {}
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The icon that displays the arrow.
    * @default ArrowDropDownIcon
    */
   IconComponent: PropTypes.elementType,
-
   /**
    * An `Input` element; does not have to be a material-ui specific `Input`.
    * @default <Input />
    */
   input: PropTypes.element,
-
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
    */
   inputProps: PropTypes.object,
-
   /**
    * Callback fired when a menu item is selected.
    *
@@ -128,17 +109,14 @@ process.env.NODE_ENV !== "production" ? NativeSelect.propTypes
    * You can pull out the new value by accessing `event.target.value` (string).
    */
   onChange: PropTypes.func,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The `input` value. The DOM API casts this to a string.
    */
   value: PropTypes.any,
-
   /**
    * The variant to use.
    */

package/legacy/NativeSelect/NativeSelectInput.js

@@ -11,25 +11,22 @@ import nativeSelectClasses, { getNativeSelectUtilityClasses } from './nativeSele
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      variant = ownerState.variant,
-      disabled = ownerState.disabled,
-      multiple = ownerState.multiple,
-      open = ownerState.open;
+    variant = ownerState.variant,
+    disabled = ownerState.disabled,
+    multiple = ownerState.multiple,
+    open = ownerState.open;
   var slots = {
     select: ['select', variant, disabled && 'disabled', multiple && 'multiple'],
     icon: ['icon', "icon".concat(capitalize(variant)), open && 'iconOpen', disabled && 'disabled']
   };
   return composeClasses(slots, getNativeSelectUtilityClasses, classes);
 };
-
 export var nativeSelectSelectStyles = function nativeSelectSelectStyles(_ref) {
   var _extends2;
-
   var ownerState = _ref.ownerState,
-      theme = _ref.theme;
+    theme = _ref.theme;
   return _extends((_extends2 = {
     MozAppearance: 'none',
     // Reset
@@ -41,12 +38,14 @@ export var nativeSelectSelectStyles = function nativeSelectSelectStyles(_ref) {
     borderRadius: 0,
     // Reset
     cursor: 'pointer',
-    '&:focus': {
-      // Show that it's not an text input
-      backgroundColor: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.05)',
+    '&:focus': _extends({}, theme.vars ? {
+      backgroundColor: "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.05)")
+    } : {
+      backgroundColor: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.05)'
+    }, {
       borderRadius: 0 // Reset Chrome style
+    }),
 
-    },
     // Remove IE11 arrow
     '&::-ms-expand': {
       display: 'none'
@@ -56,21 +55,20 @@ export var nativeSelectSelectStyles = function nativeSelectSelectStyles(_ref) {
   }), _defineProperty(_extends2, '&[multiple]', {
     height: 'auto'
   }), _defineProperty(_extends2, '&:not([multiple]) option, &:not([multiple]) optgroup', {
-    backgroundColor: theme.palette.background.paper
+    backgroundColor: (theme.vars || theme).palette.background.paper
   }), _defineProperty(_extends2, '&&&', {
     paddingRight: 24,
     minWidth: 16 // So it doesn't collapse.
-
   }), _extends2), ownerState.variant === 'filled' && {
     '&&&': {
       paddingRight: 32
     }
   }, ownerState.variant === 'outlined' && {
-    borderRadius: theme.shape.borderRadius,
+    borderRadius: (theme.vars || theme).shape.borderRadius,
     '&:focus': {
-      borderRadius: theme.shape.borderRadius // Reset the reset for Chrome style
-
+      borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
     },
+
     '&&&': {
       paddingRight: 32
     }
@@ -87,7 +85,7 @@ var NativeSelectSelect = styled('select', {
 })(nativeSelectSelectStyles);
 export var nativeSelectIconStyles = function nativeSelectIconStyles(_ref3) {
   var ownerState = _ref3.ownerState,
-      theme = _ref3.theme;
+    theme = _ref3.theme;
   return _extends(_defineProperty({
     // We use a position absolute over a flexbox in order to forward the pointer events
     // to the input and to support wrapping tags..
@@ -97,9 +95,9 @@ export var nativeSelectIconStyles = function nativeSelectIconStyles(_ref3) {
     // Center vertically, height is 1em
     pointerEvents: 'none',
     // Don't block pointer events on the select under the icon.
-    color: theme.palette.action.active
+    color: (theme.vars || theme).palette.action.active
   }, "&.".concat(nativeSelectClasses.disabled), {
-    color: theme.palette.action.disabled
+    color: (theme.vars || theme).palette.action.disabled
   }), ownerState.open && {
     transform: 'rotate(180deg)'
   }, ownerState.variant === 'filled' && {
@@ -116,24 +114,22 @@ var NativeSelectIcon = styled('svg', {
     return [styles.icon, ownerState.variant && styles["icon".concat(capitalize(ownerState.variant))], ownerState.open && styles.iconOpen];
   }
 })(nativeSelectIconStyles);
+
 /**
  * @ignore - internal component.
  */
-
 var NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInput(props, ref) {
   var className = props.className,
-      disabled = props.disabled,
-      IconComponent = props.IconComponent,
-      inputRef = props.inputRef,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'standard' : _props$variant,
-      other = _objectWithoutProperties(props, ["className", "disabled", "IconComponent", "inputRef", "variant"]);
-
+    disabled = props.disabled,
+    IconComponent = props.IconComponent,
+    inputRef = props.inputRef,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'standard' : _props$variant,
+    other = _objectWithoutProperties(props, ["className", "disabled", "IconComponent", "inputRef", "variant"]);
   var ownerState = _extends({}, props, {
     disabled: disabled,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(NativeSelectSelect, _extends({
@@ -154,44 +150,36 @@ process.env.NODE_ENV !== "production" ? NativeSelectInput.propTypes = {
    * Can be some `<option>` elements.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
    */
   classes: PropTypes.object,
-
   /**
    * The CSS class name of the select element.
    */
   className: PropTypes.string,
-
   /**
    * If `true`, the select is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * The icon that displays the arrow.
    */
   IconComponent: PropTypes.elementType.isRequired,
-
   /**
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
   inputRef: refType,
-
   /**
    * @ignore
    */
   multiple: PropTypes.bool,
-
   /**
    * Name attribute of the `select` or hidden `input` element.
    */
   name: PropTypes.string,
-
   /**
    * Callback fired when a menu item is selected.
    *
@@ -199,12 +187,10 @@ process.env.NODE_ENV !== "production" ? NativeSelectInput.propTypes = {
    * You can pull out the new value by accessing `event.target.value` (string).
    */
   onChange: PropTypes.func,
-
   /**
    * The input value.
    */
   value: PropTypes.any,
-
   /**
    * The variant to use.
    */