feat: add AsterMono font via @arcab-aster/aster-fonts npm package

app/javascript/application.js

@@ -1,3 +1,4 @@
+import "@arcab-aster/aster-fonts/index.css"
 import '@hotwired/turbo'
 import { encodeMethodIntoRequestBody } from '@hotwired/turbo-rails/app/javascript/turbo/fetch_requests'
 

app/javascript/application.scss

@@ -5,10 +5,10 @@
 @import "tailwindcss/utilities";
 
 a[href],
-input[type='checkbox'],
-input[type='submit'],
-input[type='image'],
-input[type='radio'],
+input[type="checkbox"],
+input[type="submit"],
+input[type="image"],
+input[type="radio"],
 label[for],
 select,
 button {
@@ -19,7 +19,8 @@ button .disabled {
   display: none;
 }
 
-button[disabled] .disabled, button.btn-disabled .disabled {
+button[disabled] .disabled,
+button.btn-disabled .disabled {
   display: initial;
 }
 
@@ -27,7 +28,8 @@ button .enabled {
   display: initial;
 }
 
-button[disabled] .enabled, button.btn-disabled .enabled {
+button[disabled] .enabled,
+button.btn-disabled .enabled {
   display: none;
 }
 
@@ -117,7 +119,8 @@ button[disabled] .enabled, button.btn-disabled .enabled {
 .autocomplete {
   background: white;
   z-index: 1000;
-  font: 16px/25px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font: 16px/25px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
   overflow: auto;
   box-sizing: border-box;
   @apply border border-base-300 mt-1 rounded-md;
@@ -153,7 +156,8 @@ button[disabled] .enabled, button.btn-disabled .enabled {
 }
 
 .font-courier {
-  font-family: "Courier New", Consolas, "Liberation Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco;
+  font-family: "Courier New", Consolas, "Liberation Mono", monospace,
+    ui-monospace, SFMono-Regular, Menlo, Monaco;
 }
 
 markdown-editor [contenteditable] p {

app/javascript/form.js

@@ -1,3 +1,4 @@
+import "@arcab-aster/aster-fonts/index.css"
 import { createApp, reactive } from 'vue'
 
 import Form from './submission_form/form'

app/javascript/form.scss

@@ -5,10 +5,10 @@
 @import "tailwindcss/utilities";
 
 a[href],
-input[type='checkbox'],
-input[type='submit'],
-input[type='image'],
-input[type='radio'],
+input[type="checkbox"],
+input[type="submit"],
+input[type="image"],
+input[type="radio"],
 label[for],
 select,
 button {
@@ -19,7 +19,8 @@ button .disabled {
   display: none;
 }
 
-button[disabled] .disabled, button.btn-disabled .disabled {
+button[disabled] .disabled,
+button.btn-disabled .disabled {
   display: initial;
 }
 
@@ -27,7 +28,8 @@ button .enabled {
   display: initial;
 }
 
-button[disabled] .enabled, button.btn-disabled .enabled {
+button[disabled] .enabled,
+button.btn-disabled .enabled {
   display: none;
 }
 
@@ -76,5 +78,6 @@ button[disabled] .enabled, button.btn-disabled .enabled {
 }
 
 .font-courier {
-  font-family: "Courier New", Consolas, "Liberation Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco;
+  font-family: "Courier New", Consolas, "Liberation Mono", monospace,
+    ui-monospace, SFMono-Regular, Menlo, Monaco;
 }

package.json

@@ -2,6 +2,7 @@
   "name": "docuseal",
   "private": true,
   "dependencies": {
+    "@arcab-aster/aster-fonts": "^1.0.4",
     "@babel/core": "7.21.8",
     "@babel/plugin-transform-runtime": "7.21.4",
     "@babel/preset-env": "7.21.5",

tailwind.config.js

@@ -1,23 +1,31 @@
 module.exports = {
-  plugins: [require("daisyui")],
+  plugins: [require('daisyui')],
+  theme: {
+    extend: {
+      fontFamily: {
+        mono: ['AsterMono', 'monospace'],
+        sans: ['AsterMono', 'sans-serif'],
+      },
+    },
+  },
   daisyui: {
     themes: [
       {
         arcab: {
-          "color-scheme": "light",
-          primary: "#000fff",
-          secondary: "#ef9fbc",
-          accent: "#eeaf3a",
-          neutral: "#000fff",
-          "base-100": "#faf7f5",
-          "base-200": "#efeae6",
-          "base-300": "#e7e2df",
-          "base-content": "#291334",
-          "--rounded-btn": "1.9rem",
-          "--tab-border": "2px",
-          "--tab-radius": ".5rem",
+          'color-scheme': 'light',
+          primary: '#000fff',
+          secondary: '#ef9fbc',
+          accent: '#eeaf3a',
+          neutral: '#000fff',
+          'base-100': '#faf7f5',
+          'base-200': '#efeae6',
+          'base-300': '#e7e2df',
+          'base-content': '#291334',
+          '--rounded-btn': '1.9rem',
+          '--tab-border': '2px',
+          '--tab-radius': '.5rem',
         },
       },
     ],
   },
-};
+}

yarn.lock

@@ -15,6 +15,11 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@arcab-aster/aster-fonts@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@arcab-aster/aster-fonts/-/aster-fonts-1.0.4.tgz#d01b18e5279be3f8b652d23c20bfa57e08a2bc88"
+  integrity sha512-e40cQWUGtGGz1+qsTfdQiccqjTlz/p5mStl0hwr9ihJHAYQshdLi17v1VUqsVDXTi+v53UWDSWsApPvfmOXndQ==
+
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"