Dynamically adjust input color based on background in the Select comp…

…onent (#719)
nordcloud · Feb 21, 2024 · 7b992de · 7b992de
1 parent 669da95
commit 7b992de
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "10.1.0",
+  "version": "10.1.1",
   "license": "MIT",
   "repository": {
     "type": "git",

diff --git a/src/components/select/Select.tsx b/src/components/select/Select.tsx
@@ -119,6 +119,12 @@ function getDefaultStyles<
   Group extends GroupBase<Option> = GroupBase<Option>,
 >(): StylesConfig<Option, IsMulti, Group> {
   return {
+    input: (styles) => {
+      return {
+        ...styles,
+        color: theme.color.text.text01,
+      };
+    },
     multiValue: (styles) => {
       return {
         ...styles,