Use underlayColor as default DropDown MenuItem and correct types

Author: Jordan Hunt

styles/native/js/core/widgets/dropdown.js

@@ -52,7 +52,7 @@ export const DropDown = {
     },
     /*  New dropdown styles start */
     valueContainer: {
-    // All ViewStyle properties & rippleColor are allowed
+    // All ViewStyle properties & rippleColor & activeOpacity & underlayColor are allowed
     },
     valueContainerDisabled: {
     // All ViewStyle properties are allowed
@@ -67,11 +67,12 @@ export const DropDown = {
         backgroundColor: input.backgroundColor,
     },
     itemContainer: {
-        // All ViewStyle properties are allowed
+        // All ViewStyle properties & rippleColor & activeOpacity & underlayColor are allowed
         maxWidth: 500,
         paddingVertical: 6,
         paddingHorizontal: 16,
         backgroundColor: input.backgroundColor,
+        underlayColor: contrast.low,
     },
     item: {
         // All TextStlye properties are allowed

styles/native/ts/core/widgets/dropdown.ts

@@ -56,7 +56,7 @@ export const DropDown: DropDownType = {
     },
     /*  New dropdown styles start */
     valueContainer: {
-        // All ViewStyle properties & rippleColor are allowed
+        // All ViewStyle properties & rippleColor & activeOpacity & underlayColor are allowed
     },
     valueContainerDisabled: {
         // All ViewStyle properties are allowed
@@ -71,11 +71,12 @@ export const DropDown: DropDownType = {
         backgroundColor: input.backgroundColor,
     },
     itemContainer: {
-        // All ViewStyle properties are allowed
+        // All ViewStyle properties & rippleColor & activeOpacity & underlayColor are allowed
         maxWidth: 500,
         paddingVertical: 6,
         paddingHorizontal: 16,
         backgroundColor: input.backgroundColor,
+        underlayColor: contrast.low,
     },
     item: {
         // All TextStlye properties are allowed

styles/native/ts/types/widgets.d.ts

@@ -173,13 +173,19 @@ export interface DropDownType {
     valueDisabled?: TextStyle,
     validationMessage?: TextStyle,
     /*  New dropdown styles start */
-    valueContainer?: {
-                         rippleColor?: string
-                     } & ViewStyle;
+    valueContainer?: ViewStyle & {
+        rippleColor?: string;
+        underlayColor?: string;
+        activeOpacity?: number;
+    };
     valueContainerDisabled?: ViewStyle;
     menuWrapper?: ViewStyle;
     item?: TextStyle;
-    itemContainer?: ViewStyle;
+    itemContainer?: ViewStyle & {
+        rippleColor?: string;
+        underlayColor?: string;
+        activeOpacity?: number;
+    };
     selectedItem?: TextStyle;
     selectedItemContainer?: ViewStyle;
     /*  New dropdown styles end */