fix: make magnifying glass icon work in dark and light mode (#440)

* fix: make magnifying glass icon work in dark and light mode * fix: pass snapshot test * chore: bump quill-tokens version * chore: add package-lock
deriv-com · Sep 17, 2024 · a5e2a1c · a5e2a1c
1 parent 4ed9e17
commit a5e2a1c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/lib/components/Input/search-field/index.tsx b/lib/components/Input/search-field/index.tsx
@@ -27,7 +27,7 @@ export const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(
                 }}
             >
                 <StandaloneCircleXmarkFillIcon
-                    fill="var(--core-color-opacity-black-400)"
+                    fill="var(--component-textIcon-normal-default)"
                     iconSize="sm"
                 />
             </button>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -148,7 +148,7 @@
         "globalSetup": "<rootDir>/globalSetup.js"
     },
     "dependencies": {
-        "@deriv-com/quill-tokens": "^2.0.10",
+        "@deriv-com/quill-tokens": "^2.0.12",
         "@deriv/quill-icons": "^1.22.10",
         "@headlessui/react": "1.7.18",
         "dayjs": "^1.11.11",