@xh/hoist 75.0.0-SNAPSHOT.1753727619217 → 75.0.0-SNAPSHOT.1753731626581

package/CHANGELOG.md

@@ -55,11 +55,20 @@
 * Removed deprecated `FetchService.setDefaultTimeout`
 * Removed deprecated `IdentityService.logoutAsync`
 
+### ✨ Styles
+
+* Upgraded the version of Hoist's default Inter UI font to a new major version, now v4.1. Note
+  that this brings slight differences to the font's appearance, including tweaks to internal
+  spacing and letterforms for tabular numbers. The name of the font face has also changed, from
+  `Inter Var` to `InterVariable`. The default value of the `--xh-font-family` CSS variable has been
+  updated to match, making this change transparent for most applications.
+
 ### 📚 Libraries
 
 * @auth0/auth0-spa-js `2.1 → 2.3`
 * @azure/msal-browser `4.12 → 4.16`
 * filesize `6.4 → 11.0`
+* inter-ui `3.19 → 4.1`
 * mobx-react-lite `4.0 → 4.1`
 * qs `6.13 → 6.14`
 * react-markdown `9.0 → 10.1`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "75.0.0-SNAPSHOT.1753727619217",
+  "version": "75.0.0-SNAPSHOT.1753731626581",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",
@@ -54,7 +54,7 @@
     "filesize": "~11.0.2",
     "golden-layout": "~1.5.9",
     "http-status-codes": "~2.3.0",
-    "inter-ui": "~3.19.3",
+    "inter-ui": "~4.1.1",
     "jwt-decode": "~4.0.0",
     "lodash": "~4.17.21",
     "lodash-inflection": "~1.5.0",

package/styles/XH.scss

@@ -9,7 +9,7 @@
 @use 'helpers';
 @use '~inter-ui/variable' with (
   $inter-font-display: block,
-  $inter-font-path: '~inter-ui/Inter (web)'
+  $inter-font-path: '~inter-ui/variable'
 );
 
 @include variable.all;

package/styles/vars.scss

@@ -374,7 +374,7 @@ body {
   //------------------------
   // Fonts
   //------------------------
-  --xh-font-family: var(--font-family, #{("Inter Var", system-ui, sans-serif)});
+  --xh-font-family: var(--font-family, #{("InterVariable", system-ui, sans-serif)});
   --xh-font-family-headings: var(--font-family-headings, var(--xh-font-family));
   --xh-font-family-mono: var(--font-family-mono, #{(Monaco, Consolas, monospace)});