@leaflink/stash 50.17.0 → 51.0.0

package/README.md

@@ -93,9 +93,9 @@ See the [Tailwind](#tailwind) section for more details on how to configure it in
 
 ```ts filename="main.ts"
 import '@leaflink/stash/styles/backwards-compat.css'; // Add this line before the base and components styles.
+import '@leaflink/stash/styles/sofia-font.css'; // Add this line before the base and components styles if you're using the Sofia font.
 import '@leaflink/stash/styles/base.css';
 import '@leaflink/stash/components.css';
-
 import './app.css';
 ```
 
@@ -245,6 +245,9 @@ greenfield projects.
 /* legacy stash styles - not required for greenfield projects */
 import '@leaflink/stash/styles/backwards-compat.css';
 
+/* legacy font styles - not required for greenfield projects (Use DM Sans instead) */
+import '@leaflink/stash/styles/sofia-font.css';
+
 /* stash styles */
 import '@leaflink/stash/styles/base.css';
 import '@leaflink/stash/components.css';
@@ -286,6 +289,15 @@ export default {
   presets: [stashPreset],
 
   content: ['./src/**/*.{vue,ts,js}', './node_modules/@leaflink/stash/dist/*.js'],
+
+  theme: {
+    extend: {
+      // Add this to your tailwind config to use the DM Sans font instead of the legacy Sofia font.
+      fontFamily: {
+        sans: ['DM Sans', 'sans-serif'],
+      },
+    },
+  },
 };
 ```