From daf091b829fea00f03d83fb01744eb9dafbcd62f Mon Sep 17 00:00:00 2001
From: Brigette Lundeen <brlundee@microsoft.com>
Date: Tue, 2 Apr 2019 21:03:24 -0700
Subject: [PATCH 1/2] fixing fela errors with new icons

---
 .../Icon/svg/icons/filesExcelBrand.tsx        | 44 +++++++++----------
 .../Icon/svg/icons/filesOneNoteBrand.tsx      | 38 ++++++++--------
 .../Icon/svg/icons/filesPowerPointBrand.tsx   | 44 +++++++++----------
 .../Icon/svg/icons/filesWordBrand.tsx         | 44 +++++++++----------
 4 files changed, 85 insertions(+), 85 deletions(-)

diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/filesExcelBrand.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/filesExcelBrand.tsx
index c044afe9ae..b88de3eec7 100644
--- a/packages/react/src/themes/teams/components/Icon/svg/icons/filesExcelBrand.tsx
+++ b/packages/react/src/themes/teams/components/Icon/svg/icons/filesExcelBrand.tsx
@@ -13,9 +13,9 @@ export default {
           y2="30.87"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset=".86" stop-color="#5e5e5e" stop-opacity=".06" />
-          <stop offset="1" stop-opacity=".1" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset=".86" stopColor="#5e5e5e" stopOpacity=".06" />
+          <stop offset="1" stopOpacity=".1" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-2"
@@ -25,13 +25,13 @@ export default {
           y2="5.14"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset=".45" stop-color="#fff" stop-opacity=".01" />
-          <stop offset=".64" stop-color="#fff" stop-opacity=".04" />
-          <stop offset=".78" stop-color="#fff" stop-opacity=".08" />
-          <stop offset=".89" stop-color="#fff" stop-opacity=".15" />
-          <stop offset=".99" stop-color="#fff" stop-opacity=".24" />
-          <stop offset="1" stop-color="#fff" stop-opacity=".25" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset=".45" stopColor="#fff" stopOpacity=".01" />
+          <stop offset=".64" stopColor="#fff" stopOpacity=".04" />
+          <stop offset=".78" stopColor="#fff" stopOpacity=".08" />
+          <stop offset=".89" stopColor="#fff" stopOpacity=".15" />
+          <stop offset=".99" stopColor="#fff" stopOpacity=".24" />
+          <stop offset="1" stopColor="#fff" stopOpacity=".25" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-3"
@@ -41,12 +41,12 @@ export default {
           y2="9.53"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset=".53" stop-color="#fff" stop-opacity=".01" />
-          <stop offset=".72" stop-color="#fff" stop-opacity=".03" />
-          <stop offset=".85" stop-color="#fff" stop-opacity=".08" />
-          <stop offset=".96" stop-color="#fff" stop-opacity=".15" />
-          <stop offset="1" stop-color="#fff" stop-opacity=".18" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset=".53" stopColor="#fff" stopOpacity=".01" />
+          <stop offset=".72" stopColor="#fff" stopOpacity=".03" />
+          <stop offset=".85" stopColor="#fff" stopOpacity=".08" />
+          <stop offset=".96" stopColor="#fff" stopOpacity=".15" />
+          <stop offset="1" stopColor="#fff" stopOpacity=".18" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-4"
@@ -56,9 +56,9 @@ export default {
           y2="26.21"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#828282" stop-opacity="0" />
-          <stop offset=".86" stop-color="#303030" stop-opacity=".13" />
-          <stop offset="1" stop-opacity=".2" />
+          <stop offset="0" stopColor="#828282" stopOpacity="0" />
+          <stop offset=".86" stopColor="#303030" stopOpacity=".13" />
+          <stop offset="1" stopOpacity=".2" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-5"
@@ -68,9 +68,9 @@ export default {
           y2="9.06"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#828282" stop-opacity="0" />
-          <stop offset=".86" stop-color="#303030" stop-opacity=".06" />
-          <stop offset="1" stop-opacity=".1" />
+          <stop offset="0" stopColor="#828282" stopOpacity="0" />
+          <stop offset=".86" stopColor="#303030" stopOpacity=".06" />
+          <stop offset="1" stopOpacity=".1" />
         </linearGradient>
       </defs>
       <g>
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/filesOneNoteBrand.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/filesOneNoteBrand.tsx
index 4529dfdccd..8ee7d39ed1 100644
--- a/packages/react/src/themes/teams/components/Icon/svg/icons/filesOneNoteBrand.tsx
+++ b/packages/react/src/themes/teams/components/Icon/svg/icons/filesOneNoteBrand.tsx
@@ -14,9 +14,9 @@ export default {
           gradientTransform="matrix(1 0 0 -1 0 32)"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset=".86" stop-color="#5e5e5e" stop-opacity=".06" />
-          <stop offset="1" stop-opacity=".1" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset=".86" stopColor="#5e5e5e" stopOpacity=".06" />
+          <stop offset="1" stopOpacity=".1" />
         </linearGradient>
         <linearGradient
           id="onenote-2"
@@ -27,12 +27,12 @@ export default {
           gradientTransform="matrix(1 0 0 -1 0 32)"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset=".53" stop-color="#fff" stop-opacity=".01" />
-          <stop offset=".72" stop-color="#fff" stop-opacity=".03" />
-          <stop offset=".85" stop-color="#fff" stop-opacity=".08" />
-          <stop offset=".96" stop-color="#fff" stop-opacity=".15" />
-          <stop offset="1" stop-color="#fff" stop-opacity=".18" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset=".53" stopColor="#fff" stopOpacity=".01" />
+          <stop offset=".72" stopColor="#fff" stopOpacity=".03" />
+          <stop offset=".85" stopColor="#fff" stopOpacity=".08" />
+          <stop offset=".96" stopColor="#fff" stopOpacity=".15" />
+          <stop offset="1" stopColor="#fff" stopOpacity=".18" />
         </linearGradient>
         <linearGradient
           id="onenote-3"
@@ -43,9 +43,9 @@ export default {
           gradientTransform="matrix(1 0 0 -1 0 32)"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#828282" stop-opacity="0" />
-          <stop offset=".86" stop-color="#303030" stop-opacity=".13" />
-          <stop offset="1" stop-opacity=".2" />
+          <stop offset="0" stopColor="#828282" stopOpacity="0" />
+          <stop offset=".86" stopColor="#303030" stopOpacity=".13" />
+          <stop offset="1" stopOpacity=".2" />
         </linearGradient>
         <linearGradient
           id="onenote-4"
@@ -56,13 +56,13 @@ export default {
           gradientTransform="matrix(1 0 0 -1 0 32)"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset=".45" stop-color="#fff" stop-opacity=".01" />
-          <stop offset=".64" stop-color="#fff" stop-opacity=".04" />
-          <stop offset=".78" stop-color="#fff" stop-opacity=".08" />
-          <stop offset=".89" stop-color="#fff" stop-opacity=".15" />
-          <stop offset=".99" stop-color="#fff" stop-opacity=".24" />
-          <stop offset="1" stop-color="#fff" stop-opacity=".25" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset=".45" stopColor="#fff" stopOpacity=".01" />
+          <stop offset=".64" stopColor="#fff" stopOpacity=".04" />
+          <stop offset=".78" stopColor="#fff" stopOpacity=".08" />
+          <stop offset=".89" stopColor="#fff" stopOpacity=".15" />
+          <stop offset=".99" stopColor="#fff" stopOpacity=".24" />
+          <stop offset="1" stopColor="#fff" stopOpacity=".25" />
         </linearGradient>
       </defs>
       <g>
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/filesPowerPointBrand.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/filesPowerPointBrand.tsx
index df2fa62786..7fc5e38c46 100644
--- a/packages/react/src/themes/teams/components/Icon/svg/icons/filesPowerPointBrand.tsx
+++ b/packages/react/src/themes/teams/components/Icon/svg/icons/filesPowerPointBrand.tsx
@@ -13,9 +13,9 @@ export default {
           y2="30.87"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset="0.86" stop-color="#5e5e5e" stop-opacity="0.06" />
-          <stop offset="1" stop-opacity="0.1" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset="0.86" stopColor="#5e5e5e" stopOpacity="0.06" />
+          <stop offset="1" stopOpacity="0.1" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-2"
@@ -25,13 +25,13 @@ export default {
           y2="5.14"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset="0.45" stop-color="#fff" stop-opacity="0.01" />
-          <stop offset="0.64" stop-color="#fff" stop-opacity="0.04" />
-          <stop offset="0.78" stop-color="#fff" stop-opacity="0.08" />
-          <stop offset="0.89" stop-color="#fff" stop-opacity="0.15" />
-          <stop offset="0.99" stop-color="#fff" stop-opacity="0.24" />
-          <stop offset="1" stop-color="#fff" stop-opacity="0.25" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset="0.45" stopColor="#fff" stopOpacity="0.01" />
+          <stop offset="0.64" stopColor="#fff" stopOpacity="0.04" />
+          <stop offset="0.78" stopColor="#fff" stopOpacity="0.08" />
+          <stop offset="0.89" stopColor="#fff" stopOpacity="0.15" />
+          <stop offset="0.99" stopColor="#fff" stopOpacity="0.24" />
+          <stop offset="1" stopColor="#fff" stopOpacity="0.25" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-3"
@@ -41,12 +41,12 @@ export default {
           y2="9.53"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset="0.53" stop-color="#fff" stop-opacity="0.01" />
-          <stop offset="0.72" stop-color="#fff" stop-opacity="0.03" />
-          <stop offset="0.85" stop-color="#fff" stop-opacity="0.08" />
-          <stop offset="0.96" stop-color="#fff" stop-opacity="0.15" />
-          <stop offset="1" stop-color="#fff" stop-opacity="0.18" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset="0.53" stopColor="#fff" stopOpacity="0.01" />
+          <stop offset="0.72" stopColor="#fff" stopOpacity="0.03" />
+          <stop offset="0.85" stopColor="#fff" stopOpacity="0.08" />
+          <stop offset="0.96" stopColor="#fff" stopOpacity="0.15" />
+          <stop offset="1" stopColor="#fff" stopOpacity="0.18" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-4"
@@ -56,9 +56,9 @@ export default {
           y2="26.21"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#828282" stop-opacity="0" />
-          <stop offset="0.86" stop-color="#303030" stop-opacity="0.13" />
-          <stop offset="1" stop-opacity="0.2" />
+          <stop offset="0" stopColor="#828282" stopOpacity="0" />
+          <stop offset="0.86" stopColor="#303030" stopOpacity="0.13" />
+          <stop offset="1" stopOpacity="0.2" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-5"
@@ -68,9 +68,9 @@ export default {
           y2="9.06"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#828282" stop-opacity="0" />
-          <stop offset="0.86" stop-color="#303030" stop-opacity="0.06" />
-          <stop offset="1" stop-opacity="0.1" />
+          <stop offset="0" stopColor="#828282" stopOpacity="0" />
+          <stop offset="0.86" stopColor="#303030" stopOpacity="0.06" />
+          <stop offset="1" stopOpacity="0.1" />
         </linearGradient>
       </defs>
       <g>
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/filesWordBrand.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/filesWordBrand.tsx
index 4c09032426..df4c8d8bb1 100644
--- a/packages/react/src/themes/teams/components/Icon/svg/icons/filesWordBrand.tsx
+++ b/packages/react/src/themes/teams/components/Icon/svg/icons/filesWordBrand.tsx
@@ -13,9 +13,9 @@ export default {
           y2="30.87"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset="0.86" stop-color="#5e5e5e" stop-opacity="0.06" />
-          <stop offset="1" stop-opacity="0.1" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset="0.86" stopColor="#5e5e5e" stopOpacity="0.06" />
+          <stop offset="1" stopOpacity="0.1" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-2"
@@ -25,13 +25,13 @@ export default {
           y2="5.14"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset="0.45" stop-color="#fff" stop-opacity="0.01" />
-          <stop offset="0.64" stop-color="#fff" stop-opacity="0.04" />
-          <stop offset="0.78" stop-color="#fff" stop-opacity="0.08" />
-          <stop offset="0.89" stop-color="#fff" stop-opacity="0.15" />
-          <stop offset="0.99" stop-color="#fff" stop-opacity="0.24" />
-          <stop offset="1" stop-color="#fff" stop-opacity="0.25" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset="0.45" stopColor="#fff" stopOpacity="0.01" />
+          <stop offset="0.64" stopColor="#fff" stopOpacity="0.04" />
+          <stop offset="0.78" stopColor="#fff" stopOpacity="0.08" />
+          <stop offset="0.89" stopColor="#fff" stopOpacity="0.15" />
+          <stop offset="0.99" stopColor="#fff" stopOpacity="0.24" />
+          <stop offset="1" stopColor="#fff" stopOpacity="0.25" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-3"
@@ -41,12 +41,12 @@ export default {
           y2="9.53"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#fff" stop-opacity="0" />
-          <stop offset="0.53" stop-color="#fff" stop-opacity="0.01" />
-          <stop offset="0.72" stop-color="#fff" stop-opacity="0.03" />
-          <stop offset="0.85" stop-color="#fff" stop-opacity="0.08" />
-          <stop offset="0.96" stop-color="#fff" stop-opacity="0.15" />
-          <stop offset="1" stop-color="#fff" stop-opacity="0.18" />
+          <stop offset="0" stopColor="#fff" stopOpacity="0" />
+          <stop offset="0.53" stopColor="#fff" stopOpacity="0.01" />
+          <stop offset="0.72" stopColor="#fff" stopOpacity="0.03" />
+          <stop offset="0.85" stopColor="#fff" stopOpacity="0.08" />
+          <stop offset="0.96" stopColor="#fff" stopOpacity="0.15" />
+          <stop offset="1" stopColor="#fff" stopOpacity="0.18" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-4"
@@ -56,9 +56,9 @@ export default {
           y2="26.21"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#828282" stop-opacity="0" />
-          <stop offset="0.86" stop-color="#303030" stop-opacity="0.13" />
-          <stop offset="1" stop-opacity="0.2" />
+          <stop offset="0" stopColor="#828282" stopOpacity="0" />
+          <stop offset="0.86" stopColor="#303030" stopOpacity="0.13" />
+          <stop offset="1" stopOpacity="0.2" />
         </linearGradient>
         <linearGradient
           id="linear-gradient-5"
@@ -68,9 +68,9 @@ export default {
           y2="9.06"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0" stop-color="#828282" stop-opacity="0" />
-          <stop offset="0.86" stop-color="#303030" stop-opacity="0.06" />
-          <stop offset="1" stop-opacity="0.1" />
+          <stop offset="0" stopColor="#828282" stopOpacity="0" />
+          <stop offset="0.86" stopColor="#303030" stopOpacity="0.06" />
+          <stop offset="1" stopOpacity="0.1" />
         </linearGradient>
       </defs>
       <g>

From 1b2f53eb095cc548f78ae8759e4aaa3833f15b31 Mon Sep 17 00:00:00 2001
From: Miroslav Stastny <mistastn@microsoft.com>
Date: Wed, 3 Apr 2019 09:48:33 +0200
Subject: [PATCH 2/2] Changelog

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 530ee24efe..0d1860c840 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -31,6 +31,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Temporarily remove static type references in `slotClassNames` to prevent circular dependency crashes @kuzhelov ([#1145](https://github.com/stardust-ui/react/pull/1145))
 - Fix `EventListener` to not rerender on `listener` prop change @layershifter ([#1132](https://github.com/stardust-ui/react/pull/1132))
 - Fix circular dependencies from inferior modules to `index` files @kuzhelov ([#1148](https://github.com/stardust-ui/react/pull/1148))
+- Fix Invalid DOM property `stop-color` in Teams theme icons @codepretty ([1157](https://github.com/stardust-ui/react/pull/1157))
 
 ### Features
 - Add predefined icon set for the usages in the `Input`, `Dropdown` and `AccordionTitle` components @mnajdova ([#1120](https://github.com/stardust-ui/react/pull/1120))