@mui/lab 5.0.0-alpha.100

package/node/TimelineContent/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  timelineContentClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _TimelineContent.default;
+  }
+});
+Object.defineProperty(exports, "timelineContentClasses", {
+  enumerable: true,
+  get: function () {
+    return _timelineContentClasses.default;
+  }
+});
+
+var _TimelineContent = _interopRequireDefault(require("./TimelineContent"));
+
+var _timelineContentClasses = _interopRequireWildcard(require("./timelineContentClasses"));
+
+Object.keys(_timelineContentClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _timelineContentClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timelineContentClasses[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; }

package/node/TimelineContent/timelineContentClasses.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getTimelineContentUtilityClass = getTimelineContentUtilityClass;
+
+var _base = require("@mui/base");
+
+function getTimelineContentUtilityClass(slot) {
+  return (0, _base.generateUtilityClass)('MuiTimelineContent', slot);
+}
+
+const timelineContentClasses = (0, _base.generateUtilityClasses)('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+var _default = timelineContentClasses;
+exports.default = _default;

package/node/TimelineDot/TimelineDot.js

@@ -0,0 +1,152 @@
+"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 _styles = require("@mui/material/styles");
+
+var _utils = require("@mui/material/utils");
+
+var _base = require("@mui/base");
+
+var _timelineDotClasses = require("./timelineDotClasses");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["className", "color", "variant"];
+
+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; }
+
+const useUtilityClasses = ownerState => {
+  const {
+    color,
+    variant,
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root', variant, color !== 'inherit' && `${variant}${(0, _utils.capitalize)(color)}`]
+  };
+  return (0, _base.unstable_composeClasses)(slots, _timelineDotClasses.getTimelineDotUtilityClass, classes);
+};
+
+const TimelineDotRoot = (0, _styles.styled)('span', {
+  name: 'MuiTimelineDot',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[ownerState.color !== 'inherit' && `${ownerState.variant}${(0, _utils.capitalize)(ownerState.color)}`], styles[ownerState.variant]];
+  }
+})(({
+  ownerState,
+  theme
+}) => (0, _extends2.default)({
+  display: 'flex',
+  alignSelf: 'baseline',
+  borderStyle: 'solid',
+  borderWidth: 2,
+  padding: 4,
+  borderRadius: '50%',
+  boxShadow: (theme.vars || theme).shadows[1],
+  margin: '11.5px 0'
+}, ownerState.variant === 'filled' && (0, _extends2.default)({
+  borderColor: 'transparent'
+}, ownerState.color !== 'inherit' && (0, _extends2.default)({}, ownerState.color === 'grey' ? {
+  color: (theme.vars || theme).palette.grey[50],
+  backgroundColor: (theme.vars || theme).palette.grey[400]
+} : {
+  color: (theme.vars || theme).palette[ownerState.color].contrastText,
+  backgroundColor: (theme.vars || theme).palette[ownerState.color].main
+})), ownerState.variant === 'outlined' && (0, _extends2.default)({
+  boxShadow: 'none',
+  backgroundColor: 'transparent'
+}, ownerState.color !== 'inherit' && (0, _extends2.default)({}, ownerState.color === 'grey' ? {
+  borderColor: (theme.vars || theme).palette.grey[400]
+} : {
+  borderColor: (theme.vars || theme).palette[ownerState.color].main
+}))));
+const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiTimelineDot'
+  });
+  const {
+    className,
+    color = 'grey',
+    variant = 'filled'
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
+    color,
+    variant
+  });
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineDotRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
+    ownerState: ownerState,
+    ref: ref
+  }, other));
+});
+process.env.NODE_ENV !== "production" ? TimelineDot.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 content of the component.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The dot can have a different colors.
+   * @default 'grey'
+   */
+  color: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_propTypes.default.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), _propTypes.default.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]),
+
+  /**
+   * The dot can appear filled or outlined.
+   * @default 'filled'
+   */
+  variant: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_propTypes.default.oneOf(['filled', 'outlined']), _propTypes.default.string])
+} : void 0;
+var _default = TimelineDot;
+exports.default = _default;

package/node/TimelineDot/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  timelineDotClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _TimelineDot.default;
+  }
+});
+Object.defineProperty(exports, "timelineDotClasses", {
+  enumerable: true,
+  get: function () {
+    return _timelineDotClasses.default;
+  }
+});
+
+var _TimelineDot = _interopRequireDefault(require("./TimelineDot"));
+
+var _timelineDotClasses = _interopRequireWildcard(require("./timelineDotClasses"));
+
+Object.keys(_timelineDotClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _timelineDotClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timelineDotClasses[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; }

package/node/TimelineDot/timelineDotClasses.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getTimelineDotUtilityClass = getTimelineDotUtilityClass;
+
+var _base = require("@mui/base");
+
+function getTimelineDotUtilityClass(slot) {
+  return (0, _base.generateUtilityClass)('MuiTimelineDot', slot);
+}
+
+const timelineDotClasses = (0, _base.generateUtilityClasses)('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
+var _default = timelineDotClasses;
+exports.default = _default;

package/node/TimelineItem/TimelineItem.js

@@ -0,0 +1,158 @@
+"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/material/utils");
+
+var _styles = require("@mui/material/styles");
+
+var _base = require("@mui/base");
+
+var _TimelineContent = require("../TimelineContent");
+
+var _TimelineOppositeContent = require("../TimelineOppositeContent");
+
+var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineContext"));
+
+var _timelineItemClasses = require("./timelineItemClasses");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["position", "className"];
+
+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; }
+
+const useUtilityClasses = ownerState => {
+  const {
+    position,
+    classes,
+    hasOppositeContent
+  } = ownerState;
+  const slots = {
+    root: ['root', `position${(0, _utils.capitalize)(position)}`, !hasOppositeContent && 'missingOppositeContent']
+  };
+  return (0, _base.unstable_composeClasses)(slots, _timelineItemClasses.getTimelineItemUtilityClass, classes);
+};
+
+const TimelineItemRoot = (0, _styles.styled)('li', {
+  name: 'MuiTimelineItem',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[`position${(0, _utils.capitalize)(ownerState.position)}`]];
+  }
+})(({
+  ownerState
+}) => (0, _extends2.default)({
+  listStyle: 'none',
+  display: 'flex',
+  position: 'relative',
+  minHeight: 70
+}, ownerState.position === 'left' && {
+  flexDirection: 'row-reverse'
+}, ownerState.position === 'alternate' && {
+  '&:nth-of-type(even)': {
+    flexDirection: 'row-reverse',
+    [`& .${_TimelineContent.timelineContentClasses.root}`]: {
+      textAlign: 'right'
+    },
+    [`& .${_TimelineOppositeContent.timelineOppositeContentClasses.root}`]: {
+      textAlign: 'left'
+    }
+  }
+}, !ownerState.hasOppositeContent && {
+  '&:before': {
+    content: '""',
+    flex: 1,
+    padding: '6px 16px'
+  }
+}));
+const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiTimelineItem'
+  });
+  const {
+    position: positionProp,
+    className
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    position: positionContext
+  } = React.useContext(_TimelineContext.default);
+  let hasOppositeContent = false;
+  React.Children.forEach(props.children, child => {
+    if ((0, _utils.isMuiElement)(child, ['TimelineOppositeContent'])) {
+      hasOppositeContent = true;
+    }
+  });
+  const ownerState = (0, _extends2.default)({}, props, {
+    position: positionProp || positionContext || 'right',
+    hasOppositeContent
+  });
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineContext.default.Provider, {
+    value: {
+      position: ownerState.position
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineItemRoot, (0, _extends2.default)({
+      className: (0, _clsx.default)(classes.root, className),
+      ownerState: ownerState,
+      ref: ref
+    }, other))
+  });
+});
+process.env.NODE_ENV !== "production" ? TimelineItem.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 content of the component.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The position where the timeline's item should appear.
+   */
+  position: _propTypes.default.oneOf(['left', 'right']),
+
+  /**
+   * 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])
+} : void 0;
+var _default = TimelineItem;
+exports.default = _default;

package/node/TimelineItem/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  timelineItemClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _TimelineItem.default;
+  }
+});
+Object.defineProperty(exports, "timelineItemClasses", {
+  enumerable: true,
+  get: function () {
+    return _timelineItemClasses.default;
+  }
+});
+
+var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
+
+var _timelineItemClasses = _interopRequireWildcard(require("./timelineItemClasses"));
+
+Object.keys(_timelineItemClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _timelineItemClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timelineItemClasses[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; }

package/node/TimelineItem/timelineItemClasses.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getTimelineItemUtilityClass = getTimelineItemUtilityClass;
+
+var _base = require("@mui/base");
+
+function getTimelineItemUtilityClass(slot) {
+  return (0, _base.generateUtilityClass)('MuiTimelineItem', slot);
+}
+
+const timelineItemClasses = (0, _base.generateUtilityClasses)('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'missingOppositeContent']);
+var _default = timelineItemClasses;
+exports.default = _default;

package/node/TimelineOppositeContent/TimelineOppositeContent.js

@@ -0,0 +1,123 @@
+"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 _styles = require("@mui/material/styles");
+
+var _utils = require("@mui/material/utils");
+
+var _base = require("@mui/base");
+
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+
+var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineContext"));
+
+var _timelineOppositeContentClasses = require("./timelineOppositeContentClasses");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["className"];
+
+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; }
+
+const useUtilityClasses = ownerState => {
+  const {
+    position,
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root', `position${(0, _utils.capitalize)(position)}`]
+  };
+  return (0, _base.unstable_composeClasses)(slots, _timelineOppositeContentClasses.getTimelineOppositeContentUtilityClass, classes);
+};
+
+const TimelineOppositeContentRoot = (0, _styles.styled)(_Typography.default, {
+  name: 'MuiTimelineOppositeContent',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[`position${(0, _utils.capitalize)(ownerState.position)}`]];
+  }
+})(({
+  ownerState
+}) => (0, _extends2.default)({
+  padding: '6px 16px',
+  marginRight: 'auto',
+  textAlign: 'right',
+  flex: 1
+}, ownerState.position === 'left' && {
+  textAlign: 'left'
+}));
+const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOppositeContent(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiTimelineOppositeContent'
+  });
+  const {
+    className
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    position: positionContext
+  } = React.useContext(_TimelineContext.default);
+  const ownerState = (0, _extends2.default)({}, props, {
+    position: positionContext || 'left'
+  });
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineOppositeContentRoot, (0, _extends2.default)({
+    component: "div",
+    className: (0, _clsx.default)(classes.root, className),
+    ownerState: ownerState,
+    ref: ref
+  }, other));
+});
+process.env.NODE_ENV !== "production" ? TimelineOppositeContent.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 content of the component.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.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])
+} : void 0;
+TimelineOppositeContent.muiName = 'TimelineOppositeContent';
+var _default = TimelineOppositeContent;
+exports.default = _default;

package/node/TimelineOppositeContent/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  timelineOppositeContentClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _TimelineOppositeContent.default;
+  }
+});
+Object.defineProperty(exports, "timelineOppositeContentClasses", {
+  enumerable: true,
+  get: function () {
+    return _timelineOppositeContentClasses.default;
+  }
+});
+
+var _TimelineOppositeContent = _interopRequireDefault(require("./TimelineOppositeContent"));
+
+var _timelineOppositeContentClasses = _interopRequireWildcard(require("./timelineOppositeContentClasses"));
+
+Object.keys(_timelineOppositeContentClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _timelineOppositeContentClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timelineOppositeContentClasses[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; }