From 6f89467eb3129463f03043a954595e4397b6d145 Mon Sep 17 00:00:00 2001
From: Matt <begincalendar@users.noreply.github.com>
Date: Sat, 11 Mar 2017 11:09:13 +1100
Subject: [PATCH] [react] Added a "boxShadow" optional property to the
 "CSSProperties" interface (#14726)

* [react] Added a "boxShadow" optional property to the "CSSProperties" interface.
MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

* Added a test for CSSProperties.boxShadow
---
 react/index.d.ts             | 6 ++++++
 react/test/cssProperties.tsx | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/react/index.d.ts b/react/index.d.ts
index c8ddc717c7..3bd624521e 100644
--- a/react/index.d.ts
+++ b/react/index.d.ts
@@ -942,6 +942,12 @@ declare namespace React {
          */
         boxFlexGroup?: CSSWideKeyword | number;
 
+        /**
+         * Cast a drop shadow from the frame of almost any element.
+         * MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
+         */
+        boxShadow?: CSSWideKeyword | any;
+
         /**
          * The CSS break-after property allows you to force a break on multi-column layouts. More specifically, it allows you to force a break after an element. It allows you to determine if a break should occur, and what type of break it should be. The break-after CSS property describes how the page, column or region break behaves after the generated box. If there is no generated box, the property is ignored.
          */
diff --git a/react/test/cssProperties.tsx b/react/test/cssProperties.tsx
index 293f0b5374..1221a0effc 100644
--- a/react/test/cssProperties.tsx
+++ b/react/test/cssProperties.tsx
@@ -24,6 +24,8 @@ const fontWeightStyleTest = <div style={fontWeightStyle} />;
 const justifyContentStyle: React.CSSProperties = { justifyContent: 'space-evenly' };
 const justifyContentStyleTest = <div style={justifyContentStyle} />;
 
+const boxShadowStyle: React.CSSProperties = { boxShadow: '2px 2px 2px 1px rgba(0, 0, 0, 0.2)' };
+const boxShadowStyleTest = <div style={boxShadowStyle} />;
 
 // SVG specific style attribute declarations