@campminder/ds 0.2.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campminder/ds",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "private": false,
   "description": "Campminder design system components, packaged. base-ui-era shadcn primitives + domain components + design tokens, for apps that prefer npm install over shadcn copy-source.",
   "repository": {
@@ -14,7 +14,8 @@
   ],
   "files": [
     "dist",
-    "styles.css"
+    "styles.css",
+    "fonts"
   ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/styles.css

@@ -2,9 +2,122 @@
    Run `npm run build` (or `node scripts/gen-tokens-css.mjs`) to regenerate.
    Consumers: @import "@campminder/ds/styles.css" after @import "tailwindcss". */
 
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Extralight.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Extralight.woff') format('woff');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Light.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Regular.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Medium.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Semibold.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Semibold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Bold.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Bold.woff') format('woff');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-ExtralightItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-ExtralightItalic.woff') format('woff');
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-LightItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-LightItalic.woff') format('woff');
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Italic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Italic.woff') format('woff');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-MediumItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-MediumItalic.woff') format('woff');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-SemiboldItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-SemiboldItalic.woff') format('woff');
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-BoldItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-BoldItalic.woff') format('woff');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans Variable';
+  src: url('./fonts/general-sans/GeneralSans-Variable.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Variable.woff') format('woff');
+  font-weight: 200 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans Variable';
+  src: url('./fonts/general-sans/GeneralSans-VariableItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-VariableItalic.woff') format('woff');
+  font-weight: 200 700;
+  font-style: italic;
+  font-display: swap;
+}
+
 @theme {
-  /* Inter is loaded via next/font as --font-inter; fall back to webfont/system Inter */
-  --font-sans: var(--font-inter), "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  /* General Sans is self-hosted via @font-face above */
+  --font-sans: "General Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
 
   --color-background: var(--base-background, #ffffff);
@@ -228,5 +341,10 @@
   color-scheme: light;
 }
 
+/* Apply General Sans as the base typeface. */
+body {
+  font-family: var(--font-sans);
+}
+
 /* Scan the package's compiled components so Tailwind v4 keeps their classes. */
 @source "./dist";