@texturehq/edges 1.9.1 → 1.10.1

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 (14) hide show
  1. package/dist/components.manifest.json +9 -9
  2. package/dist/generated/tailwind-tokens-dark.css +93 -103
  3. package/dist/generated/tailwind-tokens-light.css +93 -103
  4. package/dist/generated/viz-runtime.css +89 -89
  5. package/dist/index.cjs +6 -6
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +18 -11
  8. package/dist/index.d.ts +18 -11
  9. package/dist/index.js +6 -6
  10. package/dist/index.js.map +1 -1
  11. package/dist/styles.css +221 -258
  12. package/dist/utilities.manifest.json +9 -2
  13. package/package.json +1 -1
  14. package/scripts/generate-viz-runtime.js +3 -3
package/dist/styles.css CHANGED
@@ -64,7 +64,6 @@
64
64
  --color-brand-background: #f6f7ff;
65
65
  --color-neutral-white: #ffffff;
66
66
  --color-neutral-black: #000000;
67
- --color-viz-default: #444ae1;
68
67
  --spacing-0: 0px;
69
68
  --spacing-1: 0.25rem;
70
69
  --spacing-2: 0.5rem;
@@ -133,16 +132,9 @@
133
132
  --color-feedback-info-text: #2563eb;
134
133
  --color-feedback-info-background: #dbeafe;
135
134
  --color-feedback-info-border: #93c5fd;
136
- --color-action-primary: #444ae1;
137
- --color-action-primary-hover: #383ccb;
138
- --color-action-primary-text: #ffffff;
139
- --color-action-primary-light: rgba(68, 74, 225, 0.1);
140
135
  --color-action-brand: #444ae1;
141
136
  --color-action-brand-hover: #383ccb;
142
137
  --color-action-brand-text: #ffffff;
143
- --color-action-secondary: #333333;
144
- --color-action-secondary-hover: #4b5563;
145
- --color-action-secondary-text: #ffffff;
146
138
  --color-action-default: #333333;
147
139
  --color-action-default-hover: #4b5563;
148
140
  --color-action-default-text: #ffffff;
@@ -182,6 +174,13 @@
182
174
  --color-state-exporting: #f8f8f8;
183
175
  --color-state-exporting-border: #d1d5db;
184
176
  --color-state-exporting-text: #000000;
177
+ --color-viz-categorical-1: #a3eae4;
178
+ --color-viz-categorical-2: #91a0ff;
179
+ --color-viz-categorical-3: #ffd1a3;
180
+ --color-viz-categorical-4: #ffabc8;
181
+ --color-viz-categorical-5: #c1b8ff;
182
+ --color-viz-categorical-6: #e0ffb8;
183
+ --color-viz-default: #444ae1;
185
184
  --control-sm: 0.75rem;
186
185
  --control-md: 0.875rem;
187
186
  --control-lg: 1rem;
@@ -345,98 +344,8 @@
345
344
  --color-brand-light: #f7f7ff;
346
345
  --color-brand-dark: #363ccb;
347
346
  --color-brand-background: #f6f7ff;
348
- --color-skeleton-base: #e5e7eb;
349
- --color-skeleton-highlight: #f3f4f6;
350
- --color-skeleton-wave: rgba(255, 255, 255, 0.3);
351
347
  --color-neutral-white: #ffffff;
352
348
  --color-neutral-black: #000000;
353
- --color-viz-categorical-1: #a3eae4;
354
- --color-viz-categorical-2: #91a0ff;
355
- --color-viz-categorical-3: #ffd1a3;
356
- --color-viz-categorical-4: #ffabc8;
357
- --color-viz-categorical-5: #c1b8ff;
358
- --color-viz-categorical-6: #e0ffb8;
359
- --color-viz-sequential-viridis-1: #fafa37;
360
- --color-viz-sequential-viridis-2: #d6e654;
361
- --color-viz-sequential-viridis-3: #b2d373;
362
- --color-viz-sequential-viridis-4: #88be8c;
363
- --color-viz-sequential-viridis-5: #5fa2a4;
364
- --color-viz-sequential-viridis-6: #3d7eaa;
365
- --color-viz-sequential-viridis-7: #2a60b1;
366
- --color-viz-sequential-viridis-8: #1b3a99;
367
- --color-viz-sequential-viridis-9: #132353;
368
- --color-viz-sequential-viridis-10: #110f39;
369
- --color-viz-sequential-magma-1: #fcf5cd;
370
- --color-viz-sequential-magma-2: #f5db95;
371
- --color-viz-sequential-magma-3: #e9af7c;
372
- --color-viz-sequential-magma-4: #db7d70;
373
- --color-viz-sequential-magma-5: #b9577a;
374
- --color-viz-sequential-magma-6: #883482;
375
- --color-viz-sequential-magma-7: #6a1f78;
376
- --color-viz-sequential-magma-8: #4b1277;
377
- --color-viz-sequential-magma-9: #2d0b42;
378
- --color-viz-sequential-magma-10: #0b0511;
379
- --color-viz-sequential-rose-1: #fef3e7;
380
- --color-viz-sequential-rose-2: #f5c7e0;
381
- --color-viz-sequential-rose-3: #ec9bce;
382
- --color-viz-sequential-rose-4: #d86db0;
383
- --color-viz-sequential-rose-5: #be4a8b;
384
- --color-viz-sequential-rose-6: #9d2f76;
385
- --color-viz-sequential-rose-7: #78176c;
386
- --color-viz-sequential-rose-8: #56135c;
387
- --color-viz-sequential-rose-9: #371344;
388
- --color-viz-sequential-rose-10: #190b29;
389
- --color-viz-sequential-cerulean-1: #e2f7f2;
390
- --color-viz-sequential-cerulean-2: #b6e4e8;
391
- --color-viz-sequential-cerulean-3: #8bd3d7;
392
- --color-viz-sequential-cerulean-4: #60b2c7;
393
- --color-viz-sequential-cerulean-5: #3d91b6;
394
- --color-viz-sequential-cerulean-6: #22698e;
395
- --color-viz-sequential-cerulean-7: #0e486a;
396
- --color-viz-sequential-cerulean-8: #0a314d;
397
- --color-viz-sequential-cerulean-9: #081e33;
398
- --color-viz-sequential-cerulean-10: #030e1d;
399
- --color-viz-sequential-forest-1: #f4fad8;
400
- --color-viz-sequential-forest-2: #d6e6a5;
401
- --color-viz-sequential-forest-3: #b2cd73;
402
- --color-viz-sequential-forest-4: #88af52;
403
- --color-viz-sequential-forest-5: #5f8835;
404
- --color-viz-sequential-forest-6: #3d6426;
405
- --color-viz-sequential-forest-7: #2a461a;
406
- --color-viz-sequential-forest-8: #1b2e13;
407
- --color-viz-sequential-forest-9: #13200d;
408
- --color-viz-sequential-forest-10: #0b1305;
409
- --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
410
- --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
411
- --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
412
- --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
413
- --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
414
- --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
415
- --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
416
- --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
417
- --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
418
- --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
419
- --color-viz-diverging-red-yellow-blue-1: #4e142d;
420
- --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
421
- --color-viz-diverging-red-yellow-blue-3: #c15a4a;
422
- --color-viz-diverging-red-yellow-blue-4: #db8b6a;
423
- --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
424
- --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
425
- --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
426
- --color-viz-diverging-red-yellow-blue-8: #4770a3;
427
- --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
428
- --color-viz-diverging-red-yellow-blue-10: #18274e;
429
- --color-viz-diverging-red-blue-1: #4e142d;
430
- --color-viz-diverging-red-blue-2: #8b2d4e;
431
- --color-viz-diverging-red-blue-3: #c15a7a;
432
- --color-viz-diverging-red-blue-4: #db8b9e;
433
- --color-viz-diverging-red-blue-5: #f3e1f4;
434
- --color-viz-diverging-red-blue-6: #c7bfe2;
435
- --color-viz-diverging-red-blue-7: #9ea7ce;
436
- --color-viz-diverging-red-blue-8: #7080b5;
437
- --color-viz-diverging-red-blue-9: #4d5e99;
438
- --color-viz-diverging-red-blue-10: #2b3d70;
439
- --color-viz-default: #444ae1;
440
349
  --spacing-0: 0px;
441
350
  --spacing-1: 0.25rem;
442
351
  --spacing-2: 0.5rem;
@@ -514,15 +423,9 @@
514
423
  --font-letterspacing-wide: 0.025em;
515
424
  --font-letterspacing-wider: 0.05em;
516
425
  --font-letterspacing-widest: 0.1em;
517
- --action-primary-background: #444ae1;
518
- --action-primary-hover: #363ccb;
519
- --action-primary-text: #ffffff;
520
426
  --action-brand-background: #444ae1;
521
427
  --action-brand-hover: #363ccb;
522
428
  --action-brand-text: #ffffff;
523
- --action-secondary-background: #111827;
524
- --action-secondary-hover: #374151;
525
- --action-secondary-text: #ffffff;
526
429
  --action-default-background: #111827;
527
430
  --action-default-hover: #374151;
528
431
  --action-default-text: #ffffff;
@@ -549,6 +452,9 @@
549
452
  --feedback-info-border: oklch(0.809 0.105 244.039);
550
453
  --color-map-streets-border: #000000;
551
454
  --color-map-neutral-border: #000000;
455
+ --skeleton-base: #e5e7eb;
456
+ --skeleton-highlight: #f3f4f6;
457
+ --skeleton-wave: rgba(255, 255, 255, 0.5);
552
458
  --color-background-body: #151a30;
553
459
  --color-background-surface: #1a2038;
554
460
  --color-background-muted: #374151;
@@ -581,16 +487,9 @@
581
487
  --color-feedback-info-text: #60a5fa;
582
488
  --color-feedback-info-background: #1e3a8a;
583
489
  --color-feedback-info-border: #2563eb;
584
- --color-action-primary: #7a8ee1;
585
- --color-action-primary-hover: #6a6fcc;
586
- --color-action-primary-text: #ffffff;
587
- --color-action-primary-light: rgba(122, 142, 225, 0.15);
588
490
  --color-action-brand: #7a8ee1;
589
491
  --color-action-brand-hover: #6a6fcc;
590
492
  --color-action-brand-text: #ffffff;
591
- --color-action-secondary: #e5e7eb;
592
- --color-action-secondary-hover: #f3f4f6;
593
- --color-action-secondary-text: #111827;
594
493
  --color-action-default: #374151;
595
494
  --color-action-default-hover: #4b5563;
596
495
  --color-action-default-text: #ffffff;
@@ -633,6 +532,96 @@
633
532
  --color-map-streets-border: #ffffff;
634
533
  --color-map-satellite-border: #ffffff;
635
534
  --color-map-neutral-border: #ffffff;
535
+ --color-viz-categorical-1: #7dd3c0;
536
+ --color-viz-categorical-2: #a8b4ff;
537
+ --color-viz-categorical-3: #ffd67a;
538
+ --color-viz-categorical-4: #ffb3d9;
539
+ --color-viz-categorical-5: #d4c4ff;
540
+ --color-viz-categorical-6: #c8ff8e;
541
+ --color-viz-sequential-viridis-1: #fde724;
542
+ --color-viz-sequential-viridis-2: #b5de2b;
543
+ --color-viz-sequential-viridis-3: #6ece58;
544
+ --color-viz-sequential-viridis-4: #35b779;
545
+ --color-viz-sequential-viridis-5: #1f9e89;
546
+ --color-viz-sequential-viridis-6: #26828e;
547
+ --color-viz-sequential-viridis-7: #31688e;
548
+ --color-viz-sequential-viridis-8: #3e4a89;
549
+ --color-viz-sequential-viridis-9: #482878;
550
+ --color-viz-sequential-viridis-10: #440154;
551
+ --color-viz-sequential-magma-1: #fcfdbf;
552
+ --color-viz-sequential-magma-2: #feca8d;
553
+ --color-viz-sequential-magma-3: #fd9668;
554
+ --color-viz-sequential-magma-4: #f1605d;
555
+ --color-viz-sequential-magma-5: #cd4071;
556
+ --color-viz-sequential-magma-6: #9e2f7f;
557
+ --color-viz-sequential-magma-7: #721f81;
558
+ --color-viz-sequential-magma-8: #51127c;
559
+ --color-viz-sequential-magma-9: #2c115f;
560
+ --color-viz-sequential-magma-10: #0c0927;
561
+ --color-viz-sequential-rose-1: #fff5ee;
562
+ --color-viz-sequential-rose-2: #ffc9e8;
563
+ --color-viz-sequential-rose-3: #ff95d5;
564
+ --color-viz-sequential-rose-4: #eb5fb7;
565
+ --color-viz-sequential-rose-5: #d13896;
566
+ --color-viz-sequential-rose-6: #ac2681;
567
+ --color-viz-sequential-rose-7: #841f78;
568
+ --color-viz-sequential-rose-8: #631d67;
569
+ --color-viz-sequential-rose-9: #3f1a4e;
570
+ --color-viz-sequential-rose-10: #1e0f2e;
571
+ --color-viz-sequential-cerulean-1: #e8fafd;
572
+ --color-viz-sequential-cerulean-2: #b3e5f0;
573
+ --color-viz-sequential-cerulean-3: #7fd4e8;
574
+ --color-viz-sequential-cerulean-4: #4db8d8;
575
+ --color-viz-sequential-cerulean-5: #2e9dc6;
576
+ --color-viz-sequential-cerulean-6: #1a7ba3;
577
+ --color-viz-sequential-cerulean-7: #0d5b7e;
578
+ --color-viz-sequential-cerulean-8: #0a4263;
579
+ --color-viz-sequential-cerulean-9: #072d47;
580
+ --color-viz-sequential-cerulean-10: #041a2b;
581
+ --color-viz-sequential-forest-1: #f7fcd4;
582
+ --color-viz-sequential-forest-2: #d5ed99;
583
+ --color-viz-sequential-forest-3: #afd66f;
584
+ --color-viz-sequential-forest-4: #84ba4d;
585
+ --color-viz-sequential-forest-5: #5a9b30;
586
+ --color-viz-sequential-forest-6: #3a7a1e;
587
+ --color-viz-sequential-forest-7: #285714;
588
+ --color-viz-sequential-forest-8: #1a3c0d;
589
+ --color-viz-sequential-forest-9: #0f2808;
590
+ --color-viz-sequential-forest-10: #071403;
591
+ --color-viz-diverging-orange-yellow-seafoam-1: #883a1f;
592
+ --color-viz-diverging-orange-yellow-seafoam-2: #c25f27;
593
+ --color-viz-diverging-orange-yellow-seafoam-3: #e8843d;
594
+ --color-viz-diverging-orange-yellow-seafoam-4: #f5b774;
595
+ --color-viz-diverging-orange-yellow-seafoam-5: #fef4c7;
596
+ --color-viz-diverging-orange-yellow-seafoam-6: #b8e8d5;
597
+ --color-viz-diverging-orange-yellow-seafoam-7: #73d4c5;
598
+ --color-viz-diverging-orange-yellow-seafoam-8: #3db3a8;
599
+ --color-viz-diverging-orange-yellow-seafoam-9: #1f8d82;
600
+ --color-viz-diverging-orange-yellow-seafoam-10: #0d5d56;
601
+ --color-viz-diverging-red-yellow-blue-1: #6b1e3c;
602
+ --color-viz-diverging-red-yellow-blue-2: #a83b5e;
603
+ --color-viz-diverging-red-yellow-blue-3: #d96e68;
604
+ --color-viz-diverging-red-yellow-blue-4: #f0a487;
605
+ --color-viz-diverging-red-yellow-blue-5: #fef4c7;
606
+ --color-viz-diverging-red-yellow-blue-6: #b8ddd3;
607
+ --color-viz-diverging-red-yellow-blue-7: #7bb8cf;
608
+ --color-viz-diverging-red-yellow-blue-8: #4a8ec4;
609
+ --color-viz-diverging-red-yellow-blue-9: #2d6bb0;
610
+ --color-viz-diverging-red-yellow-blue-10: #1a4680;
611
+ --color-viz-diverging-red-blue-1: #6b1e3c;
612
+ --color-viz-diverging-red-blue-2: #a83b5e;
613
+ --color-viz-diverging-red-blue-3: #d9668f;
614
+ --color-viz-diverging-red-blue-4: #f09db8;
615
+ --color-viz-diverging-red-blue-5: #f8e5f9;
616
+ --color-viz-diverging-red-blue-6: #d4c9ed;
617
+ --color-viz-diverging-red-blue-7: #b0b8df;
618
+ --color-viz-diverging-red-blue-8: #8494ca;
619
+ --color-viz-diverging-red-blue-9: #5d6fb0;
620
+ --color-viz-diverging-red-blue-10: #374f88;
621
+ --color-viz-default: #444ae1;
622
+ --theme-skeleton-base: #1f2937;
623
+ --theme-skeleton-highlight: #374151;
624
+ --theme-skeleton-wave: rgba(255, 255, 255, 0.1);
636
625
  }
637
626
  :root {
638
627
  --color-viz-categorical-1: #a3eae4;
@@ -724,92 +713,92 @@
724
713
  --color-viz-default: #444ae1;
725
714
  }
726
715
  .theme-dark {
727
- --color-viz-categorical-1: #a3eae4;
728
- --color-viz-categorical-2: #91a0ff;
729
- --color-viz-categorical-3: #ffd1a3;
730
- --color-viz-categorical-4: #ffabc8;
731
- --color-viz-categorical-5: #c1b8ff;
732
- --color-viz-categorical-6: #e0ffb8;
733
- --color-viz-sequential-viridis-1: #fafa37;
734
- --color-viz-sequential-viridis-2: #d6e654;
735
- --color-viz-sequential-viridis-3: #b2d373;
736
- --color-viz-sequential-viridis-4: #88be8c;
737
- --color-viz-sequential-viridis-5: #5fa2a4;
738
- --color-viz-sequential-viridis-6: #3d7eaa;
739
- --color-viz-sequential-viridis-7: #2a60b1;
740
- --color-viz-sequential-viridis-8: #1b3a99;
741
- --color-viz-sequential-viridis-9: #132353;
742
- --color-viz-sequential-viridis-10: #110f39;
743
- --color-viz-sequential-magma-1: #fcf5cd;
744
- --color-viz-sequential-magma-2: #f5db95;
745
- --color-viz-sequential-magma-3: #e9af7c;
746
- --color-viz-sequential-magma-4: #db7d70;
747
- --color-viz-sequential-magma-5: #b9577a;
748
- --color-viz-sequential-magma-6: #883482;
749
- --color-viz-sequential-magma-7: #6a1f78;
750
- --color-viz-sequential-magma-8: #4b1277;
751
- --color-viz-sequential-magma-9: #2d0b42;
752
- --color-viz-sequential-magma-10: #0b0511;
753
- --color-viz-sequential-rose-1: #fef3e7;
754
- --color-viz-sequential-rose-2: #f5c7e0;
755
- --color-viz-sequential-rose-3: #ec9bce;
756
- --color-viz-sequential-rose-4: #d86db0;
757
- --color-viz-sequential-rose-5: #be4a8b;
758
- --color-viz-sequential-rose-6: #9d2f76;
759
- --color-viz-sequential-rose-7: #78176c;
760
- --color-viz-sequential-rose-8: #56135c;
761
- --color-viz-sequential-rose-9: #371344;
762
- --color-viz-sequential-rose-10: #190b29;
763
- --color-viz-sequential-cerulean-1: #e2f7f2;
764
- --color-viz-sequential-cerulean-2: #b6e4e8;
765
- --color-viz-sequential-cerulean-3: #8bd3d7;
766
- --color-viz-sequential-cerulean-4: #60b2c7;
767
- --color-viz-sequential-cerulean-5: #3d91b6;
768
- --color-viz-sequential-cerulean-6: #22698e;
769
- --color-viz-sequential-cerulean-7: #0e486a;
770
- --color-viz-sequential-cerulean-8: #0a314d;
771
- --color-viz-sequential-cerulean-9: #081e33;
772
- --color-viz-sequential-cerulean-10: #030e1d;
773
- --color-viz-sequential-forest-1: #f4fad8;
774
- --color-viz-sequential-forest-2: #d6e6a5;
775
- --color-viz-sequential-forest-3: #b2cd73;
776
- --color-viz-sequential-forest-4: #88af52;
777
- --color-viz-sequential-forest-5: #5f8835;
778
- --color-viz-sequential-forest-6: #3d6426;
779
- --color-viz-sequential-forest-7: #2a461a;
780
- --color-viz-sequential-forest-8: #1b2e13;
781
- --color-viz-sequential-forest-9: #13200d;
782
- --color-viz-sequential-forest-10: #0b1305;
783
- --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
784
- --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
785
- --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
786
- --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
787
- --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
788
- --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
789
- --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
790
- --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
791
- --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
792
- --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
793
- --color-viz-diverging-red-yellow-blue-1: #4e142d;
794
- --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
795
- --color-viz-diverging-red-yellow-blue-3: #c15a4a;
796
- --color-viz-diverging-red-yellow-blue-4: #db8b6a;
797
- --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
798
- --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
799
- --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
800
- --color-viz-diverging-red-yellow-blue-8: #4770a3;
801
- --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
802
- --color-viz-diverging-red-yellow-blue-10: #18274e;
803
- --color-viz-diverging-red-blue-1: #4e142d;
804
- --color-viz-diverging-red-blue-2: #8b2d4e;
805
- --color-viz-diverging-red-blue-3: #c15a7a;
806
- --color-viz-diverging-red-blue-4: #db8b9e;
807
- --color-viz-diverging-red-blue-5: #f3e1f4;
808
- --color-viz-diverging-red-blue-6: #c7bfe2;
809
- --color-viz-diverging-red-blue-7: #9ea7ce;
810
- --color-viz-diverging-red-blue-8: #7080b5;
811
- --color-viz-diverging-red-blue-9: #4d5e99;
812
- --color-viz-diverging-red-blue-10: #2b3d70;
716
+ --color-viz-categorical-1: #7dd3c0;
717
+ --color-viz-categorical-2: #a8b4ff;
718
+ --color-viz-categorical-3: #ffd67a;
719
+ --color-viz-categorical-4: #ffb3d9;
720
+ --color-viz-categorical-5: #d4c4ff;
721
+ --color-viz-categorical-6: #c8ff8e;
722
+ --color-viz-sequential-viridis-1: #fde724;
723
+ --color-viz-sequential-viridis-2: #b5de2b;
724
+ --color-viz-sequential-viridis-3: #6ece58;
725
+ --color-viz-sequential-viridis-4: #35b779;
726
+ --color-viz-sequential-viridis-5: #1f9e89;
727
+ --color-viz-sequential-viridis-6: #26828e;
728
+ --color-viz-sequential-viridis-7: #31688e;
729
+ --color-viz-sequential-viridis-8: #3e4a89;
730
+ --color-viz-sequential-viridis-9: #482878;
731
+ --color-viz-sequential-viridis-10: #440154;
732
+ --color-viz-sequential-magma-1: #fcfdbf;
733
+ --color-viz-sequential-magma-2: #feca8d;
734
+ --color-viz-sequential-magma-3: #fd9668;
735
+ --color-viz-sequential-magma-4: #f1605d;
736
+ --color-viz-sequential-magma-5: #cd4071;
737
+ --color-viz-sequential-magma-6: #9e2f7f;
738
+ --color-viz-sequential-magma-7: #721f81;
739
+ --color-viz-sequential-magma-8: #51127c;
740
+ --color-viz-sequential-magma-9: #2c115f;
741
+ --color-viz-sequential-magma-10: #0c0927;
742
+ --color-viz-sequential-rose-1: #fff5ee;
743
+ --color-viz-sequential-rose-2: #ffc9e8;
744
+ --color-viz-sequential-rose-3: #ff95d5;
745
+ --color-viz-sequential-rose-4: #eb5fb7;
746
+ --color-viz-sequential-rose-5: #d13896;
747
+ --color-viz-sequential-rose-6: #ac2681;
748
+ --color-viz-sequential-rose-7: #841f78;
749
+ --color-viz-sequential-rose-8: #631d67;
750
+ --color-viz-sequential-rose-9: #3f1a4e;
751
+ --color-viz-sequential-rose-10: #1e0f2e;
752
+ --color-viz-sequential-cerulean-1: #e8fafd;
753
+ --color-viz-sequential-cerulean-2: #b3e5f0;
754
+ --color-viz-sequential-cerulean-3: #7fd4e8;
755
+ --color-viz-sequential-cerulean-4: #4db8d8;
756
+ --color-viz-sequential-cerulean-5: #2e9dc6;
757
+ --color-viz-sequential-cerulean-6: #1a7ba3;
758
+ --color-viz-sequential-cerulean-7: #0d5b7e;
759
+ --color-viz-sequential-cerulean-8: #0a4263;
760
+ --color-viz-sequential-cerulean-9: #072d47;
761
+ --color-viz-sequential-cerulean-10: #041a2b;
762
+ --color-viz-sequential-forest-1: #f7fcd4;
763
+ --color-viz-sequential-forest-2: #d5ed99;
764
+ --color-viz-sequential-forest-3: #afd66f;
765
+ --color-viz-sequential-forest-4: #84ba4d;
766
+ --color-viz-sequential-forest-5: #5a9b30;
767
+ --color-viz-sequential-forest-6: #3a7a1e;
768
+ --color-viz-sequential-forest-7: #285714;
769
+ --color-viz-sequential-forest-8: #1a3c0d;
770
+ --color-viz-sequential-forest-9: #0f2808;
771
+ --color-viz-sequential-forest-10: #071403;
772
+ --color-viz-diverging-orange-yellow-seafoam-1: #883a1f;
773
+ --color-viz-diverging-orange-yellow-seafoam-2: #c25f27;
774
+ --color-viz-diverging-orange-yellow-seafoam-3: #e8843d;
775
+ --color-viz-diverging-orange-yellow-seafoam-4: #f5b774;
776
+ --color-viz-diverging-orange-yellow-seafoam-5: #fef4c7;
777
+ --color-viz-diverging-orange-yellow-seafoam-6: #b8e8d5;
778
+ --color-viz-diverging-orange-yellow-seafoam-7: #73d4c5;
779
+ --color-viz-diverging-orange-yellow-seafoam-8: #3db3a8;
780
+ --color-viz-diverging-orange-yellow-seafoam-9: #1f8d82;
781
+ --color-viz-diverging-orange-yellow-seafoam-10: #0d5d56;
782
+ --color-viz-diverging-red-yellow-blue-1: #6b1e3c;
783
+ --color-viz-diverging-red-yellow-blue-2: #a83b5e;
784
+ --color-viz-diverging-red-yellow-blue-3: #d96e68;
785
+ --color-viz-diverging-red-yellow-blue-4: #f0a487;
786
+ --color-viz-diverging-red-yellow-blue-5: #fef4c7;
787
+ --color-viz-diverging-red-yellow-blue-6: #b8ddd3;
788
+ --color-viz-diverging-red-yellow-blue-7: #7bb8cf;
789
+ --color-viz-diverging-red-yellow-blue-8: #4a8ec4;
790
+ --color-viz-diverging-red-yellow-blue-9: #2d6bb0;
791
+ --color-viz-diverging-red-yellow-blue-10: #1a4680;
792
+ --color-viz-diverging-red-blue-1: #6b1e3c;
793
+ --color-viz-diverging-red-blue-2: #a83b5e;
794
+ --color-viz-diverging-red-blue-3: #d9668f;
795
+ --color-viz-diverging-red-blue-4: #f09db8;
796
+ --color-viz-diverging-red-blue-5: #f8e5f9;
797
+ --color-viz-diverging-red-blue-6: #d4c9ed;
798
+ --color-viz-diverging-red-blue-7: #b0b8df;
799
+ --color-viz-diverging-red-blue-8: #8494ca;
800
+ --color-viz-diverging-red-blue-9: #5d6fb0;
801
+ --color-viz-diverging-red-blue-10: #374f88;
813
802
  --color-viz-default: #444ae1;
814
803
  }
815
804
  @keyframes wave {
@@ -2354,6 +2343,13 @@
2354
2343
  margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));
2355
2344
  }
2356
2345
  }
2346
+ .space-y-16 {
2347
+ :where(& > :not(:last-child)) {
2348
+ --tw-space-y-reverse: 0;
2349
+ margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));
2350
+ margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));
2351
+ }
2352
+ }
2357
2353
  .gap-x-0 {
2358
2354
  -moz-column-gap: var(--spacing-0);
2359
2355
  column-gap: var(--spacing-0);
@@ -2630,9 +2626,6 @@
2630
2626
  .border-action-default {
2631
2627
  border-color: var(--color-action-default);
2632
2628
  }
2633
- .border-action-primary {
2634
- border-color: var(--color-action-primary);
2635
- }
2636
2629
  .border-background-surface {
2637
2630
  border-color: var(--color-background-surface);
2638
2631
  }
@@ -2762,8 +2755,8 @@
2762
2755
  .bg-\[\#444ae1\] {
2763
2756
  background-color: #444ae1;
2764
2757
  }
2765
- .bg-\[var\(--skeleton-base\)\] {
2766
- background-color: var(--skeleton-base);
2758
+ .bg-\[var\(--color-skeleton-base\)\] {
2759
+ background-color: var(--color-skeleton-base);
2767
2760
  }
2768
2761
  .bg-action-brand {
2769
2762
  background-color: var(--color-action-brand);
@@ -2795,15 +2788,6 @@
2795
2788
  background-color: color-mix(in oklab, var(--color-action-default) 10%, transparent);
2796
2789
  }
2797
2790
  }
2798
- .bg-action-primary {
2799
- background-color: var(--color-action-primary);
2800
- }
2801
- .bg-action-primary\/5 {
2802
- background-color: color-mix(in srgb, #444ae1 5%, transparent);
2803
- @supports (color: color-mix(in lab, red, red)) {
2804
- background-color: color-mix(in oklab, var(--color-action-primary) 5%, transparent);
2805
- }
2806
- }
2807
2791
  .bg-background-body {
2808
2792
  background-color: var(--color-background-body);
2809
2793
  }
@@ -3001,12 +2985,12 @@
3001
2985
  --tw-gradient-position: to right in oklab;
3002
2986
  background-image: linear-gradient(var(--tw-gradient-stops));
3003
2987
  }
3004
- .from-\[var\(--skeleton-base\)\] {
3005
- --tw-gradient-from: var(--skeleton-base);
2988
+ .from-\[var\(--color-skeleton-base\)\] {
2989
+ --tw-gradient-from: var(--color-skeleton-base);
3006
2990
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3007
2991
  }
3008
- .from-action-primary {
3009
- --tw-gradient-from: var(--color-action-primary);
2992
+ .from-action-brand {
2993
+ --tw-gradient-from: var(--color-action-brand);
3010
2994
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3011
2995
  }
3012
2996
  .from-black\/60 {
@@ -3028,8 +3012,8 @@
3028
3012
  --tw-gradient-from: var(--color-purple-500);
3029
3013
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3030
3014
  }
3031
- .via-\[var\(--skeleton-highlight\)\] {
3032
- --tw-gradient-via: var(--skeleton-highlight);
3015
+ .via-\[var\(--color-skeleton-highlight\)\] {
3016
+ --tw-gradient-via: var(--color-skeleton-highlight);
3033
3017
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
3034
3018
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3035
3019
  }
@@ -3041,8 +3025,8 @@
3041
3025
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
3042
3026
  --tw-gradient-stops: var(--tw-gradient-via-stops);
3043
3027
  }
3044
- .to-\[var\(--skeleton-base\)\] {
3045
- --tw-gradient-to: var(--skeleton-base);
3028
+ .to-\[var\(--color-skeleton-base\)\] {
3029
+ --tw-gradient-to: var(--color-skeleton-base);
3046
3030
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3047
3031
  }
3048
3032
  .to-black\/60 {
@@ -3423,18 +3407,14 @@
3423
3407
  .text-\[length\:var\(--control-text-xl\)\] {
3424
3408
  font-size: var(--control-text-xl);
3425
3409
  }
3410
+ .leading-5 {
3411
+ --tw-leading: var(--spacing-5);
3412
+ line-height: var(--spacing-5);
3413
+ }
3426
3414
  .leading-6 {
3427
3415
  --tw-leading: var(--spacing-6);
3428
3416
  line-height: var(--spacing-6);
3429
3417
  }
3430
- .leading-7 {
3431
- --tw-leading: var(--spacing-7);
3432
- line-height: var(--spacing-7);
3433
- }
3434
- .leading-8 {
3435
- --tw-leading: var(--spacing-8);
3436
- line-height: var(--spacing-8);
3437
- }
3438
3418
  .leading-\[2\.25\] {
3439
3419
  --tw-leading: 2.25;
3440
3420
  line-height: 2.25;
@@ -3521,9 +3501,6 @@
3521
3501
  .text-action-default {
3522
3502
  color: var(--color-action-default);
3523
3503
  }
3524
- .text-action-primary {
3525
- color: var(--color-action-primary);
3526
- }
3527
3504
  .text-blue-400 {
3528
3505
  color: var(--color-blue-400);
3529
3506
  }
@@ -4115,10 +4092,10 @@
4115
4092
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
4116
4093
  }
4117
4094
  }
4118
- .before\:via-\[var\(--skeleton-wave\)\] {
4095
+ .before\:via-\[var\(--color-skeleton-wave\)\] {
4119
4096
  &::before {
4120
4097
  content: var(--tw-content);
4121
- --tw-gradient-via: var(--skeleton-wave);
4098
+ --tw-gradient-via: var(--color-skeleton-wave);
4122
4099
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
4123
4100
  --tw-gradient-stops: var(--tw-gradient-via-stops);
4124
4101
  }
@@ -4304,13 +4281,6 @@
4304
4281
  }
4305
4282
  }
4306
4283
  }
4307
- .hover\:bg-action-primary-hover {
4308
- &:hover {
4309
- @media (hover: hover) {
4310
- background-color: var(--color-action-primary-hover);
4311
- }
4312
- }
4313
- }
4314
4284
  .hover\:bg-background-hover {
4315
4285
  &:hover {
4316
4286
  @media (hover: hover) {
@@ -4426,6 +4396,13 @@
4426
4396
  }
4427
4397
  }
4428
4398
  }
4399
+ .hover\:text-action-brand {
4400
+ &:hover {
4401
+ @media (hover: hover) {
4402
+ color: var(--color-action-brand);
4403
+ }
4404
+ }
4405
+ }
4429
4406
  .hover\:text-action-brand-hover {
4430
4407
  &:hover {
4431
4408
  @media (hover: hover) {
@@ -4443,20 +4420,6 @@
4443
4420
  }
4444
4421
  }
4445
4422
  }
4446
- .hover\:text-action-primary {
4447
- &:hover {
4448
- @media (hover: hover) {
4449
- color: var(--color-action-primary);
4450
- }
4451
- }
4452
- }
4453
- .hover\:text-action-primary-hover {
4454
- &:hover {
4455
- @media (hover: hover) {
4456
- color: var(--color-action-primary-hover);
4457
- }
4458
- }
4459
- }
4460
4423
  .hover\:text-text-body {
4461
4424
  &:hover {
4462
4425
  @media (hover: hover) {
@@ -4593,11 +4556,6 @@
4593
4556
  --tw-ring-color: var(--color-action-default);
4594
4557
  }
4595
4558
  }
4596
- .focus\:ring-action-primary {
4597
- &:focus {
4598
- --tw-ring-color: var(--color-action-primary);
4599
- }
4600
- }
4601
4559
  .focus\:ring-border-focus {
4602
4560
  &:focus {
4603
4561
  --tw-ring-color: var(--color-border-focus);
@@ -5282,6 +5240,11 @@
5282
5240
  grid-column: 1 / -1;
5283
5241
  }
5284
5242
  }
5243
+ .lg\:block {
5244
+ @media (width >= 64rem) {
5245
+ display: block;
5246
+ }
5247
+ }
5285
5248
  .lg\:grid {
5286
5249
  @media (width >= 64rem) {
5287
5250
  display: grid;
package/dist/utilities.manifest.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.9.1",
3
- "generatedAt": "2025-10-22T00:53:47.427Z",
2
+ "version": "1.10.1",
3
+ "generatedAt": "2025-10-22T14:59:11.554Z",
4
4
  "categories": {
5
5
  "hooks": {
6
6
  "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
@@ -33,6 +33,13 @@
33
33
  "category": "hooks",
34
34
  "file": "hooks/useDebounce.ts"
35
35
  },
36
+ {
37
+ "name": "useElementSize",
38
+ "type": "function",
39
+ "description": "useElementSize A performant hook that tracks the dimensions of a DOM element using ResizeObserver. Returns a callback ref to attach to the element and its current width/height. Performance optimizations: - Uses ResizeObserver for efficient resize detection - Debounces updates using requestAnimationFrame - Cleans up observer on unmount ```tsx const { ref, width, height } = useElementSize(); return ( <div ref={ref}> Width: {width}px, Height: {height}px </div> ); ```",
40
+ "category": "hooks",
41
+ "file": "hooks/useElementSize.ts"
42
+ },
36
43
  {
37
44
  "name": "useLocalStorage",
38
45
  "type": "function",