@texturehq/edges 1.33.2 → 1.34.1

package/dist/generated/viz-runtime.css

@@ -1,243 +0,0 @@
-/**
- * Data Visualization Color Palette - Runtime Override
- *
- * WORKAROUND: These variables are defined here instead of in tailwind-tokens-*.css
- * because Tailwind 4's @theme directive filters them out (similar issue as data-* prefix).
- *
- * Includes:
- * - Generic viz colors (--color-viz-*)
- * - Device state data viz colors (--color-state-*-data)
- *
- * AUTO-GENERATED by scripts/generate-viz-runtime.js
- * DO NOT EDIT MANUALLY - Edit theme-specific viz colors in:
- *   - tokens/themes/light.json (light mode viz colors)
- *   - tokens/themes/dark.json (dark mode viz colors)
- */
-
-/* Light theme (default) */
-:root {
-  --color-viz-default: #0082ff;
-  --color-viz-categorical-1: #a3eae4;
-  --color-viz-categorical-2: #91a0ff;
-  --color-viz-categorical-3: #ffd1a3;
-  --color-viz-categorical-4: #ffabc8;
-  --color-viz-categorical-5: #c1b8ff;
-  --color-viz-categorical-6: #e0ffb8;
-  --color-viz-sequential-viridis-1: #fafa37;
-  --color-viz-sequential-viridis-2: #d6e654;
-  --color-viz-sequential-viridis-3: #b2d373;
-  --color-viz-sequential-viridis-4: #88be8c;
-  --color-viz-sequential-viridis-5: #5fa2a4;
-  --color-viz-sequential-viridis-6: #3d7eaa;
-  --color-viz-sequential-viridis-7: #2a60b1;
-  --color-viz-sequential-viridis-8: #1b3a99;
-  --color-viz-sequential-viridis-9: #132353;
-  --color-viz-sequential-viridis-10: #110f39;
-  --color-viz-sequential-magma-1: #fcf5cd;
-  --color-viz-sequential-magma-2: #f5db95;
-  --color-viz-sequential-magma-3: #e9af7c;
-  --color-viz-sequential-magma-4: #db7d70;
-  --color-viz-sequential-magma-5: #b9577a;
-  --color-viz-sequential-magma-6: #883482;
-  --color-viz-sequential-magma-7: #6a1f78;
-  --color-viz-sequential-magma-8: #4b1277;
-  --color-viz-sequential-magma-9: #2d0b42;
-  --color-viz-sequential-magma-10: #0b0511;
-  --color-viz-sequential-rose-1: #fef3e7;
-  --color-viz-sequential-rose-2: #f5c7e0;
-  --color-viz-sequential-rose-3: #ec9bce;
-  --color-viz-sequential-rose-4: #d86db0;
-  --color-viz-sequential-rose-5: #be4a8b;
-  --color-viz-sequential-rose-6: #9d2f76;
-  --color-viz-sequential-rose-7: #78176c;
-  --color-viz-sequential-rose-8: #56135c;
-  --color-viz-sequential-rose-9: #371344;
-  --color-viz-sequential-rose-10: #190b29;
-  --color-viz-sequential-cerulean-1: #e2f7f2;
-  --color-viz-sequential-cerulean-2: #b6e4e8;
-  --color-viz-sequential-cerulean-3: #8bd3d7;
-  --color-viz-sequential-cerulean-4: #60b2c7;
-  --color-viz-sequential-cerulean-5: #3d91b6;
-  --color-viz-sequential-cerulean-6: #22698e;
-  --color-viz-sequential-cerulean-7: #0e486a;
-  --color-viz-sequential-cerulean-8: #0a314d;
-  --color-viz-sequential-cerulean-9: #081e33;
-  --color-viz-sequential-cerulean-10: #030e1d;
-  --color-viz-sequential-forest-1: #f4fad8;
-  --color-viz-sequential-forest-2: #d6e6a5;
-  --color-viz-sequential-forest-3: #b2cd73;
-  --color-viz-sequential-forest-4: #88af52;
-  --color-viz-sequential-forest-5: #5f8835;
-  --color-viz-sequential-forest-6: #3d6426;
-  --color-viz-sequential-forest-7: #2a461a;
-  --color-viz-sequential-forest-8: #1b2e13;
-  --color-viz-sequential-forest-9: #13200d;
-  --color-viz-sequential-forest-10: #0b1305;
-  --color-viz-sequential-red-yellow-green-1: #7f1d1d;
-  --color-viz-sequential-red-yellow-green-2: #b91c1c;
-  --color-viz-sequential-red-yellow-green-3: #ef4444;
-  --color-viz-sequential-red-yellow-green-4: #fb923c;
-  --color-viz-sequential-red-yellow-green-5: #f59e0b;
-  --color-viz-sequential-red-yellow-green-6: #fbbf24;
-  --color-viz-sequential-red-yellow-green-7: #a3e635;
-  --color-viz-sequential-red-yellow-green-8: #4ade80;
-  --color-viz-sequential-red-yellow-green-9: #10b981;
-  --color-viz-sequential-red-yellow-green-10: #059669;
-  --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
-  --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
-  --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
-  --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
-  --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
-  --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
-  --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
-  --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
-  --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
-  --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
-  --color-viz-diverging-red-yellow-blue-1: #4e142d;
-  --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
-  --color-viz-diverging-red-yellow-blue-3: #c15a4a;
-  --color-viz-diverging-red-yellow-blue-4: #db8b6a;
-  --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
-  --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
-  --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
-  --color-viz-diverging-red-yellow-blue-8: #4770a3;
-  --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
-  --color-viz-diverging-red-yellow-blue-10: #18274e;
-  --color-viz-diverging-red-blue-1: #4e142d;
-  --color-viz-diverging-red-blue-2: #8b2d4e;
-  --color-viz-diverging-red-blue-3: #c15a7a;
-  --color-viz-diverging-red-blue-4: #db8b9e;
-  --color-viz-diverging-red-blue-5: #f3e1f4;
-  --color-viz-diverging-red-blue-6: #c7bfe2;
-  --color-viz-diverging-red-blue-7: #9ea7ce;
-  --color-viz-diverging-red-blue-8: #7080b5;
-  --color-viz-diverging-red-blue-9: #4d5e99;
-  --color-viz-diverging-red-blue-10: #2b3d70;
-  --color-state-charging-data: #d9b6fd;
-  --color-state-discharging-data: #fce380;
-  --color-state-heat-data: #fba9a9;
-  --color-state-cool-data: #9dc7fc;
-  --color-state-eco-data: #88e9c5;
-  --color-state-auto-data: #fed3a4;
-  --color-state-circulate-data: #c4b5fd;
-  --color-state-on-data: #7ce7d8;
-  --color-state-idle-data: #c0c5cd;
-  --color-state-off-data: #c0c5cd;
-  --color-state-unknown-data: #e4e6e9;
-  --color-state-importing-data: #8bb6fa;
-  --color-state-exporting-data: #f9c869;
-}
-
-/* Dark theme */
-.theme-dark {
-  --color-viz-default: #4da6ff;
-  --color-viz-categorical-1: #7dd3c0;
-  --color-viz-categorical-2: #a8b4ff;
-  --color-viz-categorical-3: #ffd67a;
-  --color-viz-categorical-4: #ffb3d9;
-  --color-viz-categorical-5: #d4c4ff;
-  --color-viz-categorical-6: #c8ff8e;
-  --color-viz-sequential-viridis-1: #fde724;
-  --color-viz-sequential-viridis-2: #b5de2b;
-  --color-viz-sequential-viridis-3: #6ece58;
-  --color-viz-sequential-viridis-4: #35b779;
-  --color-viz-sequential-viridis-5: #1f9e89;
-  --color-viz-sequential-viridis-6: #26828e;
-  --color-viz-sequential-viridis-7: #31688e;
-  --color-viz-sequential-viridis-8: #3e4a89;
-  --color-viz-sequential-viridis-9: #482878;
-  --color-viz-sequential-viridis-10: #440154;
-  --color-viz-sequential-magma-1: #fcfdbf;
-  --color-viz-sequential-magma-2: #feca8d;
-  --color-viz-sequential-magma-3: #fd9668;
-  --color-viz-sequential-magma-4: #f1605d;
-  --color-viz-sequential-magma-5: #cd4071;
-  --color-viz-sequential-magma-6: #9e2f7f;
-  --color-viz-sequential-magma-7: #721f81;
-  --color-viz-sequential-magma-8: #51127c;
-  --color-viz-sequential-magma-9: #2c115f;
-  --color-viz-sequential-magma-10: #0c0927;
-  --color-viz-sequential-rose-1: #fff5ee;
-  --color-viz-sequential-rose-2: #ffc9e8;
-  --color-viz-sequential-rose-3: #ff95d5;
-  --color-viz-sequential-rose-4: #eb5fb7;
-  --color-viz-sequential-rose-5: #d13896;
-  --color-viz-sequential-rose-6: #ac2681;
-  --color-viz-sequential-rose-7: #841f78;
-  --color-viz-sequential-rose-8: #631d67;
-  --color-viz-sequential-rose-9: #3f1a4e;
-  --color-viz-sequential-rose-10: #1e0f2e;
-  --color-viz-sequential-cerulean-1: #e8fafd;
-  --color-viz-sequential-cerulean-2: #b3e5f0;
-  --color-viz-sequential-cerulean-3: #7fd4e8;
-  --color-viz-sequential-cerulean-4: #4db8d8;
-  --color-viz-sequential-cerulean-5: #2e9dc6;
-  --color-viz-sequential-cerulean-6: #1a7ba3;
-  --color-viz-sequential-cerulean-7: #0d5b7e;
-  --color-viz-sequential-cerulean-8: #0a4263;
-  --color-viz-sequential-cerulean-9: #072d47;
-  --color-viz-sequential-cerulean-10: #041a2b;
-  --color-viz-sequential-forest-1: #f7fcd4;
-  --color-viz-sequential-forest-2: #d5ed99;
-  --color-viz-sequential-forest-3: #afd66f;
-  --color-viz-sequential-forest-4: #84ba4d;
-  --color-viz-sequential-forest-5: #5a9b30;
-  --color-viz-sequential-forest-6: #3a7a1e;
-  --color-viz-sequential-forest-7: #285714;
-  --color-viz-sequential-forest-8: #1a3c0d;
-  --color-viz-sequential-forest-9: #0f2808;
-  --color-viz-sequential-forest-10: #071403;
-  --color-viz-sequential-red-yellow-green-1: #991b1b;
-  --color-viz-sequential-red-yellow-green-2: #dc2626;
-  --color-viz-sequential-red-yellow-green-3: #f87171;
-  --color-viz-sequential-red-yellow-green-4: #fb923c;
-  --color-viz-sequential-red-yellow-green-5: #fbbf24;
-  --color-viz-sequential-red-yellow-green-6: #fde047;
-  --color-viz-sequential-red-yellow-green-7: #bef264;
-  --color-viz-sequential-red-yellow-green-8: #6ee7b7;
-  --color-viz-sequential-red-yellow-green-9: #34d399;
-  --color-viz-sequential-red-yellow-green-10: #10b981;
-  --color-viz-diverging-orange-yellow-seafoam-1: #883a1f;
-  --color-viz-diverging-orange-yellow-seafoam-2: #c25f27;
-  --color-viz-diverging-orange-yellow-seafoam-3: #e8843d;
-  --color-viz-diverging-orange-yellow-seafoam-4: #f5b774;
-  --color-viz-diverging-orange-yellow-seafoam-5: #fef4c7;
-  --color-viz-diverging-orange-yellow-seafoam-6: #b8e8d5;
-  --color-viz-diverging-orange-yellow-seafoam-7: #73d4c5;
-  --color-viz-diverging-orange-yellow-seafoam-8: #3db3a8;
-  --color-viz-diverging-orange-yellow-seafoam-9: #1f8d82;
-  --color-viz-diverging-orange-yellow-seafoam-10: #0d5d56;
-  --color-viz-diverging-red-yellow-blue-1: #6b1e3c;
-  --color-viz-diverging-red-yellow-blue-2: #a83b5e;
-  --color-viz-diverging-red-yellow-blue-3: #d96e68;
-  --color-viz-diverging-red-yellow-blue-4: #f0a487;
-  --color-viz-diverging-red-yellow-blue-5: #fef4c7;
-  --color-viz-diverging-red-yellow-blue-6: #b8ddd3;
-  --color-viz-diverging-red-yellow-blue-7: #7bb8cf;
-  --color-viz-diverging-red-yellow-blue-8: #4a8ec4;
-  --color-viz-diverging-red-yellow-blue-9: #2d6bb0;
-  --color-viz-diverging-red-yellow-blue-10: #1a4680;
-  --color-viz-diverging-red-blue-1: #6b1e3c;
-  --color-viz-diverging-red-blue-2: #a83b5e;
-  --color-viz-diverging-red-blue-3: #d9668f;
-  --color-viz-diverging-red-blue-4: #f09db8;
-  --color-viz-diverging-red-blue-5: #f8e5f9;
-  --color-viz-diverging-red-blue-6: #d4c9ed;
-  --color-viz-diverging-red-blue-7: #b0b8df;
-  --color-viz-diverging-red-blue-8: #8494ca;
-  --color-viz-diverging-red-blue-9: #5d6fb0;
-  --color-viz-diverging-red-blue-10: #374f88;
-  --color-state-charging-data: #8038bf;
-  --color-state-discharging-data: #b1740b;
-  --color-state-heat-data: #b73030;
-  --color-state-cool-data: #2c5ec0;
-  --color-state-eco-data: #0b835e;
-  --color-state-auto-data: #bb5f27;
-  --color-state-circulate-data: #4f46e5;
-  --color-state-on-data: #138378;
-  --color-state-idle-data: #515968;
-  --color-state-off-data: #515968;
-  --color-state-unknown-data: #454d5b;
-  --color-state-importing-data: #3f6fc2;
-  --color-state-exporting-data: #b97a19;
-}

package/scripts/generate-viz-runtime.js

@@ -1,107 +0,0 @@
-/**
- * Generate viz-runtime.css from Style Dictionary output
- *
- * WORKAROUND: Tailwind 4's @theme directive filters out viz color variables,
- * so we extract them and create a separate runtime file with plain :root and
- * .theme-dark blocks.
- *
- * This script should run after Style Dictionary generates the token files.
- */
-
-import fs from "fs";
-import path from "path";
-
-const GENERATED_DIR = "src/generated";
-const LIGHT_TOKENS = path.join(GENERATED_DIR, "tailwind-tokens-light.css");
-const DARK_TOKENS = path.join(GENERATED_DIR, "tailwind-tokens-dark.css");
-const OUTPUT_FILE = path.join(GENERATED_DIR, "viz-runtime.css");
-
-/**
- * Extract viz color variables from a CSS file
- * Includes both --color-viz-* and --color-state-*-data variables
- */
-function extractVizColors(cssContent) {
-  const vizColorRegex = /^\s*(--color-viz-[^:]+:\s*[^;]+;)\s*$/gm;
-  const stateDataColorRegex = /^\s*(--color-state-[^:]*-data:\s*[^;]+;)\s*$/gm;
-  const matches = [];
-  let match;
-
-  while ((match = vizColorRegex.exec(cssContent)) !== null) {
-    matches.push(match[1]);
-  }
-
-  // Reset regex state
-  stateDataColorRegex.lastIndex = 0;
-
-  while ((match = stateDataColorRegex.exec(cssContent)) !== null) {
-    matches.push(match[1]);
-  }
-
-  return matches;
-}
-
-/**
- * Generate the viz-runtime.css file
- */
-function generateVizRuntime() {
-  console.log("🎨 Generating viz-runtime.css...");
-
-  // Read token files
-  const lightContent = fs.readFileSync(LIGHT_TOKENS, "utf8");
-  const darkContent = fs.readFileSync(DARK_TOKENS, "utf8");
-
-  // Extract viz colors
-  const lightVizColors = extractVizColors(lightContent);
-  const darkVizColors = extractVizColors(darkContent);
-
-  if (lightVizColors.length === 0) {
-    console.warn("⚠️  No viz colors found in light theme tokens");
-  }
-
-  if (darkVizColors.length === 0) {
-    console.warn("⚠️  No viz colors found in dark theme tokens");
-  }
-
-  // Generate output
-  const output = `/**
- * Data Visualization Color Palette - Runtime Override
- *
- * WORKAROUND: These variables are defined here instead of in tailwind-tokens-*.css
- * because Tailwind 4's @theme directive filters them out (similar issue as data-* prefix).
- *
- * Includes:
- * - Generic viz colors (--color-viz-*)
- * - Device state data viz colors (--color-state-*-data)
- *
- * AUTO-GENERATED by scripts/generate-viz-runtime.js
- * DO NOT EDIT MANUALLY - Edit theme-specific viz colors in:
- *   - tokens/themes/light.json (light mode viz colors)
- *   - tokens/themes/dark.json (dark mode viz colors)
- */
-
-/* Light theme (default) */
-:root {
-${lightVizColors.map((color) => `  ${color}`).join("\n")}
-}
-
-/* Dark theme */
-.theme-dark {
-${darkVizColors.map((color) => `  ${color}`).join("\n")}
-}
-`;
-
-  // Write output
-  fs.writeFileSync(OUTPUT_FILE, output, "utf8");
-
-  console.log(`✅ Generated ${OUTPUT_FILE}`);
-  console.log(`   - Light theme: ${lightVizColors.length} variables`);
-  console.log(`   - Dark theme: ${darkVizColors.length} variables`);
-}
-
-// Run the script
-try {
-  generateVizRuntime();
-} catch (error) {
-  console.error("❌ Error generating viz-runtime.css:", error);
-  process.exit(1);
-}

package/scripts/validate-tokens.js

@@ -1,176 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Validates design tokens against DTCG (Design Tokens Community Group) spec
- * https://tr.designtokens.org/format/
- */
-
-import { readdirSync, readFileSync, statSync } from "fs";
-import { extname, join } from "path";
-
-const TOKENS_DIR = "./tokens";
-const _REQUIRED_SCHEMA = "https://tr.designtokens.org/format/0.1/";
-
-// DTCG spec required properties for different token types
-const TOKEN_TYPE_REQUIREMENTS = {
-  color: ["$value"],
-  dimension: ["$value"],
-  fontFamily: ["$value"],
-  fontWeight: ["$value"],
-  duration: ["$value"],
-  number: ["$value"],
-  // Add more as needed
-};
-
-// Valid top-level properties
-const _VALID_TOP_LEVEL = ["$schema", "$name", "$description", "$type", "$value", "$extensions"];
-
-// Validation results
-const errors = [];
-const warnings = [];
-const successes = [];
-
-/**
- * Get all JSON files recursively
- */
-function getTokenFiles(dir) {
-  const files = [];
-  const items = readdirSync(dir);
-
-  for (const item of items) {
-    const path = join(dir, item);
-    const stat = statSync(path);
-
-    if (stat.isDirectory()) {
-      files.push(...getTokenFiles(path));
-    } else if (extname(path) === ".json") {
-      files.push(path);
-    }
-  }
-
-  return files;
-}
-
-/**
- * Validate a single token
- */
-function validateToken(token, path, parentType = null) {
-  const type = token.$type || parentType;
-
-  // Check for $value
-  if (!token.$value && !hasNestedTokens(token)) {
-    errors.push(`${path}: Token missing $value property`);
-    return;
-  }
-
-  // If has $value, validate based on type
-  if (token.$value && type) {
-    const requirements = TOKEN_TYPE_REQUIREMENTS[type];
-    if (requirements) {
-      for (const req of requirements) {
-        if (!(req in token)) {
-          errors.push(`${path}: Token of type "${type}" missing required property "${req}"`);
-        }
-      }
-    }
-  }
-
-  // Check for $description (recommended but not required)
-  if (!token.$description && token.$value) {
-    warnings.push(`${path}: Token missing $description (recommended)`);
-  }
-
-  // Validate nested tokens
-  for (const key in token) {
-    if (!key.startsWith("$") && typeof token[key] === "object") {
-      validateToken(token[key], `${path}.${key}`, type);
-    }
-  }
-}
-
-/**
- * Check if object has nested tokens
- */
-function hasNestedTokens(obj) {
-  for (const key in obj) {
-    if (!key.startsWith("$") && typeof obj[key] === "object") {
-      return true;
-    }
-  }
-  return false;
-}
-
-/**
- * Validate a token file
- */
-function validateFile(filepath) {
-  console.log(`\nValidating: ${filepath}`);
-
-  try {
-    const content = readFileSync(filepath, "utf8");
-    const tokens = JSON.parse(content);
-
-    // Check for $schema
-    if (!tokens.$schema) {
-      warnings.push(`${filepath}: Missing $schema declaration`);
-    } else if (!tokens.$schema.includes("designtokens.org")) {
-      warnings.push(`${filepath}: Non-standard schema: ${tokens.$schema}`);
-    }
-
-    // Check for $name
-    if (!tokens.$name) {
-      warnings.push(`${filepath}: Missing $name property (recommended)`);
-    }
-
-    // Validate all tokens
-    for (const key in tokens) {
-      if (!key.startsWith("$") && typeof tokens[key] === "object") {
-        validateToken(tokens[key], `${filepath}:${key}`, tokens.$type);
-      }
-    }
-
-    successes.push(`${filepath}: Valid DTCG token file`);
-  } catch (error) {
-    errors.push(`${filepath}: ${error.message}`);
-  }
-}
-
-/**
- * Main validation
- */
-function main() {
-  console.log("🔍 DTCG Token Validation\n");
-  console.log("==========================");
-
-  const files = getTokenFiles(TOKENS_DIR);
-  console.log(`Found ${files.length} token files\n`);
-
-  for (const file of files) {
-    validateFile(file);
-  }
-
-  // Report results
-  console.log("\n==========================");
-  console.log("📊 Validation Results\n");
-
-  if (successes.length > 0) {
-    console.log("✅ Valid Files:");
-    successes.forEach((s) => console.log(`   ${s}`));
-  }
-
-  if (warnings.length > 0) {
-    console.log("\n⚠️  Warnings:");
-    warnings.forEach((w) => console.log(`   ${w}`));
-  }
-
-  if (errors.length > 0) {
-    console.log("\n❌ Errors:");
-    errors.forEach((e) => console.log(`   ${e}`));
-    process.exit(1);
-  } else {
-    console.log("\n✨ All tokens are DTCG compliant!");
-  }
-}
-
-// Run validation
-main();