Skip to content

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

Closed
BenOsodrac wants to merge 2 commits into
nextfrom
ROU-13047-otp-textarea-next
Closed

BenOsodrac wants to merge 2 commits into
nextfrom
ROU-13047-otp-textarea-next

Conversation

@BenOsodrac

@BenOsodrac BenOsodrac commented Sep 23, 2026

Copy link
Copy Markdown
Contributor

Issue number: internal


What is the new behavior?

Port of #31470 (merged on before-next) to next.

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

Snapshots: 63 of the 72 updated screenshots are carried over from #31470, since their baseline was identical on both branches. The 9 input-otp color outline screenshots (Chrome, Firefox, Safari x default, disabled, readonly) have a different baseline on next and need to be regenerated on this branch with the "Update Reference Screenshots" workflow (component: input-otp).

Does this introduce a breaking change?

  • Yes
  • No

🤖 Generated with Claude Code

Port of #31470 from before-next. Uses the lg shape radius for the
round input-otp variant and the soft textarea variant.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@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 11:16am UTC

Request Review

@BenOsodrac
BenOsodrac requested a review from a team as a code owner September 23, 2026 10:35
@BenOsodrac
BenOsodrac requested a review from thetaPC September 23, 2026 10:35
@github-actions github-actions Bot added the package: core @ionic/core package label Sep 23, 2026
@BenOsodrac
BenOsodrac removed the request for review from thetaPC September 23, 2026 10:52
@BenOsodrac BenOsodrac added package: react @ionic/react package type: bug a confirmed bug report labels Sep 23, 2026
@github-actions github-actions Bot removed the package: react @ionic/react package label Sep 23, 2026
@BenOsodrac BenOsodrac closed this Sep 23, 2026
@BenOsodrac
BenOsodrac deleted the ROU-13047-otp-textarea-next branch September 23, 2026 13:28
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 ca2e4e99 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