@fudge-me/design-system 0.1.0

package/dist/tokens/spacing.css

@@ -0,0 +1,32 @@
+/* Raw spacing tokens — fudge-design-system
+ * 4px base, integer-only multipliers. No fractional steps.
+ */
+:root {
+  --fds-spacing-0: 0;
+  --fds-spacing-px: 1px;
+  --fds-spacing-1: 0.25rem;   /*  4px */
+  --fds-spacing-2: 0.5rem;    /*  8px */
+  --fds-spacing-3: 0.75rem;   /* 12px */
+  --fds-spacing-4: 1rem;      /* 16px */
+  --fds-spacing-5: 1.25rem;   /* 20px */
+  --fds-spacing-6: 1.5rem;    /* 24px */
+  --fds-spacing-7: 1.75rem;   /* 28px */
+  --fds-spacing-8: 2rem;      /* 32px */
+  --fds-spacing-9: 2.25rem;   /* 36px */
+  --fds-spacing-10: 2.5rem;   /* 40px */
+  --fds-spacing-11: 2.75rem;  /* 44px */
+  --fds-spacing-12: 3rem;     /* 48px */
+  --fds-spacing-14: 3.5rem;   /* 56px */
+  --fds-spacing-16: 4rem;     /* 64px */
+  --fds-spacing-20: 5rem;     /* 80px */
+  --fds-spacing-24: 6rem;     /* 96px */
+  --fds-spacing-28: 7rem;     /* 112px */
+  --fds-spacing-32: 8rem;     /* 128px */
+  --fds-spacing-36: 9rem;     /* 144px */
+  --fds-spacing-40: 10rem;    /* 160px */
+  --fds-spacing-48: 12rem;    /* 192px */
+  --fds-spacing-56: 14rem;    /* 224px */
+  --fds-spacing-64: 16rem;    /* 256px */
+  --fds-spacing-80: 20rem;    /* 320px */
+  --fds-spacing-96: 24rem;    /* 384px */
+}

package/dist/tokens/typography.css

@@ -0,0 +1,39 @@
+/* Raw typography tokens — fudge-design-system
+ * System font stacks. No custom web fonts.
+ */
+:root {
+  /* Families */
+  --fds-font-family-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --fds-font-family-mono: ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", Menlo, Consolas, monospace;
+
+  /* Sizes */
+  --fds-font-size-xs: 0.75rem;    /* 12px */
+  --fds-font-size-sm: 0.875rem;   /* 14px */
+  --fds-font-size-base: 1rem;     /* 16px */
+  --fds-font-size-lg: 1.125rem;   /* 18px */
+  --fds-font-size-xl: 1.25rem;    /* 20px */
+  --fds-font-size-2xl: 1.5rem;    /* 24px */
+  --fds-font-size-3xl: 1.875rem;  /* 30px */
+  --fds-font-size-4xl: 2.25rem;   /* 36px */
+
+  /* Weights */
+  --fds-font-weight-regular: 400;
+  --fds-font-weight-medium: 500;
+  --fds-font-weight-semibold: 600;
+  --fds-font-weight-bold: 700;
+
+  /* Line heights (unitless) */
+  --fds-line-height-none: 1;
+  --fds-line-height-tight: 1.25;
+  --fds-line-height-snug: 1.375;
+  --fds-line-height-normal: 1.5;
+  --fds-line-height-relaxed: 1.625;
+  --fds-line-height-loose: 2;
+
+  /* Letter spacing */
+  --fds-letter-spacing-tighter: -0.05em;
+  --fds-letter-spacing-tight: -0.025em;
+  --fds-letter-spacing-normal: 0;
+  --fds-letter-spacing-wide: 0.025em;
+  --fds-letter-spacing-wider: 0.05em;
+}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@fudge-me/design-system",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "version": "0.1.0",
+  "description": "Visual language and UI primitives for the fudge ecosystem",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fudge-me/fudge-design-system.git"
+  },
+  "type": "module",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    },
+    "./tokens": "./dist/tokens/index.css",
+    "./tokens/*": "./dist/tokens/*",
+    "./themes": {
+      "types": "./dist/themes/index.d.ts",
+      "svelte": "./dist/themes/index.js"
+    },
+    "./themes/*.css": "./dist/themes/*.css",
+    "./layout": {
+      "types": "./dist/layout/index.d.ts",
+      "svelte": "./dist/layout/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "svelte": "./dist/components/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.3.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "@testing-library/svelte": "^5.3.1",
+    "happy-dom": "^20.8.4",
+    "postcss": "^8.5.8",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
+    "tslib": "^2.7.0",
+    "typescript": "^5.0.0",
+    "vite": "^6.0.0",
+    "vitest": "^4.1.0"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "svelte-package --input src/lib",
+    "package:watch": "svelte-package --watch --input src/lib",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}