update dropdown & reference

Author: Wesley

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

@@ -37,10 +37,6 @@ export const DropDown: DropDownType = {
         fontFamily: input.fontFamily,
         placeholderTextColor: input.placeholderTextColor, // Only applied when useUniformDesign is true
     },
-    valueDisabled: {
-        // All TextStyle properties are allowed
-        ...TextBox.inputDisabled
-    },
     validationMessage: {
         // All TextStyle properties are allowed
         ...TextBox.validationMessage,
@@ -49,6 +45,10 @@ export const DropDown: DropDownType = {
     valueFocused: {
         // All TextStyle properties are allowed
     },
+    valueDisabled: {
+        // All TextStyle properties are allowed
+        ...TextBox.inputDisabled
+    },
     valueContainer: {
         // All ViewStyle properties & rippleColor are allowed
         flexDirection: "row",
@@ -125,10 +125,10 @@ export const DropDownVertical: DropDownType = {
     labelDisabled: TextBoxVertical.labelDisabled,
     value: DropDown.value,
     valueFocused: DropDown.valueFocused,
-    valueContainerDisabled: DropDown.valueContainerDisabled,
     validationMessage: TextBoxVertical.validationMessage,
     valueContainer: DropDown.valueContainer,
     valueContainerFocused: DropDown.valueContainerFocused,
+    valueContainerDisabled: DropDown.valueContainerDisabled,
     menuWrapper: DropDown.menuWrapper,
     itemContainer: DropDown.itemContainer,
     item: DropDown.item,

styles/native/ts/core/widgets/referenceselector.ts

@@ -1,5 +1,5 @@
 import { border, contrast, font, input } from "../variables";
-import { DropDown, DropDownVertical }                      from "./dropdown";
+import { DropDownVertical }                      from "./dropdown";
 import { TextBox, TextBoxVertical }      from "./textbox";
 import { DropDownType }                  from "../../types/widgets";
 /*
@@ -39,10 +39,6 @@ export const ReferenceSelector: DropDownType = {
         overflow: "hidden",
         placeholderTextColor: input.placeholderTextColor, // Only applied when useUniformDesign is true
     },
-    valueDisabled: {
-        // All TextStyle properties are allowed
-        ...TextBox.inputDisabled
-    },
     validationMessage: {
         // All TextStyle properties are allowed
         ...TextBox.validationMessage,
@@ -51,6 +47,10 @@ export const ReferenceSelector: DropDownType = {
     valueFocused: {
         // All TextStyle properties are allowed
     },
+    valueDisabled: {
+        // All TextStyle properties are allowed
+        ...TextBox.inputDisabled
+    },
     valueContainer: {
         // All ViewStyle properties & rippleColor are allowed
         flexDirection: "row",
@@ -125,12 +125,12 @@ export const ReferenceSelectorVertical: DropDownType = {
     containerDisabled: TextBoxVertical.containerDisabled,
     label: TextBoxVertical.label,
     labelDisabled: TextBoxVertical.labelDisabled,
-    value: DropDown.value,
-    valueFocused: DropDown.valueFocused,
-    valueContainerDisabled: DropDown.valueContainerDisabled,
+    value: DropDownVertical.value,
+    valueFocused: DropDownVertical.valueFocused,
     validationMessage: TextBoxVertical.validationMessage,
     valueContainer: DropDownVertical.valueContainer,
     valueContainerFocused: DropDownVertical.valueContainerFocused,
+    valueContainerDisabled: DropDownVertical.valueContainerDisabled,
     menuWrapper: DropDownVertical.menuWrapper,
     itemContainer: DropDownVertical.itemContainer,
     item: DropDownVertical.item,