@texturehq/edges 1.9.0 → 1.10.0

package/dist/styles.css

@@ -64,7 +64,6 @@
   --color-brand-background: #f6f7ff;
   --color-neutral-white: #ffffff;
   --color-neutral-black: #000000;
-  --color-viz-default: #444ae1;
   --spacing-0: 0px;
   --spacing-1: 0.25rem;
   --spacing-2: 0.5rem;
@@ -133,13 +132,12 @@
   --color-feedback-info-text: #2563eb;
   --color-feedback-info-background: #dbeafe;
   --color-feedback-info-border: #93c5fd;
-  --color-action-primary: #444ae1;
-  --color-action-primary-hover: #383ccb;
-  --color-action-primary-text: #ffffff;
-  --color-action-primary-light: rgba(68, 74, 225, 0.1);
-  --color-action-secondary: #333333;
-  --color-action-secondary-hover: #4b5563;
-  --color-action-secondary-text: #ffffff;
+  --color-action-brand: #444ae1;
+  --color-action-brand-hover: #383ccb;
+  --color-action-brand-text: #ffffff;
+  --color-action-default: #333333;
+  --color-action-default-hover: #4b5563;
+  --color-action-default-text: #ffffff;
   --color-state-charging: #f3e8ff;
   --color-state-charging-border: #c084fc;
   --color-state-charging-text: #6b21a8;
@@ -176,6 +174,13 @@
   --color-state-exporting: #f8f8f8;
   --color-state-exporting-border: #d1d5db;
   --color-state-exporting-text: #000000;
+  --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-default: #444ae1;
   --control-sm: 0.75rem;
   --control-md: 0.875rem;
   --control-lg: 1rem;
@@ -198,7 +203,7 @@
   --control-text-lg: var(--text-base);
   --control-text-xl: var(--text-lg);
   --control-hover-opacity: 0.9;
-  --control-focus-ring-color: var(--color-neutral-black);
+  --control-focus-ring-color: var(--color-action-default);
   --control-focus-ring-color-error: var(--color-feedback-error-border);
   --control-transition-duration: 150ms;
   --control-transition-timing: var(--ease-in-out);
@@ -339,98 +344,8 @@
   --color-brand-light: #f7f7ff;
   --color-brand-dark: #363ccb;
   --color-brand-background: #f6f7ff;
-  --color-skeleton-base: #e5e7eb;
-  --color-skeleton-highlight: #f3f4f6;
-  --color-skeleton-wave: rgba(255, 255, 255, 0.3);
   --color-neutral-white: #ffffff;
   --color-neutral-black: #000000;
-  --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-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-viz-default: #444ae1;
   --spacing-0: 0px;
   --spacing-1: 0.25rem;
   --spacing-2: 0.5rem;
@@ -508,12 +423,12 @@
   --font-letterspacing-wide: 0.025em;
   --font-letterspacing-wider: 0.05em;
   --font-letterspacing-widest: 0.1em;
-  --action-primary-background: #444ae1;
-  --action-primary-hover: #363ccb;
-  --action-primary-text: #ffffff;
-  --action-secondary-background: #111827;
-  --action-secondary-hover: #374151;
-  --action-secondary-text: #ffffff;
+  --action-brand-background: #444ae1;
+  --action-brand-hover: #363ccb;
+  --action-brand-text: #ffffff;
+  --action-default-background: #111827;
+  --action-default-hover: #374151;
+  --action-default-text: #ffffff;
   --action-destructive-background: oklch(0.505 0.213 27.518);
   --action-destructive-hover: oklch(0.444 0.177 26.899);
   --action-destructive-text: #ffffff;
@@ -537,6 +452,9 @@
   --feedback-info-border: oklch(0.809 0.105 244.039);
   --color-map-streets-border: #000000;
   --color-map-neutral-border: #000000;
+  --skeleton-base: #e5e7eb;
+  --skeleton-highlight: #f3f4f6;
+  --skeleton-wave: rgba(255, 255, 255, 0.5);
   --color-background-body: #151a30;
   --color-background-surface: #1a2038;
   --color-background-muted: #374151;
@@ -569,13 +487,12 @@
   --color-feedback-info-text: #60a5fa;
   --color-feedback-info-background: #1e3a8a;
   --color-feedback-info-border: #2563eb;
-  --color-action-primary: #7a8ee1;
-  --color-action-primary-hover: #6a6fcc;
-  --color-action-primary-text: #ffffff;
-  --color-action-primary-light: rgba(122, 142, 225, 0.15);
-  --color-action-secondary: #e5e7eb;
-  --color-action-secondary-hover: #f3f4f6;
-  --color-action-secondary-text: #111827;
+  --color-action-brand: #7a8ee1;
+  --color-action-brand-hover: #6a6fcc;
+  --color-action-brand-text: #ffffff;
+  --color-action-default: #374151;
+  --color-action-default-hover: #4b5563;
+  --color-action-default-text: #ffffff;
   --color-state-charging: #581c87;
   --color-state-charging-border: #a855f7;
   --color-state-charging-text: #e9d5ff;
@@ -615,6 +532,96 @@
   --color-map-streets-border: #ffffff;
   --color-map-satellite-border: #ffffff;
   --color-map-neutral-border: #ffffff;
+  --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-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-viz-default: #444ae1;
+  --theme-skeleton-base: #1f2937;
+  --theme-skeleton-highlight: #374151;
+  --theme-skeleton-wave: rgba(255, 255, 255, 0.1);
 }
 :root {
   --color-viz-categorical-1: #a3eae4;
@@ -706,92 +713,92 @@
   --color-viz-default: #444ae1;
 }
 .theme-dark {
-  --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-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-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-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-viz-default: #444ae1;
 }
 @keyframes wave {
@@ -2336,6 +2343,13 @@
       margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-16 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .gap-x-0 {
     -moz-column-gap: var(--spacing-0);
          column-gap: var(--spacing-0);
@@ -2600,17 +2614,17 @@
     --tw-border-style: solid;
     border-style: solid;
   }
-  .border-action-primary {
-    border-color: var(--color-action-primary);
+  .border-action-brand {
+    border-color: var(--color-action-brand);
   }
-  .border-action-primary\/20 {
+  .border-action-brand\/20 {
     border-color: color-mix(in srgb, #444ae1 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
+      border-color: color-mix(in oklab, var(--color-action-brand) 20%, transparent);
     }
   }
-  .border-action-secondary {
-    border-color: var(--color-action-secondary);
+  .border-action-default {
+    border-color: var(--color-action-default);
   }
   .border-background-surface {
     border-color: var(--color-background-surface);
@@ -2714,9 +2728,6 @@
   .border-text-body {
     border-color: var(--color-text-body);
   }
-  .border-text-heading {
-    border-color: var(--color-text-heading);
-  }
   .border-transparent {
     border-color: transparent;
   }
@@ -2729,8 +2740,8 @@
   .border-r-transparent {
     border-right-color: transparent;
   }
-  .border-l-action-primary {
-    border-left-color: var(--color-action-primary);
+  .border-l-action-default {
+    border-left-color: var(--color-action-default);
   }
   .border-l-border-muted {
     border-left-color: var(--color-border-muted);
@@ -2744,31 +2755,37 @@
   .bg-\[\#444ae1\] {
     background-color: #444ae1;
   }
-  .bg-\[var\(--skeleton-base\)\] {
-    background-color: var(--skeleton-base);
-  }
-  .bg-action-primary {
-    background-color: var(--color-action-primary);
+  .bg-\[var\(--color-skeleton-base\)\] {
+    background-color: var(--color-skeleton-base);
   }
-  .bg-action-primary-light {
-    background-color: var(--color-action-primary-light);
+  .bg-action-brand {
+    background-color: var(--color-action-brand);
   }
-  .bg-action-primary\/5 {
+  .bg-action-brand\/5 {
     background-color: color-mix(in srgb, #444ae1 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-action-primary) 5%, transparent);
+      background-color: color-mix(in oklab, var(--color-action-brand) 5%, transparent);
     }
   }
-  .bg-action-primary\/10 {
+  .bg-action-brand\/10 {
     background-color: color-mix(in srgb, #444ae1 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-action-primary) 10%, transparent);
+      background-color: color-mix(in oklab, var(--color-action-brand) 10%, transparent);
     }
   }
-  .bg-action-secondary\/10 {
+  .bg-action-default {
+    background-color: var(--color-action-default);
+  }
+  .bg-action-default\/5 {
+    background-color: color-mix(in srgb, #333333 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-action-default) 5%, transparent);
+    }
+  }
+  .bg-action-default\/10 {
     background-color: color-mix(in srgb, #333333 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-action-secondary) 10%, transparent);
+      background-color: color-mix(in oklab, var(--color-action-default) 10%, transparent);
     }
   }
   .bg-background-body {
@@ -2891,9 +2908,6 @@
   .bg-gray-400 {
     background-color: var(--color-gray-400);
   }
-  .bg-gray-700 {
-    background-color: var(--color-gray-700);
-  }
   .bg-green-50 {
     background-color: var(--color-green-50);
   }
@@ -2939,9 +2953,6 @@
   .bg-slate-700 {
     background-color: var(--color-slate-700);
   }
-  .bg-text-body {
-    background-color: var(--color-text-body);
-  }
   .bg-text-muted {
     background-color: var(--color-text-muted);
   }
@@ -2974,12 +2985,12 @@
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .from-\[var\(--skeleton-base\)\] {
-    --tw-gradient-from: var(--skeleton-base);
+  .from-\[var\(--color-skeleton-base\)\] {
+    --tw-gradient-from: var(--color-skeleton-base);
     --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));
   }
-  .from-action-primary {
-    --tw-gradient-from: var(--color-action-primary);
+  .from-action-brand {
+    --tw-gradient-from: var(--color-action-brand);
     --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));
   }
   .from-black\/60 {
@@ -3001,8 +3012,8 @@
     --tw-gradient-from: var(--color-purple-500);
     --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));
   }
-  .via-\[var\(--skeleton-highlight\)\] {
-    --tw-gradient-via: var(--skeleton-highlight);
+  .via-\[var\(--color-skeleton-highlight\)\] {
+    --tw-gradient-via: var(--color-skeleton-highlight);
     --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);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
@@ -3014,8 +3025,8 @@
     --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);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .to-\[var\(--skeleton-base\)\] {
-    --tw-gradient-to: var(--skeleton-base);
+  .to-\[var\(--color-skeleton-base\)\] {
+    --tw-gradient-to: var(--color-skeleton-base);
     --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));
   }
   .to-black\/60 {
@@ -3396,18 +3407,14 @@
   .text-\[length\:var\(--control-text-xl\)\] {
     font-size: var(--control-text-xl);
   }
+  .leading-5 {
+    --tw-leading: var(--spacing-5);
+    line-height: var(--spacing-5);
+  }
   .leading-6 {
     --tw-leading: var(--spacing-6);
     line-height: var(--spacing-6);
   }
-  .leading-7 {
-    --tw-leading: var(--spacing-7);
-    line-height: var(--spacing-7);
-  }
-  .leading-8 {
-    --tw-leading: var(--spacing-8);
-    line-height: var(--spacing-8);
-  }
   .leading-\[2\.25\] {
     --tw-leading: 2.25;
     line-height: 2.25;
@@ -3467,8 +3474,8 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .\!text-action-primary {
-    color: var(--color-action-primary) !important;
+  .\!text-action-brand {
+    color: var(--color-action-brand) !important;
   }
   .\!text-text-caption {
     color: var(--color-text-caption) !important;
@@ -3482,11 +3489,17 @@
   .text-\[\#ffffff\] {
     color: #ffffff;
   }
-  .text-action-primary {
-    color: var(--color-action-primary);
+  .text-\[color\:var\(--color-action-brand-text\)\] {
+    color: var(--color-action-brand-text);
+  }
+  .text-\[color\:var\(--color-action-default-text\)\] {
+    color: var(--color-action-default-text);
   }
-  .text-action-secondary {
-    color: var(--color-action-secondary);
+  .text-action-brand {
+    color: var(--color-action-brand);
+  }
+  .text-action-default {
+    color: var(--color-action-default);
   }
   .text-blue-400 {
     color: var(--color-blue-400);
@@ -3962,12 +3975,12 @@
       }
     }
   }
-  .group-hover\:bg-action-primary\/50 {
+  .group-hover\:bg-action-brand\/50 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
         background-color: color-mix(in srgb, #444ae1 50%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-action-primary) 50%, transparent);
+          background-color: color-mix(in oklab, var(--color-action-brand) 50%, transparent);
         }
       }
     }
@@ -4079,10 +4092,10 @@
       --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));
     }
   }
-  .before\:via-\[var\(--skeleton-wave\)\] {
+  .before\:via-\[var\(--color-skeleton-wave\)\] {
     &::before {
       content: var(--tw-content);
-      --tw-gradient-via: var(--skeleton-wave);
+      --tw-gradient-via: var(--color-skeleton-wave);
       --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);
       --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
@@ -4175,9 +4188,9 @@
       padding-right: var(--spacing-0);
     }
   }
-  .visited\:text-action-primary {
+  .visited\:text-action-brand {
     &:visited {
-      color: var(--color-action-primary);
+      color: var(--color-action-brand);
     }
   }
   .visited\:text-text-link-default {
@@ -4230,13 +4243,6 @@
       }
     }
   }
-  .hover\:border-action-primary-hover {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-action-primary-hover);
-      }
-    }
-  }
   .hover\:border-border-default {
     &:hover {
       @media (hover: hover) {
@@ -4251,23 +4257,30 @@
       }
     }
   }
-  .hover\:bg-action-primary-hover {
+  .hover\:bg-action-brand-hover {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-action-primary-hover);
+        background-color: var(--color-action-brand-hover);
       }
     }
   }
-  .hover\:bg-action-primary\/15 {
+  .hover\:bg-action-brand\/15 {
     &:hover {
       @media (hover: hover) {
         background-color: color-mix(in srgb, #444ae1 15%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-action-primary) 15%, transparent);
+          background-color: color-mix(in oklab, var(--color-action-brand) 15%, transparent);
         }
       }
     }
   }
+  .hover\:bg-action-default-hover {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-action-default-hover);
+      }
+    }
+  }
   .hover\:bg-background-hover {
     &:hover {
       @media (hover: hover) {
@@ -4383,26 +4396,26 @@
       }
     }
   }
-  .hover\:text-action-primary {
+  .hover\:text-action-brand {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-action-primary);
+        color: var(--color-action-brand);
       }
     }
   }
-  .hover\:text-action-primary-hover {
+  .hover\:text-action-brand-hover {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-action-primary-hover);
+        color: var(--color-action-brand-hover);
       }
     }
   }
-  .hover\:text-action-primary\/90 {
+  .hover\:text-action-brand\/90 {
     &:hover {
       @media (hover: hover) {
         color: color-mix(in srgb, #444ae1 90%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab, var(--color-action-primary) 90%, transparent);
+          color: color-mix(in oklab, var(--color-action-brand) 90%, transparent);
         }
       }
     }
@@ -4484,22 +4497,6 @@
       }
     }
   }
-  .hover\:brightness-90 {
-    &:hover {
-      @media (hover: hover) {
-        --tw-brightness: brightness(90%);
-        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-      }
-    }
-  }
-  .hover\:brightness-\[var\(--control-hover-opacity\)\] {
-    &:hover {
-      @media (hover: hover) {
-        --tw-brightness: brightness(var(--control-hover-opacity));
-        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-      }
-    }
-  }
   .focus\:not-sr-only {
     &:focus {
       position: static;
@@ -4549,9 +4546,14 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus\:ring-action-primary {
+  .focus\:ring-action-brand {
+    &:focus {
+      --tw-ring-color: var(--color-action-brand);
+    }
+  }
+  .focus\:ring-action-default {
     &:focus {
-      --tw-ring-color: var(--color-action-primary);
+      --tw-ring-color: var(--color-action-default);
     }
   }
   .focus\:ring-border-focus {
@@ -4576,9 +4578,9 @@
       outline-offset: 0px;
     }
   }
-  .focus\:outline-border-focus {
+  .focus\:outline-action-default {
     &:focus {
-      outline-color: var(--color-border-focus);
+      outline-color: var(--color-action-default);
     }
   }
   .focus\:outline-none {
@@ -4604,9 +4606,14 @@
       outline-offset: 0px;
     }
   }
-  .focus-visible\:outline-border-focus {
+  .focus-visible\:outline-action-brand {
+    &:focus-visible {
+      outline-color: var(--color-action-brand);
+    }
+  }
+  .focus-visible\:outline-action-default {
     &:focus-visible {
-      outline-color: var(--color-border-focus);
+      outline-color: var(--color-action-default);
     }
   }
   .disabled\:cursor-not-allowed {
@@ -5233,6 +5240,11 @@
       grid-column: 1 / -1;
     }
   }
+  .lg\:block {
+    @media (width >= 64rem) {
+      display: block;
+    }
+  }
   .lg\:grid {
     @media (width >= 64rem) {
       display: grid;
@@ -5692,11 +5704,6 @@
       background-color: var(--color-slate-600);
     }
   }
-  .dark\:bg-zinc-300 {
-    @media (prefers-color-scheme: dark) {
-      background-color: var(--color-zinc-300);
-    }
-  }
   .dark\:bg-zinc-400 {
     @media (prefers-color-scheme: dark) {
       background-color: var(--color-zinc-400);
@@ -6286,17 +6293,17 @@
       text-align: left;
     }
   }
-  .\[\&_\[data-chip-id\]\:\:selection\]\:bg-action-primary\/20 {
+  .\[\&_\[data-chip-id\]\:\:selection\]\:bg-action-brand\/20 {
     & [data-chip-id]::-moz-selection {
       background-color: color-mix(in srgb, #444ae1 20%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
+        background-color: color-mix(in oklab, var(--color-action-brand) 20%, transparent);
       }
     }
     & [data-chip-id]::selection {
       background-color: color-mix(in srgb, #444ae1 20%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
+        background-color: color-mix(in oklab, var(--color-action-brand) 20%, transparent);
       }
     }
   }
@@ -6359,10 +6366,10 @@
       }
     }
   }
-  .focus-visible\:\[\&\:\:-moz-range-thumb\]\:outline-border-focus {
+  .focus-visible\:\[\&\:\:-moz-range-thumb\]\:outline-action-default {
     &:focus-visible {
       &::-moz-range-thumb {
-        outline-color: var(--color-border-focus);
+        outline-color: var(--color-action-default);
       }
     }
   }
@@ -6433,10 +6440,10 @@
       }
     }
   }
-  .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-border-focus {
+  .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-action-default {
     &:focus-visible {
       &::-webkit-slider-thumb {
-        outline-color: var(--color-border-focus);
+        outline-color: var(--color-action-default);
       }
     }
   }