Skip to content

fix(tokens): shape used on otp and textarea - #31470

Merged
BenOsodrac merged 2 commits into
before-nextfrom
ROU-13047-otp-textarea
Sep 23, 2026
Merged

BenOsodrac merged 2 commits into
before-nextfrom
ROU-13047-otp-textarea

Conversation

@BenOsodrac

Copy link
Copy Markdown
Contributor

Issue number: internal


What is the new behavior?

This pull request makes minor adjustments to the border radius of certain shape variants in the input-otp and textarea components, standardizing them to use the lg (large) size instead of xl (extra large).

  • Component style adjustments:
    • Changed the border radius for the .input-otp-shape-round variant in input-otp.ionic.scss from xl to lg for a slightly less rounded appearance.
    • Changed the border radius for the .textarea-shape-soft variant in textarea.ionic.scss from xl to lg for consistency with other components.

Does this introduce a breaking change?

  • Yes
  • No

Other information

@BenOsodrac BenOsodrac added package: core @ionic/core package package: react @ionic/react package type: bug a confirmed bug report labels Sep 23, 2026
@vercel

vercel Bot commented Sep 23, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
ionic-framework Ready Ready Preview Sep 23, 2026 10:03am UTC

Request Review

@BenOsodrac
BenOsodrac marked this pull request as ready for review September 23, 2026 10:28
@BenOsodrac
BenOsodrac requested a review from a team as a code owner September 23, 2026 10:28
@BenOsodrac
BenOsodrac requested review from OS-jacobbell and removed request for a team and OS-jacobbell September 23, 2026 10:28
@BenOsodrac
BenOsodrac merged commit cc6cd83 into before-next Sep 23, 2026
49 checks passed
@BenOsodrac
BenOsodrac deleted the ROU-13047-otp-textarea branch September 23, 2026 10:33
BenOsodrac added a commit that referenced this pull request Sep 23, 2026
Issue number: internal

---------

## What is the new behavior?

Port of #31470 and #31473 (merged on `before-next`) to `next`. Replaces
#31471.

- Input OTP soft shape: border radius now uses `$ion-shape-soft-lg`
instead of `$ion-shape-soft-xl`.
- Textarea soft shape: border radius now uses `$ion-shape-soft-lg`
instead of `$ion-shape-soft-xl`.

The round input OTP shape keeps `$ion-shape-round-xl` (changed in #31470
and reverted in #31473).

Snapshots: the 12 updated screenshots are carried over from
`before-next`. Their baseline was identical on both branches, so no
regeneration is needed.

## Does this introduce a breaking change?

- [x] Yes
- [ ] No

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Claude Fable 5.1 <noreply@anthropic.com>

This branch was successfully deployed

1 active deployment
Preview 1a1ecb70 Deployed Sep 23, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package type: bug a confirmed bug report

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants