@adam-milo/tokens 1.0.1

package/dist/typography.d.ts

@@ -0,0 +1,127 @@
+/**
+ * Smart V2 Design System - Typography Tokens
+ * Almoni DL AAA Font Family
+ * @package @adam-milo/tokens
+ */
+declare const fontSize: {
+    readonly 'title-1': readonly ["3rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-1': readonly ["3rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-2': readonly ["2.5rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-2': readonly ["2.5rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-3': readonly ["2rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-3': readonly ["2rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-4': readonly ["1.75rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-4': readonly ["1.75rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-5': readonly ["1.5rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-5': readonly ["1.5rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-6': readonly ["1.25rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-6': readonly ["1.25rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-7': readonly ["1.125rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-7': readonly ["1.125rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-8': readonly ["1rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-8': readonly ["1rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-9': readonly ["0.875rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-9': readonly ["0.875rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly 'title-10': readonly ["0.75rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-10': readonly ["0.75rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
+    readonly h1: readonly ["2.5rem", {
+        readonly lineHeight: "3rem";
+        readonly fontWeight: "700";
+    }];
+    readonly h2: readonly ["2rem", {
+        readonly lineHeight: "2.5rem";
+        readonly fontWeight: "700";
+    }];
+    readonly h3: readonly ["1.5rem", {
+        readonly lineHeight: "2rem";
+        readonly fontWeight: "600";
+    }];
+    readonly h4: readonly ["1.25rem", {
+        readonly lineHeight: "1.75rem";
+        readonly fontWeight: "600";
+    }];
+    readonly 'body-lg': readonly ["1.125rem", {
+        readonly lineHeight: "1.75rem";
+        readonly fontWeight: "400";
+    }];
+    readonly body: readonly ["1rem", {
+        readonly lineHeight: "1.5rem";
+        readonly fontWeight: "400";
+    }];
+    readonly 'body-sm': readonly ["0.875rem", {
+        readonly lineHeight: "1.25rem";
+        readonly fontWeight: "400";
+    }];
+    readonly caption: readonly ["0.75rem", {
+        readonly lineHeight: "1rem";
+        readonly fontWeight: "400";
+    }];
+};
+declare const fontFamily: {
+    readonly almoni: readonly ["Almoni DL AAA", "sans-serif"];
+    readonly sans: readonly ["Almoni DL AAA", "ui-sans-serif", "system-ui", "sans-serif"];
+};
+type FontSize = typeof fontSize;
+type FontFamily = typeof fontFamily;
+
+export { type FontFamily, type FontSize, fontFamily, fontSize };

package/dist/typography.js

@@ -0,0 +1,87 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/typography.ts
+var typography_exports = {};
+__export(typography_exports, {
+  fontFamily: () => fontFamily,
+  fontSize: () => fontSize
+});
+module.exports = __toCommonJS(typography_exports);
+var fontSize = {
+  // Title and Text pairs (Smart V2)
+  "title-1": ["3rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 48px - Bold
+  "text-1": ["3rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 48px - Regular
+  "title-2": ["2.5rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 40px - Bold
+  "text-2": ["2.5rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 40px - Regular
+  "title-3": ["2rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 32px - Bold
+  "text-3": ["2rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 32px - Regular
+  "title-4": ["1.75rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 28px - Bold
+  "text-4": ["1.75rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 28px - Regular
+  "title-5": ["1.5rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 24px - Bold
+  "text-5": ["1.5rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 24px - Regular
+  "title-6": ["1.25rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 20px - Bold
+  "text-6": ["1.25rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 20px - Regular
+  "title-7": ["1.125rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 18px - Bold (Main)
+  "text-7": ["1.125rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 18px - Regular
+  "title-8": ["1rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 16px - Bold
+  "text-8": ["1rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 16px - Regular (Main)
+  "title-9": ["0.875rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 14px - Bold
+  "text-9": ["0.875rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 14px - Regular
+  "title-10": ["0.75rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 12px - Bold
+  "text-10": ["0.75rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 12px - Regular
+  // Legacy names (keeping for backward compatibility)
+  h1: ["2.5rem", { lineHeight: "3rem", fontWeight: "700" }],
+  h2: ["2rem", { lineHeight: "2.5rem", fontWeight: "700" }],
+  h3: ["1.5rem", { lineHeight: "2rem", fontWeight: "600" }],
+  h4: ["1.25rem", { lineHeight: "1.75rem", fontWeight: "600" }],
+  "body-lg": ["1.125rem", { lineHeight: "1.75rem", fontWeight: "400" }],
+  body: ["1rem", { lineHeight: "1.5rem", fontWeight: "400" }],
+  "body-sm": ["0.875rem", { lineHeight: "1.25rem", fontWeight: "400" }],
+  caption: ["0.75rem", { lineHeight: "1rem", fontWeight: "400" }]
+};
+var fontFamily = {
+  almoni: ["Almoni DL AAA", "sans-serif"],
+  sans: ["Almoni DL AAA", "ui-sans-serif", "system-ui", "sans-serif"]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fontFamily,
+  fontSize
+});

package/dist/typography.mjs

@@ -0,0 +1,8 @@
+import {
+  fontFamily,
+  fontSize
+} from "./chunk-7VTNCMPG.mjs";
+export {
+  fontFamily,
+  fontSize
+};

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@adam-milo/tokens",
+  "version": "1.0.1",
+  "description": "Design tokens for the Adam Milo Design System",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./colors": {
+      "types": "./dist/colors.d.ts",
+      "import": "./dist/colors.mjs",
+      "require": "./dist/colors.js"
+    },
+    "./spacing": {
+      "types": "./dist/spacing.d.ts",
+      "import": "./dist/spacing.mjs",
+      "require": "./dist/spacing.js"
+    },
+    "./typography": {
+      "types": "./dist/typography.d.ts",
+      "import": "./dist/typography.mjs",
+      "require": "./dist/typography.js"
+    },
+    "./tokens.css": "./dist/tokens.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts src/colors.ts src/spacing.ts src/typography.ts --format cjs,esm --dts && cp src/tokens.css dist/tokens.css",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "design-tokens",
+    "design-system",
+    "tokens",
+    "colors",
+    "typography",
+    "spacing",
+    "adam-milo"
+  ],
+  "author": "Adam Milo",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/adam-milo-smart/adam-milo-design-system.git",
+    "directory": "packages/tokens"
+  },
+  "homepage": "https://github.com/adam-milo-smart/adam-milo-design-system#readme",
+  "bugs": {
+    "url": "https://github.com/adam-milo-smart/adam-milo-design-system/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3"
+  }
+}