[PR #6436] [MERGED] chore: migrate from inter-ui to @fontsource-variable/inter #125951

Closed
opened 2026-06-14 04:56:37 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6436
Author: @StephenBrown2
Created: 12/17/2025
Status: ✅ Merged
Merged: 1/14/2026
Merged by: @matt-fidd

Base: master ← Head: update-inter-fontsource


📝 Commits (10+)

  • ebb62ef Update inter-ui to latest npm package: ^4.1.1
  • 6b5a8f8 chore: migrate from inter-ui to @fontsource-variable/inter
  • f3977a6 Add release notes
  • 8c755e9 Enable Inter font features
  • bf4703e Add font feature settings to mobile financial amounts
  • a0e4ec1 Update VRT screenshots
  • 785813f Update VRT screenshots
  • 0ae2583 revert VRT changes
  • d923667 remove lint line
  • 31fb792 Update VRT screenshots

📊 Changes

395 files changed (+47 additions, -31 deletions)

View changed files

📝 packages/component-library/src/styles.ts (+4 -1)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-4-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-5-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-6-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-7-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-8-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-9-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-closes-an-account-1-chromium-linux.png (+0 -0)

...and 80 more files

📄 Description

Summary

This PR updates the Inter font package from inter-ui v3.19.3 to @fontsource-variable/inter v5.2.8, aligning with the existing Fontsource usage pattern for @fontsource/redacted-script.

Changes

  • Dependency update: Replace inter-ui with @fontsource-variable/inter in packages/desktop-client/package.json
  • Font-family declarations: Update all references from 'Inter var' to 'Inter Variable' to match Fontsource's naming convention:
    • packages/desktop-client/index.html (2 locations)
    • packages/desktop-client/src/components/reports/chart-theme.ts

Motivation

  • Consistent package ecosystem (both fonts now from Fontsource)
  • Simpler path resolution without custom SCSS variable overrides
  • Eliminates Sass @import deprecation warnings by using CSS imports directly

Notes: 606d45a0f7f1f4c07795086f82b711b50d02d67d contains the changes for only updating inter-ui to the latest version, if migrating to @fontsource is not desired.


Note

Replace inter-ui with @fontsource-variable/inter and update font-family references to Inter Variable across the desktop client.

  • Dependencies:
    • Replace inter-ui with @fontsource-variable/inter in packages/desktop-client/package.json.
  • Fonts/Styles:
    • Switch SCSS imports to @fontsource-variable/inter CSS (wght.css, wght-italic.css) in src/fonts.scss.
    • Update font-family from Inter var to Inter Variable in:
      • index.html (global styles, inputs/textarea)
      • src/components/reports/chart-theme.ts (sansSerif)

Written by Cursor Bugbot for commit 8c15020a776c451dfdba367342e0e83f5fb2e677. This will update automatically on new commits. Configure here.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/6436 **Author:** [@StephenBrown2](https://github.com/StephenBrown2) **Created:** 12/17/2025 **Status:** ✅ Merged **Merged:** 1/14/2026 **Merged by:** [@matt-fidd](https://github.com/matt-fidd) **Base:** `master` ← **Head:** `update-inter-fontsource` --- ### 📝 Commits (10+) - [`ebb62ef`](https://github.com/actualbudget/actual/commit/ebb62efff1c2234ab4111557d428f7e314802bc6) Update inter-ui to latest npm package: ^4.1.1 - [`6b5a8f8`](https://github.com/actualbudget/actual/commit/6b5a8f8d640537f1ef727b1fc874c7e996dd3f9a) chore: migrate from inter-ui to @fontsource-variable/inter - [`f3977a6`](https://github.com/actualbudget/actual/commit/f3977a6f2d0e8ad16bec1b87ff4579cffa7e1ece) Add release notes - [`8c755e9`](https://github.com/actualbudget/actual/commit/8c755e99ec6845dccb1170198053d7dd64b362d9) Enable Inter font features - [`bf4703e`](https://github.com/actualbudget/actual/commit/bf4703e88c9111c05c790c700deb200fd2c0d1bd) Add font feature settings to mobile financial amounts - [`a0e4ec1`](https://github.com/actualbudget/actual/commit/a0e4ec1e984801a9fbf7da19eeb69ca0e69d7a40) Update VRT screenshots - [`785813f`](https://github.com/actualbudget/actual/commit/785813f17eb2acf01ea60be1f3febd3f8492a5c3) Update VRT screenshots - [`0ae2583`](https://github.com/actualbudget/actual/commit/0ae258373dd05938cdf7206c58524716425c6906) revert VRT changes - [`d923667`](https://github.com/actualbudget/actual/commit/d92366786eb1b86a8f35a09cda6d318763e0460f) remove lint line - [`31fb792`](https://github.com/actualbudget/actual/commit/31fb7926f6739514fff51783ff99b264af49bb30) Update VRT screenshots ### 📊 Changes **395 files changed** (+47 additions, -31 deletions) <details> <summary>View changed files</summary> 📝 `packages/component-library/src/styles.ts` (+4 -1) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-4-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-5-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-6-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-7-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-8-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-individual-account-page-and-checks-that-filtering-is-working-9-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.mobile.test.ts-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-import-csv-file-twice-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-Import-Transactions-imports-transactions-from-a-CSV-file-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/accounts.test.ts-snapshots/Accounts-closes-an-account-1-chromium-linux.png` (+0 -0) _...and 80 more files_ </details> ### 📄 Description ### Summary This PR updates the Inter font package from `inter-ui` v3.19.3 to `@fontsource-variable/inter` v5.2.8, aligning with the existing Fontsource usage pattern for `@fontsource/redacted-script`. ### Changes - **Dependency update**: Replace `inter-ui` with `@fontsource-variable/inter` in `packages/desktop-client/package.json` - **Font-family declarations**: Update all references from 'Inter var' to 'Inter Variable' to match Fontsource's naming convention: - packages/desktop-client/index.html (2 locations) - packages/desktop-client/src/components/reports/chart-theme.ts ### Motivation - Consistent package ecosystem (both fonts now from Fontsource) - Simpler path resolution without custom SCSS variable overrides - Eliminates Sass @import deprecation warnings by using CSS imports directly Notes: 606d45a0f7f1f4c07795086f82b711b50d02d67d contains the changes for only updating inter-ui to the latest version, if migrating to `@fontsource` is not desired. <!-- CURSOR_SUMMARY --> --- > [!NOTE] > Replace `inter-ui` with `@fontsource-variable/inter` and update font-family references to `Inter Variable` across the desktop client. > > - **Dependencies**: > - Replace `inter-ui` with `@fontsource-variable/inter` in `packages/desktop-client/package.json`. > - **Fonts/Styles**: > - Switch SCSS imports to `@fontsource-variable/inter` CSS (`wght.css`, `wght-italic.css`) in `src/fonts.scss`. > - Update font-family from `Inter var` to `Inter Variable` in: > - `index.html` (global styles, inputs/textarea) > - `src/components/reports/chart-theme.ts` (`sansSerif`) > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit 8c15020a776c451dfdba367342e0e83f5fb2e677. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup> <!-- /CURSOR_SUMMARY --> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-06-14 04:56:37 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#125951