@adam-milo/tokens 1.0.1

package/dist/colors.js

@@ -0,0 +1,120 @@
+"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/colors.ts
+var colors_exports = {};
+__export(colors_exports, {
+  colors: () => colors,
+  gradients: () => gradients,
+  legacyColors: () => legacyColors
+});
+module.exports = __toCommonJS(colors_exports);
+var colors = {
+  // Main Colors
+  text: "#191A39",
+  action: "#272643",
+  clickable: "#2F9DB2",
+  popup: "#ED6726",
+  error: "#FF6868",
+  toggle: "#4B497C",
+  secondary: "#1D56EC",
+  card: "#FFFFFF",
+  // Main Greys
+  bg: "#FAFAFA",
+  bgSecondary: "#F3F3F5",
+  border: "#E5E5EA",
+  iconSecondary: "#C9C9CF",
+  systemText: "#8C8C9C"
+};
+var legacyColors = {
+  primary: {
+    50: "#eff6ff",
+    100: "#dbeafe",
+    200: "#bfdbfe",
+    300: "#93c5fd",
+    400: "#60a5fa",
+    500: "#3b82f6",
+    600: "#2563eb",
+    700: "#1d4ed8",
+    800: "#1e40af",
+    900: "#1e3a8a",
+    950: "#172554"
+  },
+  secondary: {
+    50: "#faf5ff",
+    100: "#f3e8ff",
+    200: "#e9d5ff",
+    300: "#d8b4fe",
+    400: "#c084fc",
+    500: "#a855f7",
+    600: "#9333ea",
+    700: "#7e22ce",
+    800: "#6b21a8",
+    900: "#581c87",
+    950: "#3b0764"
+  },
+  neutral: {
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827",
+    950: "#030712"
+  },
+  success: {
+    50: "#f0fdf4",
+    100: "#dcfce7",
+    200: "#bbf7d0",
+    300: "#86efac",
+    400: "#4ade80",
+    500: "#22c55e",
+    600: "#16a34a",
+    700: "#15803d",
+    800: "#166534",
+    900: "#14532d",
+    950: "#052e16"
+  },
+  danger: {
+    50: "#fef2f2",
+    100: "#fee2e2",
+    200: "#fecaca",
+    300: "#fca5a5",
+    400: "#f87171",
+    500: "#ef4444",
+    600: "#dc2626",
+    700: "#b91c1c",
+    800: "#991b1b",
+    900: "#7f1d1d",
+    950: "#450a0a"
+  }
+};
+var gradients = {
+  primary: "linear-gradient(236deg, #eee -19.33%, #41c2c4 28.51%, #3ea6b0 49.57%, #3c91a0 91.6%)"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  colors,
+  gradients,
+  legacyColors
+});

package/dist/colors.mjs

@@ -0,0 +1,10 @@
+import {
+  colors,
+  gradients,
+  legacyColors
+} from "./chunk-NFXHCTG6.mjs";
+export {
+  colors,
+  gradients,
+  legacyColors
+};

package/dist/index.d.mts

@@ -0,0 +1,248 @@
+export { Colors, Gradients, LegacyColors, colors, gradients, legacyColors } from './colors.mjs';
+export { BorderRadius, Spacing, borderRadius, spacing } from './spacing.mjs';
+export { FontFamily, FontSize, fontFamily, fontSize } from './typography.mjs';
+
+/**
+ * @adam-milo/tokens
+ * Design tokens for the Adam Milo Design System
+ *
+ * Contains colors, spacing, typography, and other design primitives
+ * that can be used across all packages and applications.
+ */
+
+declare const tokens: {
+    readonly colors: {
+        readonly text: "#191A39";
+        readonly action: "#272643";
+        readonly clickable: "#2F9DB2";
+        readonly popup: "#ED6726";
+        readonly error: "#FF6868";
+        readonly toggle: "#4B497C";
+        readonly secondary: "#1D56EC";
+        readonly card: "#FFFFFF";
+        readonly bg: "#FAFAFA";
+        readonly bgSecondary: "#F3F3F5";
+        readonly border: "#E5E5EA";
+        readonly iconSecondary: "#C9C9CF";
+        readonly systemText: "#8C8C9C";
+    };
+    readonly legacyColors: {
+        readonly primary: {
+            readonly 50: "#eff6ff";
+            readonly 100: "#dbeafe";
+            readonly 200: "#bfdbfe";
+            readonly 300: "#93c5fd";
+            readonly 400: "#60a5fa";
+            readonly 500: "#3b82f6";
+            readonly 600: "#2563eb";
+            readonly 700: "#1d4ed8";
+            readonly 800: "#1e40af";
+            readonly 900: "#1e3a8a";
+            readonly 950: "#172554";
+        };
+        readonly secondary: {
+            readonly 50: "#faf5ff";
+            readonly 100: "#f3e8ff";
+            readonly 200: "#e9d5ff";
+            readonly 300: "#d8b4fe";
+            readonly 400: "#c084fc";
+            readonly 500: "#a855f7";
+            readonly 600: "#9333ea";
+            readonly 700: "#7e22ce";
+            readonly 800: "#6b21a8";
+            readonly 900: "#581c87";
+            readonly 950: "#3b0764";
+        };
+        readonly neutral: {
+            readonly 50: "#f9fafb";
+            readonly 100: "#f3f4f6";
+            readonly 200: "#e5e7eb";
+            readonly 300: "#d1d5db";
+            readonly 400: "#9ca3af";
+            readonly 500: "#6b7280";
+            readonly 600: "#4b5563";
+            readonly 700: "#374151";
+            readonly 800: "#1f2937";
+            readonly 900: "#111827";
+            readonly 950: "#030712";
+        };
+        readonly success: {
+            readonly 50: "#f0fdf4";
+            readonly 100: "#dcfce7";
+            readonly 200: "#bbf7d0";
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+            readonly 800: "#166534";
+            readonly 900: "#14532d";
+            readonly 950: "#052e16";
+        };
+        readonly danger: {
+            readonly 50: "#fef2f2";
+            readonly 100: "#fee2e2";
+            readonly 200: "#fecaca";
+            readonly 300: "#fca5a5";
+            readonly 400: "#f87171";
+            readonly 500: "#ef4444";
+            readonly 600: "#dc2626";
+            readonly 700: "#b91c1c";
+            readonly 800: "#991b1b";
+            readonly 900: "#7f1d1d";
+            readonly 950: "#450a0a";
+        };
+    };
+    readonly gradients: {
+        readonly primary: "linear-gradient(236deg, #eee -19.33%, #41c2c4 28.51%, #3ea6b0 49.57%, #3c91a0 91.6%)";
+    };
+    readonly spacing: {
+        readonly 0: "0";
+        readonly 0.5: "0.125rem";
+        readonly 1: "0.25rem";
+        readonly 1.5: "0.375rem";
+        readonly 2: "0.5rem";
+        readonly 3: "0.75rem";
+        readonly 4: "1rem";
+        readonly 5: "1.25rem";
+        readonly 6: "1.5rem";
+        readonly 7: "1.75rem";
+        readonly 8: "2rem";
+        readonly 10: "2.5rem";
+        readonly 12: "3rem";
+        readonly 14: "3.5rem";
+        readonly 16: "4rem";
+    };
+    readonly borderRadius: {
+        readonly none: "0";
+        readonly sm: "0.125rem";
+        readonly default: "0.25rem";
+        readonly md: "0.5rem";
+        readonly lg: "0.75rem";
+        readonly xl: "1rem";
+        readonly '2xl': "1.25rem";
+        readonly '3xl': "1.5rem";
+        readonly '4xl': "2rem";
+        readonly full: "9999px";
+    };
+    readonly 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";
+        }];
+    };
+    readonly fontFamily: {
+        readonly almoni: readonly ["Almoni DL AAA", "sans-serif"];
+        readonly sans: readonly ["Almoni DL AAA", "ui-sans-serif", "system-ui", "sans-serif"];
+    };
+};
+
+export { tokens as default, tokens };

package/dist/index.d.ts

@@ -0,0 +1,248 @@
+export { Colors, Gradients, LegacyColors, colors, gradients, legacyColors } from './colors.js';
+export { BorderRadius, Spacing, borderRadius, spacing } from './spacing.js';
+export { FontFamily, FontSize, fontFamily, fontSize } from './typography.js';
+
+/**
+ * @adam-milo/tokens
+ * Design tokens for the Adam Milo Design System
+ *
+ * Contains colors, spacing, typography, and other design primitives
+ * that can be used across all packages and applications.
+ */
+
+declare const tokens: {
+    readonly colors: {
+        readonly text: "#191A39";
+        readonly action: "#272643";
+        readonly clickable: "#2F9DB2";
+        readonly popup: "#ED6726";
+        readonly error: "#FF6868";
+        readonly toggle: "#4B497C";
+        readonly secondary: "#1D56EC";
+        readonly card: "#FFFFFF";
+        readonly bg: "#FAFAFA";
+        readonly bgSecondary: "#F3F3F5";
+        readonly border: "#E5E5EA";
+        readonly iconSecondary: "#C9C9CF";
+        readonly systemText: "#8C8C9C";
+    };
+    readonly legacyColors: {
+        readonly primary: {
+            readonly 50: "#eff6ff";
+            readonly 100: "#dbeafe";
+            readonly 200: "#bfdbfe";
+            readonly 300: "#93c5fd";
+            readonly 400: "#60a5fa";
+            readonly 500: "#3b82f6";
+            readonly 600: "#2563eb";
+            readonly 700: "#1d4ed8";
+            readonly 800: "#1e40af";
+            readonly 900: "#1e3a8a";
+            readonly 950: "#172554";
+        };
+        readonly secondary: {
+            readonly 50: "#faf5ff";
+            readonly 100: "#f3e8ff";
+            readonly 200: "#e9d5ff";
+            readonly 300: "#d8b4fe";
+            readonly 400: "#c084fc";
+            readonly 500: "#a855f7";
+            readonly 600: "#9333ea";
+            readonly 700: "#7e22ce";
+            readonly 800: "#6b21a8";
+            readonly 900: "#581c87";
+            readonly 950: "#3b0764";
+        };
+        readonly neutral: {
+            readonly 50: "#f9fafb";
+            readonly 100: "#f3f4f6";
+            readonly 200: "#e5e7eb";
+            readonly 300: "#d1d5db";
+            readonly 400: "#9ca3af";
+            readonly 500: "#6b7280";
+            readonly 600: "#4b5563";
+            readonly 700: "#374151";
+            readonly 800: "#1f2937";
+            readonly 900: "#111827";
+            readonly 950: "#030712";
+        };
+        readonly success: {
+            readonly 50: "#f0fdf4";
+            readonly 100: "#dcfce7";
+            readonly 200: "#bbf7d0";
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+            readonly 800: "#166534";
+            readonly 900: "#14532d";
+            readonly 950: "#052e16";
+        };
+        readonly danger: {
+            readonly 50: "#fef2f2";
+            readonly 100: "#fee2e2";
+            readonly 200: "#fecaca";
+            readonly 300: "#fca5a5";
+            readonly 400: "#f87171";
+            readonly 500: "#ef4444";
+            readonly 600: "#dc2626";
+            readonly 700: "#b91c1c";
+            readonly 800: "#991b1b";
+            readonly 900: "#7f1d1d";
+            readonly 950: "#450a0a";
+        };
+    };
+    readonly gradients: {
+        readonly primary: "linear-gradient(236deg, #eee -19.33%, #41c2c4 28.51%, #3ea6b0 49.57%, #3c91a0 91.6%)";
+    };
+    readonly spacing: {
+        readonly 0: "0";
+        readonly 0.5: "0.125rem";
+        readonly 1: "0.25rem";
+        readonly 1.5: "0.375rem";
+        readonly 2: "0.5rem";
+        readonly 3: "0.75rem";
+        readonly 4: "1rem";
+        readonly 5: "1.25rem";
+        readonly 6: "1.5rem";
+        readonly 7: "1.75rem";
+        readonly 8: "2rem";
+        readonly 10: "2.5rem";
+        readonly 12: "3rem";
+        readonly 14: "3.5rem";
+        readonly 16: "4rem";
+    };
+    readonly borderRadius: {
+        readonly none: "0";
+        readonly sm: "0.125rem";
+        readonly default: "0.25rem";
+        readonly md: "0.5rem";
+        readonly lg: "0.75rem";
+        readonly xl: "1rem";
+        readonly '2xl': "1.25rem";
+        readonly '3xl': "1.5rem";
+        readonly '4xl': "2rem";
+        readonly full: "9999px";
+    };
+    readonly 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";
+        }];
+    };
+    readonly fontFamily: {
+        readonly almoni: readonly ["Almoni DL AAA", "sans-serif"];
+        readonly sans: readonly ["Almoni DL AAA", "ui-sans-serif", "system-ui", "sans-serif"];
+    };
+};
+
+export { tokens as default, tokens };