fix: combobox caret lint + remove stale eslint-disable comments (#228)

Author: mattrothenberg

.changeset/fix-combobox-caret-lint.md

@@ -0,0 +1,5 @@
+---
+"@cloudflare/kumo": patch
+---
+
+Fix combobox caret icon to use text-kumo-subtle with fill-current instead of invalid fill-kumo-subtle token

packages/kumo/src/code/provider.tsx

@@ -111,7 +111,7 @@ export function ShikiProvider({
 
         const highlighter = await createHighlighterCore({
           themes: [githubLight.default, vesper.default],
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      
           langs: langModules.map((m) => m.default) as any,
           engine: engineInstance,
         });

packages/kumo/src/code/server.tsx

@@ -108,7 +108,7 @@ export async function highlightCode(
 
   const highlighter = await createHighlighterCore({
     themes: [githubLight.default, vesper.default],
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     langs: [langModule.default] as any,
     engine: engineInstance,
   });
@@ -178,7 +178,7 @@ export async function createServerHighlighter(
 
   const highlighter: HighlighterCore = await createHighlighterCore({
     themes: [githubLight.default, vesper.default],
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     langs: langModules.map((m) => m.default) as any,
     engine: engineInstance,
   });

packages/kumo/src/components/combobox/combobox.tsx

@@ -252,13 +252,13 @@ function TriggerValue({
       <ComboboxBase.Value>{props.children}</ComboboxBase.Value>
       <ComboboxBase.Icon
         className={cn(
-          "absolute top-1/2 -translate-y-1/2 flex items-center",
+          "absolute top-1/2 -translate-y-1/2 flex items-center text-kumo-subtle",
           iconStyles.iconRight,
         )}
       >
         <CaretDownIcon
           size={iconStyles.iconSize}
-          className="fill-kumo-subtle"
+          className="fill-current"
         />
       </ComboboxBase.Icon>
     </ComboboxBase.Trigger>
@@ -321,13 +321,13 @@ function TriggerInput(props: ComboboxBase.Input.Props) {
       <ComboboxBase.Trigger className="p-0">
         <ComboboxBase.Icon
           className={cn(
-            "absolute top-1/2 flex -translate-y-1/2 cursor-pointer",
+            "absolute top-1/2 flex -translate-y-1/2 cursor-pointer text-kumo-subtle",
             iconStyles.caretRight,
           )}
         >
           <CaretDownIcon
             size={iconStyles.iconSize}
-            className="fill-kumo-subtle"
+            className="fill-current"
           />
         </ComboboxBase.Icon>
       </ComboboxBase.Trigger>