Skip to content

feat: add pressed state to card component#2696

Merged
mnoleto merged 2 commits intomainfrom
feat/card-pressed-state
Apr 23, 2026
Merged

feat: add pressed state to card component#2696
mnoleto merged 2 commits intomainfrom
feat/card-pressed-state

Conversation

@mnoleto
Copy link
Copy Markdown
Contributor

@mnoleto mnoleto commented Apr 23, 2026

Summary

  • Adds a "pressed" visual state to interactive cards, triggered by the CSS :active pseudo-class (while the user holds the mouse/touch on the card).
  • Background shifts to --color-surface-active on the card root and on the banner (when it contains a bannerIcon).
  • Border and box-shadow are untouched, so the press overlay composes on top of hover, selected, and hover+selected states.

Design

Matches Figma: link

@mnoleto mnoleto requested a review from SamuelAlev April 23, 2026 13:44
@mnoleto mnoleto requested a review from a team as a code owner April 23, 2026 13:44
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Apr 23, 2026

🦋 Changeset detected

Latest commit: be7e307

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@frontify/fondue-components Minor
@frontify/fondue Patch
@frontify/fondue-rte Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mnoleto mnoleto enabled auto-merge (squash) April 23, 2026 13:46
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 23, 2026

Deploy Preview for fondue-components ready!

Name Link
🔨 Latest commit 93cdd6b
🔍 Latest deploy log https://app.netlify.com/projects/fondue-components/deploys/69ea223db7e7aa0007d01f6f
😎 Deploy Preview https://deploy-preview-2696.components.fondue-components.frontify.com
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 23, 2026

Deploy Preview for fondue-components ready!

Name Link
🔨 Latest commit be7e307
🔍 Latest deploy log https://app.netlify.com/projects/fondue-components/deploys/69ea229bd57a6300082f6465
😎 Deploy Preview https://deploy-preview-2696.components.fondue-components.frontify.com
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@mnoleto mnoleto merged commit b12a56f into main Apr 23, 2026
9 checks passed
@mnoleto mnoleto deleted the feat/card-pressed-state branch April 23, 2026 13:57
@github-actions
Copy link
Copy Markdown
Contributor

Lead time: 16 minutes, 31 seconds (0.28 total hours) from first commit to close.
Review time: 12 minutes, 50 seconds (0.21 total hours) from ready for review to close.

  • First commit: 23.4.2026, 15:40:44.
  • Ready for review: 23.4.2026, 15:44:25.
  • Closed: 23.4.2026, 15:57:15.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants