Skip to content

feat(RadioButton): WEB-2359 Update RadioButton component for iOS 26 alignment#1507

Draft
neo-sagittal wants to merge 1 commit intomasterfrom
WEB-2359
Draft

feat(RadioButton): WEB-2359 Update RadioButton component for iOS 26 alignment#1507
neo-sagittal wants to merge 1 commit intomasterfrom
WEB-2359

Conversation

@neo-sagittal
Copy link

Updates the RadioButton component to align with the new native iOS 26 style specifications.

Key changes:

  • Updated transition timing from 0.3s linear to 0.1s with cubic-bezier easing for smoother animations
  • Adjusted inner circle size in radial gradient from 64% to 50% for better visual alignment
  • Applied changes across all RadioButton variants (default, over brand, and over negative)

Adjust RadioButton component styling to match iOS 26 native design:

- Update transition timing from 0.3s to 0.1s with easeInOutQuart
  cubic-bezier curve (0.77, 0, 0.175, 1) for smoother animations
- Reduce inner circle size in radial gradient from 64% to 50% for
  a more refined appearance
- Apply changes across all RadioButton variants: default,
  overBrand, and overNegative

These changes align the web component with the new iOS 26 native
style specifications for mobile devices.

Fixes #WEB-2359
@github-actions
Copy link

Size stats

master this branch diff
Total JS 16 MB 16 MB -1 B
JS without icons 1.93 MB 1.93 MB -1 B
Lib overhead 87.3 kB 87.3 kB 0 B
Lib overhead (gzip) 18.8 kB 18.8 kB 0 B

@github-actions
Copy link

Deploy preview for mistica-web ready!

✅ Preview
https://mistica-5gbtf7r1b-flows-projects-65bb050e.vercel.app

Built with commit c1b2acd.
This pull request is being automatically deployed with vercel-action

@github-actions
Copy link

Accessibility report
✔️ No issues found

ℹ️ You can run this locally by executing yarn audit-accessibility.

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant