UI: Add LocalTextColor and LocalTextStyle to CollapsibleAlert

[ksharma-xyz]

TL;DR

Improved text styling and color management in the CollapsibleAlert component by utilizing CompositionLocalProvider.

What changed?

• Added LocalTextColor and LocalTextStyle providers to manage text appearance consistently
• Wrapped content in CompositionLocalProvider to handle text color inheritance
• Simplified text styling by removing redundant color parameters
• Consolidated typography settings for better maintainability
• Restructured the component's composition hierarchy

How to test?

1. Navigate to a screen containing CollapsibleAlert components
2. Verify text colors are consistent with the theme
3. Check that text styling remains correct in both collapsed and expanded states
4. Confirm the "Read More" button maintains proper contrast
5. Test that alert messages (both HTML and plain text) display correctly

Why make this change?

This change improves the component's consistency with the design system by leveraging Compose's CompositionLocalProvider. It reduces code duplication and makes the component more maintainable by centralizing text styling and color management.

[ksharma-xyz]

• UI: Refactor TransportModeIcon sizing and styling #599
• UI: Add LocalTextColor and LocalTextStyle to CollapsibleAlert #597 👈 (View in Graphite)
• UI: Refactor TransportModeIcon component and usage #596
• UI: Add TransportModeChip component #595
• main

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

[ksharma-xyz]

Merge activity

• Feb 11, 6:31 AM EST: A user merged this pull request with Graphite.