Merge pull request #29601 from DJWassink/change/keyframes

[styled-components] Added Keyframes to InterpolationValue

types/styled-components/index.d.ts

@@ -37,6 +37,7 @@ export type InterpolationValue =
     | number
     | Styles
     | FalseyValue
+    | Keyframes
     | StyledComponentClass<any, any>;
 export type SimpleInterpolation =
     | InterpolationValue

types/styled-components/styled-components-tests.tsx

@@ -97,6 +97,14 @@ const fadeIn = keyframes`
   }
 `;
 
+const animationRule = css`
+  ${fadeIn} 1s infinite alternate;
+`;
+
+const ComponentWithKeyframe = styled.div`
+  animation: ${animationRule};
+`;
+
 const theme = {
     main: 'mediumseagreen',
 };