@mui/lab 5.0.0-alpha.90 → 5.0.0-alpha.93

package/Timeline/TimelineContext.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-/**
- * @ignore - internal component.
- */
-declare const TimelineContext: React.Context<{}>;
-export default TimelineContext;
+import * as React from 'react';
+/**
+ * @ignore - internal component.
+ */
+declare const TimelineContext: React.Context<{}>;
+export default TimelineContext;

package/Timeline/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from './Timeline';
-export declare type TimelineClassKey = import('./Timeline').TimelineClassKey;
-export declare type TimelineProps = import('./Timeline').TimelineProps;
-export { default as timelineClasses } from './timelineClasses';
-export * from './timelineClasses';
+export { default } from './Timeline';
+export declare type TimelineClassKey = import('./Timeline').TimelineClassKey;
+export declare type TimelineProps = import('./Timeline').TimelineProps;
+export { default as timelineClasses } from './timelineClasses';
+export * from './timelineClasses';

package/Timeline/timelineClasses.d.ts

@@ -1,3 +1,3 @@
-export declare function getTimelineUtilityClass(slot: string): string;
-declare const timelineClasses: Record<"root" | "positionLeft" | "positionRight" | "positionAlternate", string>;
-export default timelineClasses;
+export declare function getTimelineUtilityClass(slot: string): string;
+declare const timelineClasses: Record<"root" | "positionLeft" | "positionRight" | "positionAlternate", string>;
+export default timelineClasses;

package/TimelineConnector/timelineConnectorClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TimelineConnectorClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type TimelineConnectorClassKey = keyof TimelineConnectorClasses;
-export declare function getTimelineConnectorUtilityClass(slot: string): string;
-declare const timelineConnectorClasses: TimelineConnectorClasses;
-export default timelineConnectorClasses;
+export interface TimelineConnectorClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type TimelineConnectorClassKey = keyof TimelineConnectorClasses;
+export declare function getTimelineConnectorUtilityClass(slot: string): string;
+declare const timelineConnectorClasses: TimelineConnectorClasses;
+export default timelineConnectorClasses;

package/TimelineContent/timelineContentClasses.d.ts

@@ -1,14 +1,14 @@
-export interface TimelineContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="right"`. */
-    positionRight: string;
-    /** Styles applied to the root element if `position="left"`. */
-    positionLeft: string;
-    /** Styles applied to the root element if `position="alternate"`. */
-    positionAlternate: string;
-}
-export declare type TimelineContentClassKey = keyof TimelineContentClasses;
-export declare function getTimelineContentUtilityClass(slot: string): string;
-declare const timelineContentClasses: TimelineContentClasses;
-export default timelineContentClasses;
+export interface TimelineContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="right"`. */
+    positionRight: string;
+    /** Styles applied to the root element if `position="left"`. */
+    positionLeft: string;
+    /** Styles applied to the root element if `position="alternate"`. */
+    positionAlternate: string;
+}
+export declare type TimelineContentClassKey = keyof TimelineContentClasses;
+export declare function getTimelineContentUtilityClass(slot: string): string;
+declare const timelineContentClasses: TimelineContentClasses;
+export default timelineContentClasses;

package/TimelineDot/TimelineDot.d.ts

@@ -7,6 +7,8 @@ import { TimelineDotClasses } from './timelineDotClasses';
 
 export interface TimelineDotPropsVariantOverrides {}
 
+export interface TimelineDotPropsColorOverrides {}
+
 export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>> {
   /**
    * The content of the component.
@@ -20,7 +22,10 @@ export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTM
    * The dot can have a different colors.
    * @default 'grey'
    */
-  color?: 'inherit' | 'grey' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+  color?: OverridableStringUnion<
+    'inherit' | 'grey' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
+    TimelineDotPropsColorOverrides
+  >;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/TimelineDot/TimelineDot.js

@@ -111,7 +111,9 @@ process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
    * The dot can have a different colors.
    * @default 'grey'
    */
-  color: PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
+  color: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
 
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/TimelineDot/timelineDotClasses.d.ts

@@ -1,24 +1,24 @@
-export interface TimelineDotClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `color="grey"` and `variant="filled"`. */
-    filledGrey: string;
-    /** Styles applied to the root element if `color="grey"` and `variant="outlined"`. */
-    outlinedGrey: string;
-    /** Styles applied to the root element if `color="primary"` and `variant="filled"`. */
-    filledPrimary: string;
-    /** Styles applied to the root element if `color="primary"` and `variant="outlined"`. */
-    outlinedPrimary: string;
-    /** Styles applied to the root element if `color="secondary"` and `variant="filled"`. */
-    filledSecondary: string;
-    /** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
-    outlinedSecondary: string;
-}
-export declare type TimelineDotClassKey = keyof TimelineDotClasses;
-export declare function getTimelineDotUtilityClass(slot: string): string;
-declare const timelineDotClasses: TimelineDotClasses;
-export default timelineDotClasses;
+export interface TimelineDotClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `color="grey"` and `variant="filled"`. */
+    filledGrey: string;
+    /** Styles applied to the root element if `color="grey"` and `variant="outlined"`. */
+    outlinedGrey: string;
+    /** Styles applied to the root element if `color="primary"` and `variant="filled"`. */
+    filledPrimary: string;
+    /** Styles applied to the root element if `color="primary"` and `variant="outlined"`. */
+    outlinedPrimary: string;
+    /** Styles applied to the root element if `color="secondary"` and `variant="filled"`. */
+    filledSecondary: string;
+    /** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
+    outlinedSecondary: string;
+}
+export declare type TimelineDotClassKey = keyof TimelineDotClasses;
+export declare function getTimelineDotUtilityClass(slot: string): string;
+declare const timelineDotClasses: TimelineDotClasses;
+export default timelineDotClasses;

package/TimelineItem/timelineItemClasses.d.ts

@@ -1,16 +1,16 @@
-export interface TimelineItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="left"`. */
-    positionLeft: string;
-    /** Styles applied to the root element if `position="right"`. */
-    positionRight: string;
-    /** Styles applied to the root element if `position="alternate"`. */
-    positionAlternate: string;
-    /** Styles applied to the root element if TimelineOppositeContent isn't provided. */
-    missingOppositeContent: string;
-}
-export declare type TimelineItemClassKey = keyof TimelineItemClasses;
-export declare function getTimelineItemUtilityClass(slot: string): string;
-declare const timelineItemClasses: TimelineItemClasses;
-export default timelineItemClasses;
+export interface TimelineItemClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="left"`. */
+    positionLeft: string;
+    /** Styles applied to the root element if `position="right"`. */
+    positionRight: string;
+    /** Styles applied to the root element if `position="alternate"`. */
+    positionAlternate: string;
+    /** Styles applied to the root element if TimelineOppositeContent isn't provided. */
+    missingOppositeContent: string;
+}
+export declare type TimelineItemClassKey = keyof TimelineItemClasses;
+export declare function getTimelineItemUtilityClass(slot: string): string;
+declare const timelineItemClasses: TimelineItemClasses;
+export default timelineItemClasses;

package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts

@@ -1,14 +1,14 @@
-export interface TimelineOppositeContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="right"`. */
-    positionRight: string;
-    /** Styles applied to the root element if `position="left"`. */
-    positionLeft: string;
-    /** Styles applied to the root element if `position="alternate"`. */
-    positionAlternate: string;
-}
-export declare type TimelineOppositeContentClassKey = keyof TimelineOppositeContentClasses;
-export declare function getTimelineOppositeContentUtilityClass(slot: string): string;
-declare const timelineOppositeContentClasses: TimelineOppositeContentClasses;
-export default timelineOppositeContentClasses;
+export interface TimelineOppositeContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="right"`. */
+    positionRight: string;
+    /** Styles applied to the root element if `position="left"`. */
+    positionLeft: string;
+    /** Styles applied to the root element if `position="alternate"`. */
+    positionAlternate: string;
+}
+export declare type TimelineOppositeContentClassKey = keyof TimelineOppositeContentClasses;
+export declare function getTimelineOppositeContentUtilityClass(slot: string): string;
+declare const timelineOppositeContentClasses: TimelineOppositeContentClasses;
+export default timelineOppositeContentClasses;

package/TimelineSeparator/timelineSeparatorClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TimelineSeparatorClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type TimelineSeparatorClassKey = keyof TimelineSeparatorClasses;
-export declare function getTimelineSeparatorUtilityClass(slot: string): string;
-declare const timelineSeparatorClasses: TimelineSeparatorClasses;
-export default timelineSeparatorClasses;
+export interface TimelineSeparatorClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type TimelineSeparatorClassKey = keyof TimelineSeparatorClasses;
+export declare function getTimelineSeparatorUtilityClass(slot: string): string;
+declare const timelineSeparatorClasses: TimelineSeparatorClasses;
+export default timelineSeparatorClasses;

package/TreeItem/treeItemClasses.d.ts

@@ -1,24 +1,24 @@
-export interface TreeItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the transition component. */
-    group: string;
-    /** Styles applied to the content element. */
-    content: string;
-    /** State class applied to the content element when expanded. */
-    expanded: string;
-    /** State class applied to the content element when selected. */
-    selected: string;
-    /** State class applied to the content element when focused. */
-    focused: string;
-    /** State class applied to the element when disabled. */
-    disabled: string;
-    /** Styles applied to the tree node icon. */
-    iconContainer: string;
-    /** Styles applied to the label element. */
-    label: string;
-}
-export declare type TreeItemClassKey = keyof TreeItemClasses;
-export declare function getTreeItemUtilityClass(slot: string): string;
-declare const treeItemClasses: TreeItemClasses;
-export default treeItemClasses;
+export interface TreeItemClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the transition component. */
+    group: string;
+    /** Styles applied to the content element. */
+    content: string;
+    /** State class applied to the content element when expanded. */
+    expanded: string;
+    /** State class applied to the content element when selected. */
+    selected: string;
+    /** State class applied to the content element when focused. */
+    focused: string;
+    /** State class applied to the element when disabled. */
+    disabled: string;
+    /** Styles applied to the tree node icon. */
+    iconContainer: string;
+    /** Styles applied to the label element. */
+    label: string;
+}
+export declare type TreeItemClassKey = keyof TreeItemClasses;
+export declare function getTreeItemUtilityClass(slot: string): string;
+declare const treeItemClasses: TreeItemClasses;
+export default treeItemClasses;

package/TreeView/treeViewClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TreeViewClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type TreeViewClassKey = keyof TreeViewClasses;
-export declare function getTreeViewUtilityClass(slot: string): string;
-declare const treeViewClasses: TreeViewClasses;
-export default treeViewClasses;
+export interface TreeViewClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type TreeViewClassKey = keyof TreeViewClasses;
+export declare function getTreeViewUtilityClass(slot: string): string;
+declare const treeViewClasses: TreeViewClasses;
+export default treeViewClasses;

package/YearPicker/YearPicker.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-declare type YearPickerComponent = (<TDate>(props: YearPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const YearPicker: YearPickerComponent;
-export default YearPicker;
-export declare const yearPickerClasses: {};
-export declare const getYearPickerUtilityClass: (slot: string) => string;
-export declare type YearPickerClasses = any;
-export declare type YearPickerClassKey = any;
-export declare type YearPickerProps<TDate> = Record<any, any>;
+import * as React from 'react';
+declare type YearPickerComponent = (<TDate>(props: YearPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const YearPicker: YearPickerComponent;
+export default YearPicker;
+export declare const yearPickerClasses: {};
+export declare const getYearPickerUtilityClass: (slot: string) => string;
+export declare type YearPickerClasses = any;
+export declare type YearPickerClassKey = any;
+export declare type YearPickerProps<TDate> = Record<any, any>;

package/YearPicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './YearPicker';
-export * from './YearPicker';
+export { default } from './YearPicker';
+export * from './YearPicker';

package/index.js

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

package/internal/svg-icons/ArrowDropDown.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/ArrowLeft.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/ArrowRight.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Calendar.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Clock.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/DateRange.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Pen.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Time.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/legacy/LoadingButton/LoadingButton.js

@@ -138,7 +138,12 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
   });
 
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(LoadingButtonRoot, _extends({
+  var loadingButtonLoadingIndicator = loading ? /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
+    className: classes.loadingIndicator,
+    ownerState: ownerState,
+    children: loadingIndicator
+  }) : null;
+  return /*#__PURE__*/_jsxs(LoadingButtonRoot, _extends({
     disabled: disabled || loading,
     id: id,
     ref: ref
@@ -146,19 +151,7 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [children, loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
-        className: classes.loadingIndicator,
-        ownerState: ownerState,
-        children: loadingIndicator
-      })]
-    }) : /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
-        className: classes.loadingIndicator,
-        ownerState: ownerState,
-        children: loadingIndicator
-      }), children]
-    })
+    children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
   }));
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes

package/legacy/TimelineDot/TimelineDot.js

@@ -107,7 +107,9 @@ process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
    * The dot can have a different colors.
    * @default 'grey'
    */
-  color: PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
+  color: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
 
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/legacy/index.js

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

package/modern/LoadingButton/LoadingButton.js

@@ -146,7 +146,12 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
   });
 
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(LoadingButtonRoot, _extends({
+  const loadingButtonLoadingIndicator = loading ? /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
+    className: classes.loadingIndicator,
+    ownerState: ownerState,
+    children: loadingIndicator
+  }) : null;
+  return /*#__PURE__*/_jsxs(LoadingButtonRoot, _extends({
     disabled: disabled || loading,
     id: id,
     ref: ref
@@ -154,19 +159,7 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [children, loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
-        className: classes.loadingIndicator,
-        ownerState: ownerState,
-        children: loadingIndicator
-      })]
-    }) : /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
-        className: classes.loadingIndicator,
-        ownerState: ownerState,
-        children: loadingIndicator
-      }), children]
-    })
+    children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
   }));
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes

package/modern/TimelineDot/TimelineDot.js

@@ -111,7 +111,9 @@ process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
    * The dot can have a different colors.
    * @default 'grey'
    */
-  color: PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
+  color: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
 
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/modern/index.js

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

package/node/LoadingButton/LoadingButton.js

@@ -165,7 +165,12 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonRoot, (0, _extends2.default)({
+  const loadingButtonLoadingIndicator = loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonLoadingIndicator, {
+    className: classes.loadingIndicator,
+    ownerState: ownerState,
+    children: loadingIndicator
+  }) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LoadingButtonRoot, (0, _extends2.default)({
     disabled: disabled || loading,
     id: id,
     ref: ref
@@ -173,19 +178,7 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: ownerState.loadingPosition === 'end' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-      children: [children, loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonLoadingIndicator, {
-        className: classes.loadingIndicator,
-        ownerState: ownerState,
-        children: loadingIndicator
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-      children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonLoadingIndicator, {
-        className: classes.loadingIndicator,
-        ownerState: ownerState,
-        children: loadingIndicator
-      }), children]
-    })
+    children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
   }));
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes