@createnew/tokens 0.1.0

package/dist/tokens.js

@@ -0,0 +1,333 @@
+/**
+ * CreateNew Design System Tokens
+ *
+ * This is the single source of truth for all design tokens.
+ * Tokens will be exported as:
+ * - tokens.css (CSS custom properties)
+ * - tokens.ts (TypeScript objects)
+ */
+// Core Tokens - Raw values
+// Extracted from Figma design file
+export const coreTokens = {
+    color: {
+        // Neutral grays - extracted from Figma
+        gray: {
+            // Warm grey scale
+            warm: {
+                0: "#ffffff",
+                25: "#fbfaf9",
+                50: "#f7f4f1",
+                100: "#f3efec",
+            },
+            // Cool grey scale (primary)
+            0: "#ffffff",
+            25: "#f1f4f7",
+            50: "#eceff3",
+            100: "#dfe1e7",
+            200: "#666d80",
+            300: "#36384a",
+            301: "#272735",
+            302: "#0d0d12",
+        },
+        // Brand colors from Figma
+        green: {
+            0: "#fcfef3",
+            25: "#f4fadc",
+            50: "#e9f3b8",
+            100: "#91ba00",
+            200: "#607a05",
+            300: "#3b4309",
+            301: "#282d06",
+        },
+        violet: {
+            0: "#fcfafe",
+            25: "#f5edfc",
+            50: "#ead6f7",
+            100: "#c083e2",
+            200: "#985dba",
+            300: "#5a3667",
+            301: "#382140",
+        },
+        purple: {
+            0: "#faf9fe",
+            25: "#efe7fc",
+            50: "#ddcdf8",
+            100: "#8a5ae0",
+            200: "#643fa4",
+            300: "#3b2763",
+            301: "#140033",
+        },
+        gold: {
+            0: "#fffef5",
+            25: "#fff9dd",
+            50: "#fff0b8",
+            100: "#ffc400",
+            200: "#947100",
+            300: "#664f00",
+            301: "#2e1700",
+        },
+        orange: {
+            0: "#fffaf7",
+            25: "#ffece0",
+            50: "#ffd3b8",
+            100: "#ff6200",
+            200: "#cb4e00",
+            300: "#662700",
+            301: "#331400",
+        },
+        blue: {
+            0: "#f6fbff",
+            25: "#e4f2ff",
+            50: "#c1e0ff",
+            100: "#0085ff",
+            200: "#0075e0",
+            300: "#003566",
+            301: "#001d38",
+        },
+        teal: {
+            0: "#f4fdf9",
+            25: "#d8f7eb",
+            50: "#b1ecd7",
+            100: "#00cc74",
+            200: "#008852",
+            300: "#004d2d",
+            301: "#002918",
+        },
+        cyan: {
+            0: "#f5feff",
+            25: "#e1f9fd",
+            50: "#bff0fa",
+            100: "#33d7f2",
+            200: "#128194",
+            300: "#15545e",
+            301: "#0a292e",
+        },
+        // Black/white
+        black: "#000000",
+        white: "#ffffff",
+    },
+    spacing: {
+        xs: "4px",
+        s: "8px",
+        m: "12px",
+        l: "16px",
+        xl: "24px",
+        "2xl": "32px",
+        "3xl": "48px",
+        "4xl": "56px",
+        "5xl": "80px",
+        "6xl": "104px",
+    },
+    radius: {
+        xs: "4px",
+        s: "6px",
+        m: "8px",
+        l: "12px",
+        xl: "16px",
+        full: "9999px",
+    },
+    shadow: {
+        sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        m: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+        l: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        xl: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    },
+    fontFamily: {
+        // Font families used on CreateNew.co
+        // Rebond Grotesque is used primarily for headings
+        heading: "'Rebond Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        // Geist is used for body text
+        sans: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        mono: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace",
+    },
+    fontSize: {
+        xs: "12px",
+        sm: "13px",
+        base: "14px",
+        md: "15px",
+        lg: "16px",
+        xl: "18px",
+        "2xl": "20px",
+        "3xl": "24px",
+        "4xl": "30px",
+        "5xl": "32px",
+        "6xl": "36px",
+        "7xl": "40px",
+        "8xl": "48px",
+        "9xl": "56px",
+        "10xl": "64px",
+    },
+    lineHeight: {
+        none: "1",
+        tight: "1.2",
+        snug: "1.3",
+        normal: "1.5",
+        relaxed: "1.6",
+        loose: "1.75",
+        compact: "1.143", // 16px / 14px
+        "tight-fixed": "1.067", // 16px / 15px
+        medium: "1.538", // 20px / 13px
+    },
+    fontWeight: {
+        normal: "400",
+        medium: "500",
+        semibold: "600",
+        bold: "700",
+    },
+    breakpoint: {
+        mobile: "810px",
+        tablet: "1199px",
+        desktop: "1200px",
+        containerMax: "1440px",
+        smallMobile: "390px",
+    },
+};
+// Semantic Tokens - Component-agnostic semantic values
+// Based on Figma design system
+export const semanticTokens = {
+    color: {
+        surface: {
+            default: coreTokens.color.white, // White background
+            raised: coreTokens.color.gray[50], // #eceff3 - Raised surface for hover states
+            sunken: coreTokens.color.gray[25], // #f1f4f7
+        },
+        text: {
+            default: coreTokens.color.gray[302], // #0d0d12 - Dark text
+            muted: coreTokens.color.gray[200], // #666d80
+            inverted: coreTokens.color.white,
+        },
+        brand: {
+            // Primary brand color from Figma
+            primary: coreTokens.color.green[100], // #91ba00 - Primary green
+            accent: coreTokens.color.green[200], // #607a05
+            // Accent colors for graphics
+            violet: coreTokens.color.violet[100], // #c083e2
+            purple: coreTokens.color.purple[100], // #8a5ae0
+            gold: coreTokens.color.gold[100], // #ffc400
+            orange: coreTokens.color.orange[100], // #ff6200
+            blue: coreTokens.color.blue[100], // #0085ff
+            teal: coreTokens.color.teal[100], // #00cc74
+            cyan: coreTokens.color.cyan[100], // #33d7f2
+        },
+        border: {
+            subtle: coreTokens.color.gray[100], // #dfe1e7
+            strong: coreTokens.color.gray[200], // #666d80
+        },
+        overlay: "rgba(0, 0, 0, 0.5)",
+        // Status colors
+        status: {
+            error: "#ef4444", // Red for error states
+        },
+        // Button colors from Figma
+        button: {
+            primary: {
+                background: coreTokens.color.gray[302], // #0d0d12 - Dark/black primary buttons
+                text: coreTokens.color.white,
+                hover: {
+                    background: coreTokens.color.gray[301], // #272735
+                },
+            },
+            secondary: {
+                background: coreTokens.color.gray[25], // #f1f4f7 - Light grey secondary buttons
+                text: coreTokens.color.gray[302], // #0d0d12
+                hover: {
+                    background: coreTokens.color.gray[50], // #eceff3
+                },
+            },
+            outline: {
+                background: "transparent",
+                text: coreTokens.color.gray[302], // #0d0d12
+                border: coreTokens.color.gray[100], // #dfe1e7
+                hover: {
+                    background: coreTokens.color.gray[25], // #f1f4f7
+                    border: coreTokens.color.gray[200], // #666d80
+                },
+            },
+            text: {
+                background: "transparent",
+                text: coreTokens.color.gray[302], // #0d0d12
+                hover: {
+                    background: coreTokens.color.gray[25], // #f1f4f7
+                },
+            },
+            ghost: {
+                background: "transparent",
+                text: coreTokens.color.gray[302], // #0d0d12
+                hover: {
+                    background: coreTokens.color.gray[25], // #f1f4f7
+                },
+            },
+        },
+    },
+};
+// Composite Text Styles
+// Based on Framer text styles - Framer is leading
+export const textStyles = {
+    display: {
+        fontSize: coreTokens.fontSize["10xl"], // 64px - Heading 1
+        lineHeight: coreTokens.lineHeight.none, // 1em / 100%
+        fontWeight: coreTokens.fontWeight.semibold, // 600
+        fontFamily: coreTokens.fontFamily.heading, // Rebond Grotesque
+    },
+    "heading-2": {
+        fontSize: coreTokens.fontSize["9xl"], // 56px - Heading 2
+        lineHeight: coreTokens.lineHeight.none, // 100%
+        fontWeight: coreTokens.fontWeight.semibold, // 600
+        fontFamily: coreTokens.fontFamily.heading, // Rebond Grotesque
+    },
+    "heading-3": {
+        fontSize: coreTokens.fontSize["5xl"], // 32px - Heading 3
+        lineHeight: coreTokens.lineHeight.tight, // 120%
+        fontWeight: coreTokens.fontWeight.medium, // 500
+        fontFamily: coreTokens.fontFamily.sans, // Geist
+    },
+    title: {
+        fontSize: coreTokens.fontSize["2xl"], // 20px - Heading 4
+        lineHeight: coreTokens.lineHeight.snug, // 130%
+        fontWeight: coreTokens.fontWeight.medium, // 500
+        fontFamily: coreTokens.fontFamily.sans, // Geist
+    },
+    body: {
+        fontSize: coreTokens.fontSize.lg, // 16px - Body
+        lineHeight: coreTokens.lineHeight.relaxed, // 1.6em
+        fontWeight: coreTokens.fontWeight.normal, // 400
+        fontFamily: coreTokens.fontFamily.sans, // Geist
+    },
+    "body-strong": {
+        fontSize: coreTokens.fontSize.lg, // 16px
+        lineHeight: coreTokens.lineHeight.relaxed, // 1.6em
+        fontWeight: coreTokens.fontWeight.medium, // 500
+        fontFamily: coreTokens.fontFamily.sans, // Geist
+    },
+    "nav-label": {
+        fontSize: coreTokens.fontSize.md, // 15px - Nav Label
+        lineHeight: coreTokens.lineHeight["tight-fixed"], // 1.067 (16px / 15px)
+        fontWeight: coreTokens.fontWeight.medium, // 500
+        fontFamily: coreTokens.fontFamily.sans, // Geist
+    },
+    label: {
+        fontSize: coreTokens.fontSize.base, // 14px - Label Special
+        lineHeight: coreTokens.lineHeight.compact, // 1.143 (16px / 14px)
+        fontWeight: coreTokens.fontWeight.medium, // 500
+        fontFamily: coreTokens.fontFamily.sans, // Geist
+    },
+    caption: {
+        fontSize: coreTokens.fontSize.base, // 14px - Label Special Small
+        lineHeight: coreTokens.lineHeight.compact, // 1.143 (16px / 14px)
+        fontWeight: coreTokens.fontWeight.normal, // 400
+        fontFamily: coreTokens.fontFamily.sans, // Geist
+    },
+    "link-small": {
+        fontSize: coreTokens.fontSize.sm, // 13px - Link Small
+        lineHeight: coreTokens.lineHeight.medium, // 1.538 (20px / 13px)
+        fontWeight: coreTokens.fontWeight.normal, // 400
+        fontFamily: coreTokens.fontFamily.sans, // Geist
+    },
+};
+// Export all tokens
+export const tokens = {
+    core: coreTokens,
+    semantic: semanticTokens,
+    text: textStyles,
+};
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@createnew/tokens",
+  "version": "0.1.0",
+  "description": "CreateNew Design System - Design Tokens",
+  "type": "module",
+  "main": "./dist/tokens.js",
+  "types": "./dist/tokens.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.js"
+    },
+    "./tokens.css": "./dist/tokens.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=20.18.0"
+  },
+  "scripts": {
+    "build": "tsc && npm run build:sd && node build.cjs",
+    "build:sd": "style-dictionary build --config ./config.json",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist",
+    "prepack": "npm run build"
+  },
+  "devDependencies": {
+    "style-dictionary": "^4.0.0",
+    "typescript": "^5.3.3"
+  }
+}