From da90d91b384b341f5375481b91e81065b020225f Mon Sep 17 00:00:00 2001
From: gvl <gustav.larsson@tt.se>
Date: Wed, 29 Nov 2023 14:46:41 +0100
Subject: [PATCH] feat: use inter as sans

---
 package-lock.json          | 6 ++++++
 package.json               | 1 +
 src/styles/layout-base.css | 2 ++
 src/styles/preset.ts       | 4 ++++
 4 files changed, 13 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index eee57123..f7ee1802 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.9",
       "license": "MIT",
       "dependencies": {
+        "@fontsource/inter": "^5.0.15",
         "@radix-ui/react-avatar": "^1.0.4",
         "@radix-ui/react-checkbox": "^1.0.4",
         "@radix-ui/react-dialog": "^1.0.5",
@@ -902,6 +903,11 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
       "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
     },
+    "node_modules/@fontsource/inter": {
+      "version": "5.0.15",
+      "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.0.15.tgz",
+      "integrity": "sha512-/IoWYEXl8lqJEx50JqNPT+bI4VNwxb/bg2oOfvG8PiEsDsmHRFvWBVHlohBNn1+QdBf+KbAjU/gb4vlGOSsVWw=="
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.11",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
diff --git a/package.json b/package.json
index 64b12e1a..b8f71099 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
+    "@fontsource/inter": "^5.0.15",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
diff --git a/src/styles/layout-base.css b/src/styles/layout-base.css
index ad2fb946..29e0cebd 100644
--- a/src/styles/layout-base.css
+++ b/src/styles/layout-base.css
@@ -1,3 +1,5 @@
+@import '@fontsource/inter';
+
 @layer base {
   :root {
     --background: 0 0% 100%;
diff --git a/src/styles/preset.ts b/src/styles/preset.ts
index b5ae4996..ee3c2376 100644
--- a/src/styles/preset.ts
+++ b/src/styles/preset.ts
@@ -1,4 +1,5 @@
 import { type Config } from 'tailwindcss'
+import { fontFamily } from 'tailwindcss/defaultTheme'
 export default {
   content: [
     './src/**/*.{ts,tsx}'
@@ -12,6 +13,9 @@ export default {
       }
     },
     extend: {
+      fontFamily: {
+        sans: ['inter', ...fontFamily.sans]
+      },
       colors: {
         border: 'hsl(var(--border))',
         input: 'hsl(var(--input))',