Skip to content

PhoneNumberInput flag size#3743

Open
sirineJ wants to merge 1 commit into
nextfrom
fix/phone-number-flag-size
Open

PhoneNumberInput flag size#3743
sirineJ wants to merge 1 commit into
nextfrom
fix/phone-number-flag-size

Conversation

@sirineJ

@sirineJ sirineJ commented Jul 3, 2026

Copy link
Copy Markdown
Contributor

Addresses DSYS-1762

Purpose

#3711 introduced the size prop in the Flag component. Since we also recently support sizes in input fields, we can make the flag size in the PhoneNumberInput component responsive to the input's size.

Approach and changes

Use PhoneNumberInput's size to adjust default prefix flag size accordingly.

Definition of done

  • Development completed
  • Reviewers assigned
  • Unit and integration tests
  • Meets minimum browser support
  • Meets accessibility requirements

@vercel

vercel Bot commented Jul 3, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
oss-circuit-ui Ready Ready Preview, Comment Jul 3, 2026 1:46pm

Request Review

@changeset-bot

changeset-bot Bot commented Jul 3, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 07ae186

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 7 packages
Name Type
@sumup-oss/circuit-ui Major
@sumup-oss/eslint-plugin-circuit-ui Major
@sumup-oss/design-tokens Major
@sumup-oss/icons Major
@sumup-oss/astro-template-circuit-ui Patch
next-app Patch
@sumup-oss/stylelint-plugin-circuit-ui Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@sirineJ sirineJ changed the base branch from main to next July 3, 2026 13:45
@codecov

codecov Bot commented Jul 3, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 93.35%. Comparing base (d061f6f) to head (07ae186).
⚠️ Report is 29 commits behind head on next.

Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff             @@
##             next    #3743      +/-   ##
==========================================
- Coverage   93.40%   93.35%   -0.05%     
==========================================
  Files         197      197              
  Lines        4334     4336       +2     
  Branches     1745     1749       +4     
==========================================
  Hits         4048     4048              
- Misses        259      261       +2     
  Partials       27       27              
Files with missing lines Coverage Δ
...i/components/PhoneNumberInput/PhoneNumberInput.tsx 91.54% <100.00%> (+0.24%) ⬆️

... and 1 file with indirect coverage changes

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@sirineJ sirineJ marked this pull request as ready for review July 3, 2026 14:15
@sirineJ sirineJ requested a review from a team as a code owner July 3, 2026 14:15
@sirineJ sirineJ requested a review from missating July 3, 2026 14:15
@sirineJ sirineJ self-assigned this Jul 3, 2026
countryCode.ref as ForwardedRef<HTMLSelectElement>,
)}
renderPrefix={countryCode.renderPrefix ?? DefaultPrefix}
renderPrefix={countryCode.renderPrefix ?? getDefaultPrefix(size)}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should getDefaultPrefix(size) be memoized so it doesn't end up creating a new reference on every render?

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants