feat(mapfromwindowstheme): move useGradients to object and add useShadows option

BREAKING CHANGE: useGradients is now inside an object

Author: WesSouza

src/common/utils/index.js

@@ -14,7 +14,11 @@ function linearGradient(left, right) {
   return `linear-gradient(to right, ${left}, ${right})`;
 }
 
-export function mapFromWindowsTheme(name, windowsTheme, useGradients) {
+export function mapFromWindowsTheme(
+  name,
+  windowsTheme,
+  { useGradients, useShadows } = {}
+) {
   /* eslint-disable no-unused-vars */
   const {
     ButtonAlternateFace,
@@ -87,6 +91,7 @@ export function mapFromWindowsTheme(name, windowsTheme, useGradients) {
     materialTextDisabledShadow: ButtonHilight,
     materialTextInvert: HilightText,
     progress: Hilight,
+    shadow: useShadows,
     tooltip: InfoWindow
   };
 }

src/common/utils/index.spec.js

@@ -93,10 +93,16 @@ describe('mapFromWindowsTheme', () => {
       materialTextDisabledShadow: '#000003',
       materialTextInvert: '#00001b',
       progress: '#00001a',
+      shadow: false,
       tooltip: '#00001e'
     };
 
-    expect(mapFromWindowsTheme('theme', theme, false)).toEqual(expectedTheme);
+    expect(
+      mapFromWindowsTheme('theme', theme, {
+        useGradients: false,
+        useShadows: false
+      })
+    ).toEqual(expectedTheme);
   });
 
   it('should map corresponding properties with gradients if gradients are enabled', () => {
@@ -164,10 +170,16 @@ describe('mapFromWindowsTheme', () => {
       materialTextDisabledShadow: '#000003',
       materialTextInvert: '#00001b',
       progress: '#00001a',
+      shadow: true,
       tooltip: '#00001e'
     };
 
-    expect(mapFromWindowsTheme('theme', theme, true)).toEqual(expectedTheme);
+    expect(
+      mapFromWindowsTheme('theme', theme, {
+        useGradients: true,
+        useShadows: true
+      })
+    ).toEqual(expectedTheme);
   });
 });