Skip to content

[PM-37916] feat: Add titleExtraLarge typography and apply to Premium header#6962

Open
SaintPatrck wants to merge 1 commit into
premium-upgrade/align-subscription-card-with-webfrom
premium-upgrade/add-title-extra-large-typography
Open

[PM-37916] feat: Add titleExtraLarge typography and apply to Premium header#6962
SaintPatrck wants to merge 1 commit into
premium-upgrade/align-subscription-card-with-webfrom
premium-upgrade/add-title-extra-large-typography

Conversation

@SaintPatrck
Copy link
Copy Markdown
Contributor

@SaintPatrck SaintPatrck commented May 21, 2026

🎟️ Tracking

PM-37916

Parent PR: #6961

📔 Objective

Design has introduced a new Title Extra-Large token (DM Sans SemiBold, 24/28) to bring the Android typography scale in line with Web. The Premium plan header is its first consumer — the existing titleLarge (19/28) was a touch undersized against the Web design.

This adds titleExtraLarge to the shared :ui typography scale (slotted above titleLarge so the data class reads in descending visual prominence, matching how displayLarge precedes displayMedium) and switches SubscriptionHeader on the Plan screen to consume it. Other screens are untouched.

📸 Screenshots

Before After

…header

Introduce a Title Extra-Large design token (DM Sans SemiBold, 24/28) to
the shared `:ui` typography scale and adopt it for the Premium plan
header on the Plan screen so the heading matches the Web design.
@github-actions github-actions Bot added app:password-manager Bitwarden Password Manager app context app:authenticator Bitwarden Authenticator app context t:feature Change Type - Feature Development labels May 21, 2026
@codecov
Copy link
Copy Markdown

codecov Bot commented May 21, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 86.24%. Comparing base (690cb3f) to head (979682a).

Additional details and impacted files
@@                                 Coverage Diff                                  @@
##           premium-upgrade/align-subscription-card-with-web    #6962      +/-   ##
====================================================================================
- Coverage                                             86.45%   86.24%   -0.22%     
====================================================================================
  Files                                                   869      872       +3     
  Lines                                                 63422    63580     +158     
  Branches                                               9189     9189              
====================================================================================
- Hits                                                  54834    54832       -2     
- Misses                                                 5428     5588     +160     
  Partials                                               3160     3160              
Flag Coverage Δ
app-data 17.04% <0.00%> (-0.01%) ⬇️
app-ui-auth-tools 19.07% <0.00%> (+<0.01%) ⬆️
app-ui-platform 16.50% <100.00%> (+<0.01%) ⬆️
app-ui-vault 27.90% <0.00%> (+<0.01%) ⬆️
authenticator 6.24% <0.00%> (+<0.01%) ⬆️
lib-core-network-bridge 4.05% <0.00%> (-0.03%) ⬇️
lib-data-ui 1.15% <0.00%> (-0.01%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 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.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@SaintPatrck SaintPatrck added the ai-review-vnext Request a Claude code review using the vNext workflow label May 21, 2026
@SaintPatrck SaintPatrck marked this pull request as ready for review May 21, 2026 22:08
@SaintPatrck SaintPatrck requested review from a team and david-livefront as code owners May 21, 2026 22:08
@SaintPatrck SaintPatrck changed the title [PM-37916] feat: Add titleExtraLarge typography and apply to Premium header [PM-37916] chore: Add titleExtraLarge typography and apply to Premium header May 22, 2026
@SaintPatrck SaintPatrck added t:tech-debt Change Type - Tech debt t:feature Change Type - Feature Development and removed t:feature Change Type - Feature Development t:tech-debt Change Type - Tech debt labels May 22, 2026
@SaintPatrck SaintPatrck changed the title [PM-37916] chore: Add titleExtraLarge typography and apply to Premium header [PM-37916] feat: Add titleExtraLarge typography and apply to Premium header May 22, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ai-review-vnext Request a Claude code review using the vNext workflow app:authenticator Bitwarden Authenticator app context app:password-manager Bitwarden Password Manager app context t:feature Change Type - Feature Development

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant