@texturehq/edges 1.30.6 → 1.31.0

package/dist/theme.css

@@ -2,28 +2,34 @@
  * Edges Design System - Complete Theme
  *
  * This file imports all theme layers in the correct order:
- * 1. Design tokens (generated from token system)
- * 2. Animation features
- * 3. Computed values (derived from tokens)
- * 4. Utility classes
+ * 1. Design tokens (from @texturehq/edges-tokens)
+ * 2. Legacy aliases (backward compat for old variable names)
+ * 3. Animation features
+ * 4. Computed values (derived from tokens)
+ * 5. Utility classes
  */
 
 /* Layer 1: Design Tokens
-   These are generated from the token system and contain all design decisions */
-@import "./generated/tailwind-tokens-light.css";
-@import "./generated/tailwind-tokens-dark.css";
+   Sourced from @texturehq/edges-tokens — the single source of truth for colors,
+   motion, spacing, radius, and typography primitives. */
+@import "@texturehq/edges-tokens/css/light";
+@import "@texturehq/edges-tokens/css/dark";
 
-/* Layer 1b: Responsive Typography
+/* Layer 1b: Legacy Aliases
+   Backward-compat aliases from old variable names (--action-brand-background,
+   --feedback-*, --skeleton-*, etc.) to new ones. Remove after migration. */
+@import "@texturehq/edges-tokens/css/legacy";
+
+/* Layer 1b2: Legacy Bridge
+   Maps --theme-* vars (used in utility classes) to --color-* vars from edges-tokens.
+   Remove once utility classes are updated to reference --color-* directly. */
+@import "./styles/legacy-bridge.css";
+
+/* Layer 1c: Responsive Typography
    Overrides font-size tokens with responsive values (smaller on mobile, larger on desktop) */
 @import "./styles/responsive-typography.css";
 
-/* Data visualization colors loaded separately due to Tailwind 4 @theme filtering
-   See: https://github.com/tailwindlabs/tailwindcss/issues/XXXXX
-   These variables are also in tailwind-tokens-light.css but Tailwind strips them
-   from the @theme block, so we load them separately in a plain :root block. */
-@import "./generated/viz-runtime.css";
-
-/* Layer 1c: Light Theme Override
+/* Layer 1d: Light Theme Override
    Allows forcing light-mode tokens on a subtree via .theme-light class */
 @import "./styles/theme-light-override.css";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.30.6",
+  "version": "1.31.0",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",
@@ -93,6 +93,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@phosphor-icons/react": "^2.1.7",
     "@tanstack/react-virtual": "^3.13.12",
+    "@texturehq/edges-tokens": "workspace:*",
     "@tiptap/core": "^3.4.5",
     "@tiptap/extension-link": "^3.4.5",
     "@tiptap/pm": "^3.4.5",

package/scripts/copy-assets.js

@@ -16,6 +16,7 @@ try {
     "src/styles/utilities.css",
     "src/styles/responsive-typography.css",
     "src/styles/theme-light-override.css",
+    "src/styles/legacy-bridge.css",
   ];
 
   // Create styles directory in dist
@@ -31,26 +32,6 @@ try {
     }
   });
 
-  // Copy generated token CSS to dist (if they exist)
-  const tokenFiles = [
-    "src/generated/tailwind-tokens-light.css",
-    "src/generated/tailwind-tokens-dark.css",
-    "src/generated/viz-runtime.css",
-  ];
-
-  // Create generated directory in dist
-  if (!fs.existsSync("dist/generated")) {
-    fs.mkdirSync("dist/generated", { recursive: true });
-  }
-
-  tokenFiles.forEach((file) => {
-    if (fs.existsSync(file)) {
-      const filename = file.split("/").pop();
-      fs.copyFileSync(file, `dist/generated/${filename}`);
-      console.log(`✅ Token CSS ${filename} copied to dist/generated`);
-    }
-  });
-
   console.log("🎉 All assets copied successfully!");
 } catch (error) {
   console.error("❌ Failed to copy assets:", error.message);