default background color for input components set to transparent

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/numberInputComp/numberInputComp.tsx

@@ -257,7 +257,7 @@ const childrenMap = {
   allowNull: BoolControl,
   onEvent: InputEventHandlerControl,
   viewRef: RefControl<HTMLInputElement>,
-  style: styleControl(InputFieldStyle),
+  style: withDefault(styleControl(InputFieldStyle),{background:'transparent'}) , 
   labelStyle:styleControl(LabelStyle),
   prefixText : stringExposingStateControl("defaultValue"),
   animationStyle: styleControl(AnimationStyle),

client/packages/lowcoder/src/comps/comps/numberInputComp/sliderCompConstants.tsx

@@ -71,7 +71,7 @@ export const SliderChildren = {
   label: LabelControl,
   disabled: BoolCodeControl,
   onEvent: ChangeEventHandlerControl,
-  style:styleControl(InputFieldStyle), 
+  style: withDefault(styleControl(InputFieldStyle),{background:'transparent'}) , 
   labelStyle:styleControl(LabelStyle.filter((style)=> ['accent','validate'].includes(style.name) === false)),
   prefixIcon: IconControl,
   suffixIcon: IconControl,

client/packages/lowcoder/src/comps/comps/ratingComp.tsx

@@ -43,7 +43,7 @@ const RatingBasicComp = (function () {
     allowHalf: BoolControl,
     disabled: BoolCodeControl,
     onEvent: eventHandlerControl(EventOptions),
-    style:styleControl(InputFieldStyle),
+    style: withDefault(styleControl(InputFieldStyle),{background:'transparent'}) , 
     animationStyle: styleControl(AnimationStyle),
     labelStyle: styleControl(
       LabelStyle.filter(

client/packages/lowcoder/src/comps/comps/textInputComp/inputComp.tsx

@@ -49,7 +49,7 @@ const childrenMap = {
   viewRef: RefControl<InputRef>,
   showCount: BoolControl,
   allowClear: BoolControl,
-  style: styleControl(InputFieldStyle),
+  style: withDefault(styleControl(InputFieldStyle),{background:'transparent'}) , 
   labelStyle:styleControl(LabelStyle), 
   prefixIcon: IconControl,
   suffixIcon: IconControl,

client/packages/lowcoder/src/comps/comps/textInputComp/passwordComp.tsx

@@ -57,7 +57,7 @@ let PasswordTmpComp = (function () {
     validationType: dropdownControl(TextInputValidationOptions, "Regex"),
     visibilityToggle: BoolControl.DEFAULT_TRUE,
     prefixIcon: IconControl,
-    style:styleControl(InputFieldStyle), 
+    style: withDefault(styleControl(InputFieldStyle),{background:'transparent'}) , 
     labelStyle: styleControl(LabelStyle),
     inputFieldStyle: withDefault(styleControl(InputLikeStyle),{borderWidth: '1px'}), 
     animationStyle: styleControl(AnimationStyle),

client/packages/lowcoder/src/comps/comps/textInputComp/textAreaComp.tsx

@@ -71,7 +71,7 @@ let TextAreaTmpComp = (function () {
     viewRef: RefControl<TextAreaRef>,
     allowClear: BoolControl,
     autoHeight: withDefault(AutoHeightControl, "fixed"),
-    style: styleControl(InputFieldStyle),
+    style: withDefault(styleControl(InputFieldStyle),{background:'transparent'}) , 
     labelStyle: styleControl(LabelStyle),
     inputFieldStyle:  withDefault(styleControl(InputLikeStyle), {borderWidth: '1px'}),
     animationStyle: styleControl(AnimationStyle)