@texturehq/edges 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/components.manifest.json +2 -2
  2. package/dist/generated/tailwind-tokens-dark.css +120 -87
  3. package/dist/generated/tailwind-tokens-light.css +117 -87
  4. package/dist/generated/viz-runtime.css +193 -0
  5. package/dist/index.cjs +7 -7
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +2 -2
  8. package/dist/index.d.ts +2 -2
  9. package/dist/index.js +7 -7
  10. package/dist/index.js.map +1 -1
  11. package/dist/{server-iqeQRrwF.d.cts → server-Utz6Sv9w.d.cts} +6 -6
  12. package/dist/{server-iqeQRrwF.d.ts → server-Utz6Sv9w.d.ts} +6 -6
  13. package/dist/server.cjs +2 -2
  14. package/dist/server.cjs.map +1 -1
  15. package/dist/server.d.cts +1 -1
  16. package/dist/server.d.ts +1 -1
  17. package/dist/server.js +2 -2
  18. package/dist/server.js.map +1 -1
  19. package/dist/styles.css +308 -88
  20. package/dist/theme.css +6 -0
  21. package/dist/utilities.manifest.json +189 -14
  22. package/package.json +1 -1
  23. package/scripts/copy-assets.js +1 -0
  24. package/scripts/generate-viz-runtime.js +95 -0
package/dist/styles.css CHANGED
@@ -66,7 +66,7 @@
66
66
  --color-skeleton-highlight: #f3f4f6;
67
67
  --color-neutral-white: #ffffff;
68
68
  --color-neutral-black: #000000;
69
- --color-data-default: #444ae1;
69
+ --color-viz-default: #444ae1;
70
70
  --spacing-0: 0px;
71
71
  --spacing-1: 0.25rem;
72
72
  --spacing-2: 0.5rem;
@@ -101,6 +101,7 @@
101
101
  --font-weight-medium: 500;
102
102
  --font-weight-semibold: 600;
103
103
  --font-weight-bold: 700;
104
+ --feedback-success-text: oklch(0.314 0.095 133.748);
104
105
  --color-background-body: #ffffff;
105
106
  --color-background-surface: #ffffff;
106
107
  --color-background-muted: #f3f4f6;
@@ -305,93 +306,93 @@
305
306
  --color-skeleton-wave: rgba(255, 255, 255, 0.3);
306
307
  --color-neutral-white: #ffffff;
307
308
  --color-neutral-black: #000000;
308
- --color-data-categorical-1: #a3eae4;
309
- --color-data-categorical-2: #91a0ff;
310
- --color-data-categorical-3: #ffd1a3;
311
- --color-data-categorical-4: #ffabc8;
312
- --color-data-categorical-5: #c1b8ff;
313
- --color-data-categorical-6: #e0ffb8;
314
- --color-data-sequential-viridis-1: #fafa37;
315
- --color-data-sequential-viridis-2: #d6e654;
316
- --color-data-sequential-viridis-3: #b2d373;
317
- --color-data-sequential-viridis-4: #88be8c;
318
- --color-data-sequential-viridis-5: #5fa2a4;
319
- --color-data-sequential-viridis-6: #3d7eaa;
320
- --color-data-sequential-viridis-7: #2a60b1;
321
- --color-data-sequential-viridis-8: #1b3a99;
322
- --color-data-sequential-viridis-9: #132353;
323
- --color-data-sequential-viridis-10: #110f39;
324
- --color-data-sequential-magma-1: #fcf5cd;
325
- --color-data-sequential-magma-2: #f5db95;
326
- --color-data-sequential-magma-3: #e9af7c;
327
- --color-data-sequential-magma-4: #db7d70;
328
- --color-data-sequential-magma-5: #b9577a;
329
- --color-data-sequential-magma-6: #883482;
330
- --color-data-sequential-magma-7: #6a1f78;
331
- --color-data-sequential-magma-8: #4b1277;
332
- --color-data-sequential-magma-9: #2d0b42;
333
- --color-data-sequential-magma-10: #0b0511;
334
- --color-data-sequential-rose-1: #fef3e7;
335
- --color-data-sequential-rose-2: #f5c7e0;
336
- --color-data-sequential-rose-3: #ec9bce;
337
- --color-data-sequential-rose-4: #d86db0;
338
- --color-data-sequential-rose-5: #be4a8b;
339
- --color-data-sequential-rose-6: #9d2f76;
340
- --color-data-sequential-rose-7: #78176c;
341
- --color-data-sequential-rose-8: #56135c;
342
- --color-data-sequential-rose-9: #371344;
343
- --color-data-sequential-rose-10: #190b29;
344
- --color-data-sequential-cerulean-1: #e2f7f2;
345
- --color-data-sequential-cerulean-2: #b6e4e8;
346
- --color-data-sequential-cerulean-3: #8bd3d7;
347
- --color-data-sequential-cerulean-4: #60b2c7;
348
- --color-data-sequential-cerulean-5: #3d91b6;
349
- --color-data-sequential-cerulean-6: #22698e;
350
- --color-data-sequential-cerulean-7: #0e486a;
351
- --color-data-sequential-cerulean-8: #0a314d;
352
- --color-data-sequential-cerulean-9: #081e33;
353
- --color-data-sequential-cerulean-10: #030e1d;
354
- --color-data-sequential-forest-1: #f4fad8;
355
- --color-data-sequential-forest-2: #d6e6a5;
356
- --color-data-sequential-forest-3: #b2cd73;
357
- --color-data-sequential-forest-4: #88af52;
358
- --color-data-sequential-forest-5: #5f8835;
359
- --color-data-sequential-forest-6: #3d6426;
360
- --color-data-sequential-forest-7: #2a461a;
361
- --color-data-sequential-forest-8: #1b2e13;
362
- --color-data-sequential-forest-9: #13200d;
363
- --color-data-sequential-forest-10: #0b1305;
364
- --color-data-diverging-orange-yellow-seafoam-1: #6b2c1a;
365
- --color-data-diverging-orange-yellow-seafoam-2: #a24b1e;
366
- --color-data-diverging-orange-yellow-seafoam-3: #cb7131;
367
- --color-data-diverging-orange-yellow-seafoam-4: #e2a05d;
368
- --color-data-diverging-orange-yellow-seafoam-5: #f3e1a3;
369
- --color-data-diverging-orange-yellow-seafoam-6: #c1e4d2;
370
- --color-data-diverging-orange-yellow-seafoam-7: #7eb8b1;
371
- --color-data-diverging-orange-yellow-seafoam-8: #4c8c89;
372
- --color-data-diverging-orange-yellow-seafoam-9: #2b6262;
373
- --color-data-diverging-orange-yellow-seafoam-10: #1b3d3c;
374
- --color-data-diverging-red-yellow-blue-1: #4e142d;
375
- --color-data-diverging-red-yellow-blue-2: #8b2d4e;
376
- --color-data-diverging-red-yellow-blue-3: #c15a4a;
377
- --color-data-diverging-red-yellow-blue-4: #db8b6a;
378
- --color-data-diverging-red-yellow-blue-5: #f3e1a3;
379
- --color-data-diverging-red-yellow-blue-6: #bfd4c7;
380
- --color-data-diverging-red-yellow-blue-7: #7c9eb9;
381
- --color-data-diverging-red-yellow-blue-8: #4770a3;
382
- --color-data-diverging-red-yellow-blue-9: #2e4d8c;
383
- --color-data-diverging-red-yellow-blue-10: #18274e;
384
- --color-data-diverging-red-blue-1: #4e142d;
385
- --color-data-diverging-red-blue-2: #8b2d4e;
386
- --color-data-diverging-red-blue-3: #c15a7a;
387
- --color-data-diverging-red-blue-4: #db8b9e;
388
- --color-data-diverging-red-blue-5: #f3e1f4;
389
- --color-data-diverging-red-blue-6: #c7bfe2;
390
- --color-data-diverging-red-blue-7: #9ea7ce;
391
- --color-data-diverging-red-blue-8: #7080b5;
392
- --color-data-diverging-red-blue-9: #4d5e99;
393
- --color-data-diverging-red-blue-10: #2b3d70;
394
- --color-data-default: #444ae1;
309
+ --color-viz-categorical-1: #a3eae4;
310
+ --color-viz-categorical-2: #91a0ff;
311
+ --color-viz-categorical-3: #ffd1a3;
312
+ --color-viz-categorical-4: #ffabc8;
313
+ --color-viz-categorical-5: #c1b8ff;
314
+ --color-viz-categorical-6: #e0ffb8;
315
+ --color-viz-sequential-viridis-1: #fafa37;
316
+ --color-viz-sequential-viridis-2: #d6e654;
317
+ --color-viz-sequential-viridis-3: #b2d373;
318
+ --color-viz-sequential-viridis-4: #88be8c;
319
+ --color-viz-sequential-viridis-5: #5fa2a4;
320
+ --color-viz-sequential-viridis-6: #3d7eaa;
321
+ --color-viz-sequential-viridis-7: #2a60b1;
322
+ --color-viz-sequential-viridis-8: #1b3a99;
323
+ --color-viz-sequential-viridis-9: #132353;
324
+ --color-viz-sequential-viridis-10: #110f39;
325
+ --color-viz-sequential-magma-1: #fcf5cd;
326
+ --color-viz-sequential-magma-2: #f5db95;
327
+ --color-viz-sequential-magma-3: #e9af7c;
328
+ --color-viz-sequential-magma-4: #db7d70;
329
+ --color-viz-sequential-magma-5: #b9577a;
330
+ --color-viz-sequential-magma-6: #883482;
331
+ --color-viz-sequential-magma-7: #6a1f78;
332
+ --color-viz-sequential-magma-8: #4b1277;
333
+ --color-viz-sequential-magma-9: #2d0b42;
334
+ --color-viz-sequential-magma-10: #0b0511;
335
+ --color-viz-sequential-rose-1: #fef3e7;
336
+ --color-viz-sequential-rose-2: #f5c7e0;
337
+ --color-viz-sequential-rose-3: #ec9bce;
338
+ --color-viz-sequential-rose-4: #d86db0;
339
+ --color-viz-sequential-rose-5: #be4a8b;
340
+ --color-viz-sequential-rose-6: #9d2f76;
341
+ --color-viz-sequential-rose-7: #78176c;
342
+ --color-viz-sequential-rose-8: #56135c;
343
+ --color-viz-sequential-rose-9: #371344;
344
+ --color-viz-sequential-rose-10: #190b29;
345
+ --color-viz-sequential-cerulean-1: #e2f7f2;
346
+ --color-viz-sequential-cerulean-2: #b6e4e8;
347
+ --color-viz-sequential-cerulean-3: #8bd3d7;
348
+ --color-viz-sequential-cerulean-4: #60b2c7;
349
+ --color-viz-sequential-cerulean-5: #3d91b6;
350
+ --color-viz-sequential-cerulean-6: #22698e;
351
+ --color-viz-sequential-cerulean-7: #0e486a;
352
+ --color-viz-sequential-cerulean-8: #0a314d;
353
+ --color-viz-sequential-cerulean-9: #081e33;
354
+ --color-viz-sequential-cerulean-10: #030e1d;
355
+ --color-viz-sequential-forest-1: #f4fad8;
356
+ --color-viz-sequential-forest-2: #d6e6a5;
357
+ --color-viz-sequential-forest-3: #b2cd73;
358
+ --color-viz-sequential-forest-4: #88af52;
359
+ --color-viz-sequential-forest-5: #5f8835;
360
+ --color-viz-sequential-forest-6: #3d6426;
361
+ --color-viz-sequential-forest-7: #2a461a;
362
+ --color-viz-sequential-forest-8: #1b2e13;
363
+ --color-viz-sequential-forest-9: #13200d;
364
+ --color-viz-sequential-forest-10: #0b1305;
365
+ --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
366
+ --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
367
+ --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
368
+ --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
369
+ --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
370
+ --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
371
+ --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
372
+ --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
373
+ --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
374
+ --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
375
+ --color-viz-diverging-red-yellow-blue-1: #4e142d;
376
+ --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
377
+ --color-viz-diverging-red-yellow-blue-3: #c15a4a;
378
+ --color-viz-diverging-red-yellow-blue-4: #db8b6a;
379
+ --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
380
+ --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
381
+ --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
382
+ --color-viz-diverging-red-yellow-blue-8: #4770a3;
383
+ --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
384
+ --color-viz-diverging-red-yellow-blue-10: #18274e;
385
+ --color-viz-diverging-red-blue-1: #4e142d;
386
+ --color-viz-diverging-red-blue-2: #8b2d4e;
387
+ --color-viz-diverging-red-blue-3: #c15a7a;
388
+ --color-viz-diverging-red-blue-4: #db8b9e;
389
+ --color-viz-diverging-red-blue-5: #f3e1f4;
390
+ --color-viz-diverging-red-blue-6: #c7bfe2;
391
+ --color-viz-diverging-red-blue-7: #9ea7ce;
392
+ --color-viz-diverging-red-blue-8: #7080b5;
393
+ --color-viz-diverging-red-blue-9: #4d5e99;
394
+ --color-viz-diverging-red-blue-10: #2b3d70;
395
+ --color-viz-default: #444ae1;
395
396
  --spacing-0: 0px;
396
397
  --spacing-1: 0.25rem;
397
398
  --spacing-2: 0.5rem;
@@ -469,6 +470,35 @@
469
470
  --font-letterspacing-wide: 0.025em;
470
471
  --font-letterspacing-wider: 0.05em;
471
472
  --font-letterspacing-widest: 0.1em;
473
+ --action-primary-background: #444ae1;
474
+ --action-primary-hover: #363ccb;
475
+ --action-primary-text: #ffffff;
476
+ --action-secondary-background: #111827;
477
+ --action-secondary-hover: #374151;
478
+ --action-secondary-text: #ffffff;
479
+ --action-destructive-background: oklch(0.505 0.213 27.518);
480
+ --action-destructive-hover: oklch(0.444 0.177 26.899);
481
+ --action-destructive-text: #ffffff;
482
+ --action-disabled-background: #d1d5db;
483
+ --action-disabled-text: #6b7280;
484
+ --feedback-success-text: oklch(0.314 0.095 133.748);
485
+ --feedback-success-icon: oklch(0.314 0.095 133.748);
486
+ --feedback-success-background: oklch(0.982 0.018 131.68);
487
+ --feedback-success-border: oklch(0.627 0.194 130.331);
488
+ --feedback-error-text: oklch(0.505 0.213 27.518);
489
+ --feedback-error-icon: oklch(0.505 0.213 27.518);
490
+ --feedback-error-background: oklch(0.971 0.013 17.38);
491
+ --feedback-error-border: oklch(0.637 0.237 25.331);
492
+ --feedback-warning-text: oklch(0.398 0.092 60.236);
493
+ --feedback-warning-icon: oklch(0.398 0.092 60.236);
494
+ --feedback-warning-background: oklch(0.987 0.024 102.851);
495
+ --feedback-warning-border: oklch(0.795 0.184 86.047);
496
+ --feedback-info-text: oklch(0.488 0.243 255.638);
497
+ --feedback-info-icon: oklch(0.488 0.243 255.638);
498
+ --feedback-info-background: oklch(0.97 0.014 237.69);
499
+ --feedback-info-border: oklch(0.809 0.105 244.039);
500
+ --color-map-streets-border: #000000;
501
+ --color-map-neutral-border: #000000;
472
502
  --color-background-body: #151a30;
473
503
  --color-background-surface: #1a2038;
474
504
  --color-background-muted: #374151;
@@ -508,6 +538,187 @@
508
538
  --color-action-secondary: #e5e7eb;
509
539
  --color-action-secondary-hover: #f3f4f6;
510
540
  --color-action-secondary-text: #111827;
541
+ --color-map-streets-border: #ffffff;
542
+ --color-map-satellite-border: #ffffff;
543
+ --color-map-neutral-border: #ffffff;
544
+ }
545
+ :root {
546
+ --color-viz-categorical-1: #a3eae4;
547
+ --color-viz-categorical-2: #91a0ff;
548
+ --color-viz-categorical-3: #ffd1a3;
549
+ --color-viz-categorical-4: #ffabc8;
550
+ --color-viz-categorical-5: #c1b8ff;
551
+ --color-viz-categorical-6: #e0ffb8;
552
+ --color-viz-sequential-viridis-1: #fafa37;
553
+ --color-viz-sequential-viridis-2: #d6e654;
554
+ --color-viz-sequential-viridis-3: #b2d373;
555
+ --color-viz-sequential-viridis-4: #88be8c;
556
+ --color-viz-sequential-viridis-5: #5fa2a4;
557
+ --color-viz-sequential-viridis-6: #3d7eaa;
558
+ --color-viz-sequential-viridis-7: #2a60b1;
559
+ --color-viz-sequential-viridis-8: #1b3a99;
560
+ --color-viz-sequential-viridis-9: #132353;
561
+ --color-viz-sequential-viridis-10: #110f39;
562
+ --color-viz-sequential-magma-1: #fcf5cd;
563
+ --color-viz-sequential-magma-2: #f5db95;
564
+ --color-viz-sequential-magma-3: #e9af7c;
565
+ --color-viz-sequential-magma-4: #db7d70;
566
+ --color-viz-sequential-magma-5: #b9577a;
567
+ --color-viz-sequential-magma-6: #883482;
568
+ --color-viz-sequential-magma-7: #6a1f78;
569
+ --color-viz-sequential-magma-8: #4b1277;
570
+ --color-viz-sequential-magma-9: #2d0b42;
571
+ --color-viz-sequential-magma-10: #0b0511;
572
+ --color-viz-sequential-rose-1: #fef3e7;
573
+ --color-viz-sequential-rose-2: #f5c7e0;
574
+ --color-viz-sequential-rose-3: #ec9bce;
575
+ --color-viz-sequential-rose-4: #d86db0;
576
+ --color-viz-sequential-rose-5: #be4a8b;
577
+ --color-viz-sequential-rose-6: #9d2f76;
578
+ --color-viz-sequential-rose-7: #78176c;
579
+ --color-viz-sequential-rose-8: #56135c;
580
+ --color-viz-sequential-rose-9: #371344;
581
+ --color-viz-sequential-rose-10: #190b29;
582
+ --color-viz-sequential-cerulean-1: #e2f7f2;
583
+ --color-viz-sequential-cerulean-2: #b6e4e8;
584
+ --color-viz-sequential-cerulean-3: #8bd3d7;
585
+ --color-viz-sequential-cerulean-4: #60b2c7;
586
+ --color-viz-sequential-cerulean-5: #3d91b6;
587
+ --color-viz-sequential-cerulean-6: #22698e;
588
+ --color-viz-sequential-cerulean-7: #0e486a;
589
+ --color-viz-sequential-cerulean-8: #0a314d;
590
+ --color-viz-sequential-cerulean-9: #081e33;
591
+ --color-viz-sequential-cerulean-10: #030e1d;
592
+ --color-viz-sequential-forest-1: #f4fad8;
593
+ --color-viz-sequential-forest-2: #d6e6a5;
594
+ --color-viz-sequential-forest-3: #b2cd73;
595
+ --color-viz-sequential-forest-4: #88af52;
596
+ --color-viz-sequential-forest-5: #5f8835;
597
+ --color-viz-sequential-forest-6: #3d6426;
598
+ --color-viz-sequential-forest-7: #2a461a;
599
+ --color-viz-sequential-forest-8: #1b2e13;
600
+ --color-viz-sequential-forest-9: #13200d;
601
+ --color-viz-sequential-forest-10: #0b1305;
602
+ --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
603
+ --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
604
+ --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
605
+ --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
606
+ --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
607
+ --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
608
+ --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
609
+ --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
610
+ --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
611
+ --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
612
+ --color-viz-diverging-red-yellow-blue-1: #4e142d;
613
+ --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
614
+ --color-viz-diverging-red-yellow-blue-3: #c15a4a;
615
+ --color-viz-diverging-red-yellow-blue-4: #db8b6a;
616
+ --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
617
+ --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
618
+ --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
619
+ --color-viz-diverging-red-yellow-blue-8: #4770a3;
620
+ --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
621
+ --color-viz-diverging-red-yellow-blue-10: #18274e;
622
+ --color-viz-diverging-red-blue-1: #4e142d;
623
+ --color-viz-diverging-red-blue-2: #8b2d4e;
624
+ --color-viz-diverging-red-blue-3: #c15a7a;
625
+ --color-viz-diverging-red-blue-4: #db8b9e;
626
+ --color-viz-diverging-red-blue-5: #f3e1f4;
627
+ --color-viz-diverging-red-blue-6: #c7bfe2;
628
+ --color-viz-diverging-red-blue-7: #9ea7ce;
629
+ --color-viz-diverging-red-blue-8: #7080b5;
630
+ --color-viz-diverging-red-blue-9: #4d5e99;
631
+ --color-viz-diverging-red-blue-10: #2b3d70;
632
+ --color-viz-default: #444ae1;
633
+ }
634
+ .theme-dark {
635
+ --color-viz-categorical-1: #a3eae4;
636
+ --color-viz-categorical-2: #91a0ff;
637
+ --color-viz-categorical-3: #ffd1a3;
638
+ --color-viz-categorical-4: #ffabc8;
639
+ --color-viz-categorical-5: #c1b8ff;
640
+ --color-viz-categorical-6: #e0ffb8;
641
+ --color-viz-sequential-viridis-1: #fafa37;
642
+ --color-viz-sequential-viridis-2: #d6e654;
643
+ --color-viz-sequential-viridis-3: #b2d373;
644
+ --color-viz-sequential-viridis-4: #88be8c;
645
+ --color-viz-sequential-viridis-5: #5fa2a4;
646
+ --color-viz-sequential-viridis-6: #3d7eaa;
647
+ --color-viz-sequential-viridis-7: #2a60b1;
648
+ --color-viz-sequential-viridis-8: #1b3a99;
649
+ --color-viz-sequential-viridis-9: #132353;
650
+ --color-viz-sequential-viridis-10: #110f39;
651
+ --color-viz-sequential-magma-1: #fcf5cd;
652
+ --color-viz-sequential-magma-2: #f5db95;
653
+ --color-viz-sequential-magma-3: #e9af7c;
654
+ --color-viz-sequential-magma-4: #db7d70;
655
+ --color-viz-sequential-magma-5: #b9577a;
656
+ --color-viz-sequential-magma-6: #883482;
657
+ --color-viz-sequential-magma-7: #6a1f78;
658
+ --color-viz-sequential-magma-8: #4b1277;
659
+ --color-viz-sequential-magma-9: #2d0b42;
660
+ --color-viz-sequential-magma-10: #0b0511;
661
+ --color-viz-sequential-rose-1: #fef3e7;
662
+ --color-viz-sequential-rose-2: #f5c7e0;
663
+ --color-viz-sequential-rose-3: #ec9bce;
664
+ --color-viz-sequential-rose-4: #d86db0;
665
+ --color-viz-sequential-rose-5: #be4a8b;
666
+ --color-viz-sequential-rose-6: #9d2f76;
667
+ --color-viz-sequential-rose-7: #78176c;
668
+ --color-viz-sequential-rose-8: #56135c;
669
+ --color-viz-sequential-rose-9: #371344;
670
+ --color-viz-sequential-rose-10: #190b29;
671
+ --color-viz-sequential-cerulean-1: #e2f7f2;
672
+ --color-viz-sequential-cerulean-2: #b6e4e8;
673
+ --color-viz-sequential-cerulean-3: #8bd3d7;
674
+ --color-viz-sequential-cerulean-4: #60b2c7;
675
+ --color-viz-sequential-cerulean-5: #3d91b6;
676
+ --color-viz-sequential-cerulean-6: #22698e;
677
+ --color-viz-sequential-cerulean-7: #0e486a;
678
+ --color-viz-sequential-cerulean-8: #0a314d;
679
+ --color-viz-sequential-cerulean-9: #081e33;
680
+ --color-viz-sequential-cerulean-10: #030e1d;
681
+ --color-viz-sequential-forest-1: #f4fad8;
682
+ --color-viz-sequential-forest-2: #d6e6a5;
683
+ --color-viz-sequential-forest-3: #b2cd73;
684
+ --color-viz-sequential-forest-4: #88af52;
685
+ --color-viz-sequential-forest-5: #5f8835;
686
+ --color-viz-sequential-forest-6: #3d6426;
687
+ --color-viz-sequential-forest-7: #2a461a;
688
+ --color-viz-sequential-forest-8: #1b2e13;
689
+ --color-viz-sequential-forest-9: #13200d;
690
+ --color-viz-sequential-forest-10: #0b1305;
691
+ --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
692
+ --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
693
+ --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
694
+ --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
695
+ --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
696
+ --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
697
+ --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
698
+ --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
699
+ --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
700
+ --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
701
+ --color-viz-diverging-red-yellow-blue-1: #4e142d;
702
+ --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
703
+ --color-viz-diverging-red-yellow-blue-3: #c15a4a;
704
+ --color-viz-diverging-red-yellow-blue-4: #db8b6a;
705
+ --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
706
+ --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
707
+ --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
708
+ --color-viz-diverging-red-yellow-blue-8: #4770a3;
709
+ --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
710
+ --color-viz-diverging-red-yellow-blue-10: #18274e;
711
+ --color-viz-diverging-red-blue-1: #4e142d;
712
+ --color-viz-diverging-red-blue-2: #8b2d4e;
713
+ --color-viz-diverging-red-blue-3: #c15a7a;
714
+ --color-viz-diverging-red-blue-4: #db8b9e;
715
+ --color-viz-diverging-red-blue-5: #f3e1f4;
716
+ --color-viz-diverging-red-blue-6: #c7bfe2;
717
+ --color-viz-diverging-red-blue-7: #9ea7ce;
718
+ --color-viz-diverging-red-blue-8: #7080b5;
719
+ --color-viz-diverging-red-blue-9: #4d5e99;
720
+ --color-viz-diverging-red-blue-10: #2b3d70;
721
+ --color-viz-default: #444ae1;
511
722
  }
512
723
  @keyframes wave {
513
724
  0% {
@@ -2135,6 +2346,9 @@
2135
2346
  .border-green-200 {
2136
2347
  border-color: var(--color-green-200);
2137
2348
  }
2349
+ .border-green-600 {
2350
+ border-color: var(--color-green-600);
2351
+ }
2138
2352
  .border-orange-200 {
2139
2353
  border-color: var(--color-orange-200);
2140
2354
  }
@@ -2324,6 +2538,9 @@
2324
2538
  .bg-green-500 {
2325
2539
  background-color: var(--color-green-500);
2326
2540
  }
2541
+ .bg-green-600 {
2542
+ background-color: var(--color-green-600);
2543
+ }
2327
2544
  .bg-inherit {
2328
2545
  background-color: inherit;
2329
2546
  }
@@ -2860,6 +3077,9 @@
2860
3077
  .text-green-800 {
2861
3078
  color: var(--color-green-800);
2862
3079
  }
3080
+ .text-green-900 {
3081
+ color: var(--color-green-900);
3082
+ }
2863
3083
  .text-inherit {
2864
3084
  color: inherit;
2865
3085
  }
package/dist/theme.css CHANGED
@@ -13,6 +13,12 @@
13
13
  @import "./generated/tailwind-tokens-light.css";
14
14
  @import "./generated/tailwind-tokens-dark.css";
15
15
 
16
+ /* Data visualization colors loaded separately due to Tailwind 4 @theme filtering
17
+ See: https://github.com/tailwindlabs/tailwindcss/issues/XXXXX
18
+ These variables are also in tailwind-tokens-light.css but Tailwind strips them
19
+ from the @theme block, so we load them separately in a plain :root block. */
20
+ @import "./generated/viz-runtime.css";
21
+
16
22
  /* Layer 2: Animation Features
17
23
  Keyframes and animation utilities that aren't design tokens */
18
24
  @import "./styles/animations.css";