From 09c8f02f794c05852115b6c1c095011c971256ed Mon Sep 17 00:00:00 2001
From: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>
Date: Wed, 19 Nov 2025 17:50:47 -0500
Subject: [PATCH] Use tokens for `<wa-dropdown-item>` transitions (#1693)

* use tokens for `<wa-dropdown-item>` transitions

* add changelog
---
 packages/webawesome/docs/docs/resources/changelog.md          | 1 +
 .../webawesome/src/components/dropdown-item/dropdown-item.css | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/webawesome/docs/docs/resources/changelog.md b/packages/webawesome/docs/docs/resources/changelog.md
index 8bd78fecd..a6f2c5e36 100644
--- a/packages/webawesome/docs/docs/resources/changelog.md
+++ b/packages/webawesome/docs/docs/resources/changelog.md
@@ -21,6 +21,7 @@ Components with the <wa-badge variant="warning">Experimental</wa-badge> badge sh
 - Fixed a bug in `<wa-tree-item>` that caused the spinner to not show when lazy loading [issue:1678]
 - Fixed a bug in `<wa-dropdown>` that caused the browser to hang when cancelling the `wa-hide` event [issue:1483]
 - Improved performance of `<wa-icon>` so initial rendering occurs faster, especially with multiple icons on the page [issue:1729]
+- Modified the default `transition` styles of `<wa-dropdown-item>` to use design tokens [pr:1693]
 
 ## 3.0.0
 
diff --git a/packages/webawesome/src/components/dropdown-item/dropdown-item.css b/packages/webawesome/src/components/dropdown-item/dropdown-item.css
index 300b658fb..f663f0191 100644
--- a/packages/webawesome/src/components/dropdown-item/dropdown-item.css
+++ b/packages/webawesome/src/components/dropdown-item/dropdown-item.css
@@ -9,8 +9,8 @@
   line-height: var(--wa-line-height-condensed);
   cursor: pointer;
   transition:
-    100ms background-color ease,
-    100ms color ease;
+    var(--wa-transition-fast) background-color var(--wa-transition-easing),
+    var(--wa-transition-fast) color var(--wa-transition-easing);
 }
 
 @media (hover: hover) {