@texturehq/edges 1.26.7 → 1.26.9

package/dist/generated/tailwind-tokens-dark.css

@@ -1,10 +1,10 @@
 /**
  * Design Tokens for Tailwind CSS
  * Generated by Style Dictionary
- * 
+ *
  * These CSS variables are formatted specifically for Tailwind CSS compatibility.
  * The 'color-' prefix is required for Tailwind's color utility classes to work.
- * 
+ *
  * For other platforms, generate separate outputs using different transforms.
  */
 
@@ -66,9 +66,9 @@
   --color-yellow-800: oklch(0.456 0.111 61.896);
   --color-yellow-900: oklch(0.398 0.092 60.236);
   --color-yellow-950: oklch(0.265 0.06 56.259);
-  --color-brand-primary: #444ae1;
+  --color-brand-primary: #7a8ee1;
   --color-brand-light: #2a2d52;
-  --color-brand-dark: #363ccb;
+  --color-brand-dark: #6a6fcc;
   --color-brand-background: #2e3258;
   --color-neutral-white: #ffffff;
   --color-neutral-black: #000000;
@@ -152,8 +152,8 @@
   --font-letterspacing-wide: 0.025em;
   --font-letterspacing-wider: 0.05em;
   --font-letterspacing-widest: 0.1em;
-  --action-brand-background: #444ae1;
-  --action-brand-hover: #363ccb;
+  --action-brand-background: #7a8ee1;
+  --action-brand-hover: #6a6fcc;
   --action-brand-text: #ffffff;
   --action-default-background: #111827;
   --action-default-hover: #374151;

package/dist/generated/tailwind-tokens-light.css

@@ -1,10 +1,10 @@
 /**
  * Design Tokens for Tailwind CSS
  * Generated by Style Dictionary
- * 
+ *
  * These CSS variables are formatted specifically for Tailwind CSS compatibility.
  * The 'color-' prefix is required for Tailwind's color utility classes to work.
- * 
+ *
  * For other platforms, generate separate outputs using different transforms.
  */
 
@@ -235,7 +235,7 @@
   --color-feedback-info-background: #dbeafe;
   --color-feedback-info-border: #93c5fd;
   --color-action-brand: #444ae1;
-  --color-action-brand-hover: #383ccb;
+  --color-action-brand-hover: #363ccb;
   --color-action-brand-text: #ffffff;
   --color-action-default: #333333;
   --color-action-default-hover: #4b5563;
@@ -393,3 +393,63 @@
   --color-skeleton-highlight: #f3f4f6;
   --color-skeleton-wave: rgba(255, 255, 255, 0.5);
 }
+
+/* Semantic tokens with cascading references - override @theme for runtime cascading */
+:root {
+  --color-neutral-white: var(--color-white);
+  --color-neutral-black: var(--color-black);
+  --action-brand-background: var(--color-brand-primary);
+  --action-brand-hover: var(--color-brand-dark);
+  --action-brand-text: var(--color-white);
+  --action-default-background: var(--color-gray-900);
+  --action-default-hover: var(--color-gray-700);
+  --action-default-text: var(--color-white);
+  --action-destructive-background: var(--color-red-700);
+  --action-destructive-hover: var(--color-red-800);
+  --action-destructive-text: var(--color-white);
+  --action-disabled-background: var(--color-gray-300);
+  --action-disabled-text: var(--color-gray-500);
+  --feedback-success-text: var(--color-green-900);
+  --feedback-success-icon: var(--color-green-700);
+  --feedback-success-border: var(--color-green-600);
+  --feedback-error-text: var(--color-red-700);
+  --feedback-error-icon: var(--color-red-600);
+  --feedback-error-border: var(--color-red-500);
+  --feedback-warning-text: var(--color-yellow-900);
+  --feedback-warning-icon: var(--color-yellow-700);
+  --feedback-warning-border: var(--color-yellow-600);
+  --feedback-info-text: var(--color-blue-700);
+  --feedback-info-icon: var(--color-blue-600);
+  --feedback-info-border: var(--color-blue-500);
+  --color-map-marker-default: var(--color-action-brand);
+  --color-map-streets-border: var(--color-black);
+  --color-map-satellite-border: var(--color-white);
+  --color-map-neutral-border: var(--color-black);
+  --skeleton-base: var(--color-gray-200);
+  --skeleton-highlight: var(--color-gray-100);
+  --color-background-body: var(--color-white);
+  --color-background-surface: var(--color-white);
+  --color-background-muted: var(--color-gray-100);
+  --color-background-hover: var(--color-gray-100);
+  --color-background-selected: var(--color-gray-200);
+  --color-background-input: var(--color-white);
+  --color-text-heading: var(--color-gray-900);
+  --theme-text-label: var(--color-gray-900);
+  --color-text-muted: var(--color-gray-600);
+  --color-text-caption: var(--color-gray-500);
+  --color-text-placeholder: var(--color-gray-400);
+  --color-text-disabled: var(--color-gray-400);
+  --color-text-link-default: var(--color-brand-primary);
+  --color-text-link-hover: var(--color-brand-dark);
+  --color-text-onPrimary: var(--color-white);
+  --color-border-default: var(--color-gray-200);
+  --color-border-focus: var(--color-gray-900);
+  --color-border-muted: var(--color-gray-200);
+  --color-border-input: var(--color-gray-300);
+  --color-action-brand: var(--color-brand-primary);
+  --color-action-brand-hover: var(--color-brand-dark);
+  --color-action-brand-text: var(--color-white);
+  --color-action-default-text: var(--color-white);
+  --color-skeleton-base: var(--color-gray-200);
+  --color-skeleton-highlight: var(--color-gray-100);
+}