From b6a92689ae1d56e9b7f163762d0c6fb15398269f Mon Sep 17 00:00:00 2001
From: Lukas Elmer <lukas.elmer@gmail.com>
Date: Tue, 22 Oct 2019 23:47:32 +0300
Subject: [PATCH] Add missing fields for react-vertical-timeline (#39149)

Add `contentStyle` and `contentArrowStyle`, see https://stephane-monnot.github.io/react-vertical-timeline/#/?a=verticaltimelineelement-props
---
 types/react-vertical-timeline-component/index.d.ts           | 5 ++++-
 .../react-vertical-timeline-component-tests.tsx              | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/types/react-vertical-timeline-component/index.d.ts b/types/react-vertical-timeline-component/index.d.ts
index 091c2a2c83..641d05938d 100644
--- a/types/react-vertical-timeline-component/index.d.ts
+++ b/types/react-vertical-timeline-component/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for react-vertical-timeline-component 2.3
+// Type definitions for react-vertical-timeline-component 2.5
 // Project: https://github.com/stephane-monnot/react-vertical-timeline, https://stephane-monnot.github.io/react-vertical-timeline
 // Definitions by: Stéphane Monnot <https://github.com/stephane-monnot>
+//                 Lukas Elmer <https://github.com/lukaselmer>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -22,6 +23,8 @@ export interface VerticalTimelineElementProps {
     position?: string;
     style?: React.CSSProperties;
     visibilitySensorProps?: any;
+    contentStyle?: React.CSSProperties;
+    contentArrowStyle?: React.CSSProperties;
 }
 
 export class VerticalTimeline extends React.Component<VerticalTimelineProps> { }
diff --git a/types/react-vertical-timeline-component/react-vertical-timeline-component-tests.tsx b/types/react-vertical-timeline-component/react-vertical-timeline-component-tests.tsx
index 84ac312373..382b1678e1 100644
--- a/types/react-vertical-timeline-component/react-vertical-timeline-component-tests.tsx
+++ b/types/react-vertical-timeline-component/react-vertical-timeline-component-tests.tsx
@@ -9,6 +9,8 @@ export default class ReactVerticalTimelineComponentTests extends React.Component
                     iconOnClick={() => console.info('icon has been clicked')}
                     className="vertical-timeline-element--work"
                     date="2012 - present"
+                    contentStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+                    contentArrowStyle={{ borderRight: '7px solid  rgb(33, 150, 243)' }}
                 >
                     <h3 className="vertical-timeline-element-title">Creative Director</h3>
                     <h4 className="vertical-timeline-element-subtitle">Miami, FL</h4>