Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(dropdown-item): enhance component's interactivity states #11821

Conversation

aPreciado88
Copy link
Contributor

@aPreciado88 aPreciado88 commented Mar 28, 2025

Related Issue: #10019

Summary

  • Remove ghosted selection icon on hover and pressed.
  • Remove icon and text color changes when focused.

deprecate(dropdown-item): remove --calcite-dropdown-item-icon-color-hover css token.

@github-actions github-actions bot added the enhancement Issues tied to a new feature or request. label Mar 28, 2025
@aPreciado88 aPreciado88 added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Mar 28, 2025
@@ -4,8 +4,7 @@
* These properties can be overridden using the component's tag as selector.
*
* @prop --calcite-dropdown-item-background-color-hover: Specifies the item's background color when hovered.
* @prop --calcite-dropdown-item-background-color-press: Specifies the item's background color when selected or active.
* @prop --calcite-dropdown-item-icon-color-hover: Specifies the item's icon selection color when hovered.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To avoid a breaking change, can we deprecate and remove at 4.0? The prop itself would be applied if set by developers, but we'd no longer have default styling for it. cc @ashetland

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I updated the PR with --calcite-dropdown-item-icon-color-hover now being deprecated.

@aPreciado88 aPreciado88 added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Mar 28, 2025
@aPreciado88
Copy link
Contributor Author

@ashetland @SkyeSeitz Can you please take a look?

@ashetland
Copy link
Contributor

LGTM!

@aPreciado88 aPreciado88 requested a review from jcfranco April 3, 2025 22:42
Copy link
Member

@jcfranco jcfranco left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome! Before merging, can you add a deprecate commit entry to the PR description (see example)?

@@ -5,7 +5,7 @@
*
* @prop --calcite-dropdown-item-background-color-hover: Specifies the item's background color when hovered.
* @prop --calcite-dropdown-item-background-color-press: Specifies the item's background color when selected or active.
* @prop --calcite-dropdown-item-icon-color-hover: Specifies the item's icon selection color when hovered.
* @prop --calcite-dropdown-item-icon-color-hover: [Deprecated] Specifies the item's icon selection color when hovered.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very nitpicky, but there's an extra space at the end.

…activity-states' of github.com:Esri/calcite-design-system into aPreciado88/10019-dropdown-item-enhance-component-interactivity-states
@aPreciado88 aPreciado88 added skip visual snapshots Pull requests that do not need visual regression testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Apr 7, 2025
@aPreciado88 aPreciado88 merged commit 34a663f into dev Apr 7, 2025
13 checks passed
@aPreciado88 aPreciado88 deleted the aPreciado88/10019-dropdown-item-enhance-component-interactivity-states branch April 7, 2025 17:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Issues tied to a new feature or request. skip visual snapshots Pull requests that do not need visual regression testing.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants