From 9c06323e9378f4fbe7d70042a7f4d1de31604d68 Mon Sep 17 00:00:00 2001
From: Unknown <bow@sekoia.dk>
Date: Thu, 19 Dec 2019 18:47:49 +0100
Subject: [PATCH] Remove new demo and prop, keeping animationDelay in the
 shorthand style

---
 docs/pages/api/skeleton.md                    |  1 -
 docs/src/pages/components/skeleton/Delay.js   | 24 -------------------
 docs/src/pages/components/skeleton/Delay.tsx  | 24 -------------------
 .../src/pages/components/skeleton/skeleton.md |  4 ----
 .../src/Skeleton/Skeleton.d.ts                |  1 -
 .../material-ui-lab/src/Skeleton/Skeleton.js  |  7 ------
 6 files changed, 61 deletions(-)
 delete mode 100644 docs/src/pages/components/skeleton/Delay.js
 delete mode 100644 docs/src/pages/components/skeleton/Delay.tsx

diff --git a/docs/pages/api/skeleton.md b/docs/pages/api/skeleton.md
index 081de9df900b36..4a086926ebb507 100644
--- a/docs/pages/api/skeleton.md
+++ b/docs/pages/api/skeleton.md
@@ -24,7 +24,6 @@ You can learn more about the difference by [reading this guide](/guides/minimizi
 
 | Name | Type | Default | Description |
 |:-----|:-----|:--------|:------------|
-| <span class="prop-name">animationDelay</span> | <span class="prop-type">number<br>&#124;&nbsp;string</span> |  | Delays the animation of the skeleton. Useful when you have multiple skeletons, and need them to pulse out of phase. |
 | <span class="prop-name">classes</span> | <span class="prop-type">object</span> |  | Override or extend the styles applied to the component. See [CSS API](#css) below for more details. |
 | <span class="prop-name">component</span> | <span class="prop-type">elementType</span> | <span class="prop-default">'div'</span> | The component used for the root node. Either a string to use a DOM element or a component. |
 | <span class="prop-name">disableAnimate</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | If `true` the animation effect is disabled. |
diff --git a/docs/src/pages/components/skeleton/Delay.js b/docs/src/pages/components/skeleton/Delay.js
deleted file mode 100644
index 38696801b186fa..00000000000000
--- a/docs/src/pages/components/skeleton/Delay.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import Skeleton from '@material-ui/lab/Skeleton';
-
-export default function Variants() {
-  return (
-    <div>
-      <Skeleton variant="rect" width={210} height={118} />
-      <Skeleton
-        variant="rect"
-        width={210}
-        height={118}
-        animationDelay="0.1s"
-        style={{ marginTop: 5 }}
-      />
-      <Skeleton
-        variant="rect"
-        width={210}
-        height={118}
-        animationDelay="0.2s"
-        style={{ marginTop: 5 }}
-      />
-    </div>
-  );
-}
diff --git a/docs/src/pages/components/skeleton/Delay.tsx b/docs/src/pages/components/skeleton/Delay.tsx
deleted file mode 100644
index 38696801b186fa..00000000000000
--- a/docs/src/pages/components/skeleton/Delay.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import Skeleton from '@material-ui/lab/Skeleton';
-
-export default function Variants() {
-  return (
-    <div>
-      <Skeleton variant="rect" width={210} height={118} />
-      <Skeleton
-        variant="rect"
-        width={210}
-        height={118}
-        animationDelay="0.1s"
-        style={{ marginTop: 5 }}
-      />
-      <Skeleton
-        variant="rect"
-        width={210}
-        height={118}
-        animationDelay="0.2s"
-        style={{ marginTop: 5 }}
-      />
-    </div>
-  );
-}
diff --git a/docs/src/pages/components/skeleton/skeleton.md b/docs/src/pages/components/skeleton/skeleton.md
index dca39df7c2b666..8429da1cfb92b0 100644
--- a/docs/src/pages/components/skeleton/skeleton.md
+++ b/docs/src/pages/components/skeleton/skeleton.md
@@ -33,7 +33,3 @@ The component supports 3 variants.
 ## Facebook example
 
 {{"demo": "pages/components/skeleton/Facebook.js", "defaultCodeOpen": false, "bg": true}}
-
-## Delay example
-
-{{"demo": "pages/components/skeleton/Delay.js", "defaultCodeOpen": false}}
diff --git a/packages/material-ui-lab/src/Skeleton/Skeleton.d.ts b/packages/material-ui-lab/src/Skeleton/Skeleton.d.ts
index 8329b37d4fff7b..72b8abdfd13edb 100644
--- a/packages/material-ui-lab/src/Skeleton/Skeleton.d.ts
+++ b/packages/material-ui-lab/src/Skeleton/Skeleton.d.ts
@@ -3,7 +3,6 @@ import { OverridableComponent, OverrideProps } from '@material-ui/core/Overridab
 
 export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'hr'> {
   props: P & {
-    animationDelay?: string;
     disableAnimate?: boolean;
     height?: number | string;
     variant?: 'text' | 'rect' | 'circle';
diff --git a/packages/material-ui-lab/src/Skeleton/Skeleton.js b/packages/material-ui-lab/src/Skeleton/Skeleton.js
index f27c06dca00d17..a24bdb36e877a9 100644
--- a/packages/material-ui-lab/src/Skeleton/Skeleton.js
+++ b/packages/material-ui-lab/src/Skeleton/Skeleton.js
@@ -47,7 +47,6 @@ export const styles = theme => ({
 
 const Skeleton = React.forwardRef(function Skeleton(props, ref) {
   const {
-    animationDelay,
     classes,
     className,
     component: Component = 'div',
@@ -73,7 +72,6 @@ const Skeleton = React.forwardRef(function Skeleton(props, ref) {
       style={{
         width,
         height,
-        animationDelay,
         ...other.style,
       }}
     />
@@ -81,11 +79,6 @@ const Skeleton = React.forwardRef(function Skeleton(props, ref) {
 });
 
 Skeleton.propTypes = {
-  /**
-   * Delays the animation of the skeleton.
-   * Useful when you have multiple skeletons, and need them to pulse out of phase.
-   */
-  animationDelay: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.