Dynamically adjust input color based on background in the Select component

.github/workflows/reviewdog.yml

@@ -11,6 +11,9 @@ jobs:
       pull-requests: write
     timeout-minutes: 30
     steps:
+      - uses: reviewdog/action-setup@v1
+        with:
+          reviewdog_version: v0.15.0
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v3
         with:

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",

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,