BREAKING: tokens, typography!

.vscode/settings.json

@@ -7,7 +7,7 @@
     "source.fixAll.eslint": "explicit"
   },
   "files.associations": {
-    "*.css": "postcss"
+    "*.css": "tailwindcss"
   },
   "tailwindCSS.includeLanguages": {
     "postcss": "css"

README.md

@@ -4,7 +4,7 @@ This repo contains code and documentation for managing our [Fillout theme].
 
 ## Build
 
-The stylesheet in the [theme directory](./theme/) is built for production with
+The stylesheet in the [src directory](./src/) is built for production with
 [postcss] and [Tailwind][] (the same tools used to build SF.gov's stylesheets
 and React components). This helps us write less CSS (e.g. with nested selectors)
 and more precisely override Fillout's own CSS, which is also built with

knip.config.ts

@@ -2,7 +2,8 @@ import { defineConfig } from 'knip/config'
 
 export default defineConfig({
   entry: [
+    'lib/**/*',
+    'src/**/*',
     '*.config.*',
-    'theme/**/*.css',
   ],
 })

package.json

@@ -6,10 +6,10 @@
     "url": "https://github.com/sfds-bot"
   },
   "scripts": {
-    "build": "postcss theme/sfgov.css -o dist/theme-sfgov.css",
+    "build": "postcss src/sfgov.css -o dist/theme-sfgov.css",
     "lint": "eslint",
     "prepublishOnly": "NODE_ENV=production npm run build",
-    "watch": "nodemon -w theme -w postcss.config.js -w tailwind.* -e css,js,ts --exec 'npm run build'"
+    "watch": "nodemon -w src -w 'postcss.*' -w 'tailwind.*' -w package.json -e css,js,json,ts --exec 'npm run build'"
   },
   "license": "MIT",
   "type": "commonjs",
@@ -50,4 +50,4 @@
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.46.3"
   }
-}
+}

postcss.config.js

@@ -29,7 +29,7 @@ const plugins = [
   // postcss-import only resolves @import at the top of a file, so run it first
   atImport({
     path: [
-      join(__dirname, 'theme')
+      join(__dirname, 'src')
     ]
   }),
   header({