@mui/lab 5.0.0-alpha.100

package/Timeline/timelineClasses.d.ts

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

package/Timeline/timelineClasses.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+export function getTimelineUtilityClass(slot) {
+  return generateUtilityClass('MuiTimeline', slot);
+}
+const timelineClasses = generateUtilityClasses('MuiTimeline', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+export default timelineClasses;

package/TimelineConnector/TimelineConnector.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { InternalStandardProps as StandardProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/system';
+import { TimelineConnectorClasses } from './timelineConnectorClasses';
+
+export interface TimelineConnectorProps
+  extends StandardProps<React.HTMLAttributes<HTMLSpanElement>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TimelineConnectorClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ *
+ * API:
+ *
+ * - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
+ */
+export default function TimelineConnector(props: TimelineConnectorProps): JSX.Element;

package/TimelineConnector/TimelineConnector.js

@@ -0,0 +1,82 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { getTimelineConnectorUtilityClass } from './timelineConnectorClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getTimelineConnectorUtilityClass, classes);
+};
+
+const TimelineConnectorRoot = styled('span', {
+  name: 'MuiTimelineConnector',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => {
+  return {
+    width: 2,
+    backgroundColor: (theme.vars || theme).palette.grey[400],
+    flexGrow: 1
+  };
+});
+const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnector(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiTimelineConnector'
+  });
+
+  const {
+    className
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const ownerState = props;
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsx(TimelineConnectorRoot, _extends({
+    className: clsx(classes.root, className),
+    ownerState: ownerState,
+    ref: ref
+  }, other));
+});
+process.env.NODE_ENV !== "production" ? TimelineConnector.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.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * 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])
+} : void 0;
+export default TimelineConnector;

package/TimelineConnector/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './TimelineConnector';
+export * from './TimelineConnector';
+
+export { default as timelineConnectorClasses } from './timelineConnectorClasses';
+export * from './timelineConnectorClasses';

package/TimelineConnector/index.js

@@ -0,0 +1,3 @@
+export { default } from './TimelineConnector';
+export { default as timelineConnectorClasses } from './timelineConnectorClasses';
+export * from './timelineConnectorClasses';

package/TimelineConnector/package.json

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

package/TimelineConnector/timelineConnectorClasses.d.ts

@@ -0,0 +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;

package/TimelineConnector/timelineConnectorClasses.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+export function getTimelineConnectorUtilityClass(slot) {
+  return generateUtilityClass('MuiTimelineConnector', slot);
+}
+const timelineConnectorClasses = generateUtilityClasses('MuiTimelineConnector', ['root']);
+export default timelineConnectorClasses;

package/TimelineContent/TimelineContent.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { InternalStandardProps as StandardProps, TypographyProps } from '@mui/material';
+import { TimelineContentClasses } from './timelineContentClasses';
+
+export interface TimelineContentProps extends StandardProps<TypographyProps> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TimelineContentClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ *
+ * API:
+ *
+ * - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ */
+export default function TimelineContent(props: TimelineContentProps): JSX.Element;

package/TimelineContent/TimelineContent.js

@@ -0,0 +1,99 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { capitalize } from '@mui/material/utils';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import Typography from '@mui/material/Typography';
+import TimelineContext from '../Timeline/TimelineContext';
+import { getTimelineContentUtilityClass } from './timelineContentClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    position,
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root', `position${capitalize(position)}`]
+  };
+  return composeClasses(slots, getTimelineContentUtilityClass, classes);
+};
+
+const TimelineContentRoot = styled(Typography, {
+  name: 'MuiTimelineContent',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[`position${capitalize(ownerState.position)}`]];
+  }
+})(({
+  ownerState
+}) => _extends({
+  flex: 1,
+  padding: '6px 16px',
+  textAlign: 'left'
+}, ownerState.position === 'left' && {
+  textAlign: 'right'
+}));
+const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiTimelineContent'
+  });
+
+  const {
+    className
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const {
+    position: positionContext
+  } = React.useContext(TimelineContext);
+
+  const ownerState = _extends({}, props, {
+    position: positionContext || 'right'
+  });
+
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsx(TimelineContentRoot, _extends({
+    component: "div",
+    className: clsx(classes.root, className),
+    ownerState: ownerState,
+    ref: ref
+  }, other));
+});
+process.env.NODE_ENV !== "production" ? TimelineContent.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.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * 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])
+} : void 0;
+export default TimelineContent;

package/TimelineContent/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './TimelineContent';
+export * from './TimelineContent';
+
+export { default as timelineContentClasses } from './timelineContentClasses';
+export * from './timelineContentClasses';

package/TimelineContent/index.js

@@ -0,0 +1,3 @@
+export { default } from './TimelineContent';
+export { default as timelineContentClasses } from './timelineContentClasses';
+export * from './timelineContentClasses';

package/TimelineContent/package.json

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

package/TimelineContent/timelineContentClasses.d.ts

@@ -0,0 +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;

package/TimelineContent/timelineContentClasses.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+export function getTimelineContentUtilityClass(slot) {
+  return generateUtilityClass('MuiTimelineContent', slot);
+}
+const timelineContentClasses = generateUtilityClasses('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+export default timelineContentClasses;

package/TimelineDot/TimelineDot.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { OverridableStringUnion } from '@mui/types';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { InternalStandardProps as StandardProps } from '@mui/material';
+import { TimelineDotClasses } from './timelineDotClasses';
+
+export interface TimelineDotPropsVariantOverrides {}
+
+export interface TimelineDotPropsColorOverrides {}
+
+export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TimelineDotClasses>;
+  /**
+   * The dot can have a different colors.
+   * @default 'grey'
+   */
+  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.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The dot can appear filled or outlined.
+   * @default 'filled'
+   */
+  variant?: OverridableStringUnion<'filled' | 'outlined', TimelineDotPropsVariantOverrides>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ *
+ * API:
+ *
+ * - [TimelineDot API](https://mui.com/material-ui/api/timeline-dot/)
+ */
+export default function TimelineDot(props: TimelineDotProps): JSX.Element;

package/TimelineDot/TimelineDot.js

@@ -0,0 +1,131 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "color", "variant"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { capitalize } from '@mui/material/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { getTimelineDotUtilityClass } from './timelineDotClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const useUtilityClasses = ownerState => {
+  const {
+    color,
+    variant,
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root', variant, color !== 'inherit' && `${variant}${capitalize(color)}`]
+  };
+  return composeClasses(slots, getTimelineDotUtilityClass, classes);
+};
+
+const TimelineDotRoot = styled('span', {
+  name: 'MuiTimelineDot',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[ownerState.color !== 'inherit' && `${ownerState.variant}${capitalize(ownerState.color)}`], styles[ownerState.variant]];
+  }
+})(({
+  ownerState,
+  theme
+}) => _extends({
+  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' && _extends({
+  borderColor: 'transparent'
+}, ownerState.color !== 'inherit' && _extends({}, 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' && _extends({
+  boxShadow: 'none',
+  backgroundColor: 'transparent'
+}, ownerState.color !== 'inherit' && _extends({}, 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 = useThemeProps({
+    props: inProps,
+    name: 'MuiTimelineDot'
+  });
+
+  const {
+    className,
+    color = 'grey',
+    variant = 'filled'
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const ownerState = _extends({}, props, {
+    color,
+    variant
+  });
+
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsx(TimelineDotRoot, _extends({
+    className: clsx(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.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * The dot can have a different colors.
+   * @default 'grey'
+   */
+  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.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+
+  /**
+   * The dot can appear filled or outlined.
+   * @default 'filled'
+   */
+  variant: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
+} : void 0;
+export default TimelineDot;

package/TimelineDot/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './TimelineDot';
+export * from './TimelineDot';
+
+export { default as timelineDotClasses } from './timelineDotClasses';
+export * from './timelineDotClasses';

package/TimelineDot/index.js

@@ -0,0 +1,3 @@
+export { default } from './TimelineDot';
+export { default as timelineDotClasses } from './timelineDotClasses';
+export * from './timelineDotClasses';

package/TimelineDot/package.json

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

package/TimelineDot/timelineDotClasses.d.ts

@@ -0,0 +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;

package/TimelineDot/timelineDotClasses.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+export function getTimelineDotUtilityClass(slot) {
+  return generateUtilityClass('MuiTimelineDot', slot);
+}
+const timelineDotClasses = generateUtilityClasses('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
+export default timelineDotClasses;

package/TimelineItem/TimelineItem.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { InternalStandardProps as StandardProps } from '@mui/material';
+import { TimelineItemClasses } from './timelineItemClasses';
+
+export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+  /**
+   * The position where the timeline's item should appear.
+   */
+  position?: 'left' | 'right';
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TimelineItemClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ *
+ * API:
+ *
+ * - [TimelineItem API](https://mui.com/material-ui/api/timeline-item/)
+ */
+export default function TimelineItem(props: TimelineItemProps): JSX.Element;