Skip to content

feat(ui): add the numericXxl text style for the xl badge count - #191

Merged
renefloor merged 2 commits into
mainfrom
claude/typography-numeric-xxl-04149d
Sep 25, 2026
Merged

renefloor merged 2 commits into
mainfrom
claude/typography-numeric-xxl-04149d

Conversation

@renefloor

Copy link
Copy Markdown
Collaborator

Submit a pull request

Linear: FLU-797

Github Issue: #

CLA

  • I have signed the Stream CLA (required).
  • The code changes follow best practices
  • Code changes are tested (add some information if not applicable)

Description of the pull request

Follow-up to #189 (review comment). That PR drew StreamBadgeCountSize.xl in headingMd because there was no numeric style at that size. The design has one: numeric/2xl.

This adds it as StreamTextTheme.numericXxl and uses it for the xl badge count.

Style Weight Font size Line height
numericXxl (new) bold lg (20 iOS / 18 Android) 100%
headingMd (was used) semibold lg relaxed

Weight: the Figma variable says semi-bold (600), but upstream design-system-tokens defines numeric/2xl as bold, like the rest of the numeric scale. This follows upstream.

Covered by the existing badge goldens. The xl badge count golden changes and needs regenerating through the update_goldens workflow.

Screenshots / Videos

Golden diff to follow from update_goldens.

🤖 Generated with Claude Code

The design's numeric/2xl style: bold, lg font size, 100% line height.
StreamBadgeCountSize.xl now uses it instead of headingMd.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@renefloor
renefloor requested a review from a team as a code owner September 25, 2026 08:58
@coderabbitai

coderabbitai Bot commented Sep 25, 2026 •

Copy link
Copy Markdown

Important

  • 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: 4b55ebec-0517-4b04-9fbb-e0b717f3e0e5


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@codecov

codecov Bot commented Sep 25, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 68.67%. Comparing base (2daa0a6) to head (21536e3).

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #191      +/-   ##
==========================================
+ Coverage   68.65%   68.67%   +0.02%     
==========================================
  Files         213      213              
  Lines        8757     8761       +4     
==========================================
+ Hits         6012     6017       +5     
+ Misses       2745     2744       -1     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

@renefloor
renefloor merged commit ed77cde into main Sep 25, 2026
16 checks passed
@renefloor
renefloor deleted the claude/typography-numeric-xxl-04149d branch September 25, 2026 11:03
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