first two dark mode issues (#370)

Author: richardiphillips

CHANGELOG.md

@@ -1,4 +1,6 @@
 # Changelog
+## [30.1.1] - 2025-07-03
+- make InputField and Dropdown dark mode friendlier
 ## [30.1.0] - 2025-07-03
 - add custom react hooks (for api requests, auth, etc)
 ## [30.0.0] - 2025-07-02 VERY BREAKING

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linn-it/linn-form-components-library",
-  "version": "30.1.0",
+  "version": "30.1.1",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

src/components/Dropdown.js

@@ -72,11 +72,7 @@ function Dropdown({
             <TextField
                 sx={{
                     paddingTop: 0,
-                    marginTop: theme => theme.spacing(1),
-                    '& .MuiInputBase-root.Mui-disabled': {
-                        backgroundColor: theme => theme.palette.grey[100],
-                        color: theme => theme.palette.text.secondary
-                    }
+                    marginTop: theme => theme.spacing(1)
                 }}
                 autoFocus={autoFocus}
                 error={error}

src/components/InputField.js

@@ -97,11 +97,7 @@ function InputField({
             <TextField
                 sx={{
                     paddingTop: 0,
-                    marginTop: theme => theme.spacing(1),
-                    '& .Mui-disabled': {
-                        backgroundColor: theme => theme.palette.grey[100],
-                        color: theme => theme.palette.text.secondary
-                    }
+                    marginTop: theme => theme.spacing(1)
                 }}
                 disabled={disabled}
                 error={inErrorState}