Use tokens for <wa-dropdown-item> transitions (#1693)

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

* add changelog
This commit is contained in:
Lindsay M
2025-11-19 17:50:47 -05:00
committed by GitHub
parent d6fe9f7819
commit 09c8f02f79
2 changed files with 3 additions and 2 deletions

View File

@@ -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-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] - 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] - 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 ## 3.0.0

View File

@@ -9,8 +9,8 @@
line-height: var(--wa-line-height-condensed); line-height: var(--wa-line-height-condensed);
cursor: pointer; cursor: pointer;
transition: transition:
100ms background-color ease, var(--wa-transition-fast) background-color var(--wa-transition-easing),
100ms color ease; var(--wa-transition-fast) color var(--wa-transition-easing);
} }
@media (hover: hover) { @media (hover: hover) {