UI: Add scaling click animation to Button component

[ksharma-xyz]

TL;DR

Added a new scaling click animation for buttons that shrinks the component when pressed.

What changed?

• Created a new ScaleIndicationNode that handles press animations
• Added scalingKlickable modifier that implements the scaling animation
• Updated the Button component to use the new scaling animation instead of the default click behavior
• The scaling animation shrinks components to 90% of their size when pressed

How to test?

1. Run the app and navigate to any screen with buttons
2. Press and hold a button to see it scale down
3. Release the button to see it animate back to full size
4. Verify the animation feels smooth and responsive

Why make this change?

To provide better visual feedback during button interactions, making the UI feel more dynamic and responsive. The scaling animation gives users clear indication that their touch input was registered, improving the overall user experience.

[ksharma-xyz]

• UI: Replace klickable with scalingKlickable in radio buttons #560
• UI: Add scaling click animation to Button component #559 👈 (View in Graphite)
• UI: Replace clickable with klickable modifier #555
• UI: Move color utilities from trip-planner to TAJ #554
• UI: Create custom ripple effect for Taj #553
• UI: Create Taj Button variants #552
• UI: Refactor alert button and improve button components #551
• UI: Add SubtleButton component to TAJ #550
• UI: Replace SecondaryButton with Text in DateTimeSelector #549
• UI: Refactor TitleBar back button implementation #548
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[ksharma-xyz]

Merge activity

• Jan 23, 3:55 AM EST: A user merged this pull request with Graphite.