[sparkle] - chore(Dropdown): hover style (#9689)

* [sparkle] - fix: update Dropdown focus and hover styles

 - Add hover state background color to the default variant for better user feedback
 - Ensure consistency in focus state background color for the warning variant

* [sparkle] - feature: bump version to 0.2.351

 - Increment package version for a new release
 - Ensure package-lock.json reflects the new version for consistency

sparkle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.350",
+  "version": "0.2.351",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

sparkle/src/components/Dropdown.tsx

@@ -24,9 +24,9 @@ export const menuStyleClasses = {
     {
       variants: {
         variant: {
-          default: "focus:s-text-primary-950 focus:s-bg-primary-150",
+          default: "focus:s-text-primary-950 hover:s-bg-primary-150 focus:s-bg-primary-150",
           warning:
-            "s-text-warning-500 hover:s-bg-warning-50 active:s-bg-warning-100",
+            "s-text-warning-500 hover:s-bg-warning-50 focus:s-bg-warning-50 active:s-bg-warning-100",
         },
       },
       defaultVariants: {