@texturehq/edges 1.2.1 → 1.3.1

package/dist/styles.css

@@ -66,13 +66,7 @@
   --color-skeleton-highlight: #f3f4f6;
   --color-neutral-white: #ffffff;
   --color-neutral-black: #000000;
-  --color-data-categorical-1: #a3eae4;
-  --color-data-categorical-2: #91a0ff;
-  --color-data-categorical-3: #ffd1a3;
-  --color-data-categorical-4: #ffabc8;
-  --color-data-categorical-5: #c1b8ff;
-  --color-data-categorical-6: #e0ffb8;
-  --color-data-default: #444ae1;
+  --color-viz-default: #444ae1;
   --spacing-0: 0px;
   --spacing-1: 0.25rem;
   --spacing-2: 0.5rem;
@@ -100,12 +94,14 @@
   --radius-sm: 0.25rem;
   --radius-md: 0.375rem;
   --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
   --radius-full: 9999px;
   --font-weight-light: 300;
   --font-weight-normal: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;
+  --feedback-success-text: oklch(0.314 0.095 133.748);
   --color-background-body: #ffffff;
   --color-background-surface: #ffffff;
   --color-background-muted: #f3f4f6;
@@ -310,93 +306,93 @@
   --color-skeleton-wave: rgba(255, 255, 255, 0.3);
   --color-neutral-white: #ffffff;
   --color-neutral-black: #000000;
-  --color-data-categorical-1: #a3eae4;
-  --color-data-categorical-2: #91a0ff;
-  --color-data-categorical-3: #ffd1a3;
-  --color-data-categorical-4: #ffabc8;
-  --color-data-categorical-5: #c1b8ff;
-  --color-data-categorical-6: #e0ffb8;
-  --color-data-sequential-viridis-1: #fafa37;
-  --color-data-sequential-viridis-2: #d6e654;
-  --color-data-sequential-viridis-3: #b2d373;
-  --color-data-sequential-viridis-4: #88be8c;
-  --color-data-sequential-viridis-5: #5fa2a4;
-  --color-data-sequential-viridis-6: #3d7eaa;
-  --color-data-sequential-viridis-7: #2a60b1;
-  --color-data-sequential-viridis-8: #1b3a99;
-  --color-data-sequential-viridis-9: #132353;
-  --color-data-sequential-viridis-10: #110f39;
-  --color-data-sequential-magma-1: #fcf5cd;
-  --color-data-sequential-magma-2: #f5db95;
-  --color-data-sequential-magma-3: #e9af7c;
-  --color-data-sequential-magma-4: #db7d70;
-  --color-data-sequential-magma-5: #b9577a;
-  --color-data-sequential-magma-6: #883482;
-  --color-data-sequential-magma-7: #6a1f78;
-  --color-data-sequential-magma-8: #4b1277;
-  --color-data-sequential-magma-9: #2d0b42;
-  --color-data-sequential-magma-10: #0b0511;
-  --color-data-sequential-rose-1: #fef3e7;
-  --color-data-sequential-rose-2: #f5c7e0;
-  --color-data-sequential-rose-3: #ec9bce;
-  --color-data-sequential-rose-4: #d86db0;
-  --color-data-sequential-rose-5: #be4a8b;
-  --color-data-sequential-rose-6: #9d2f76;
-  --color-data-sequential-rose-7: #78176c;
-  --color-data-sequential-rose-8: #56135c;
-  --color-data-sequential-rose-9: #371344;
-  --color-data-sequential-rose-10: #190b29;
-  --color-data-sequential-cerulean-1: #e2f7f2;
-  --color-data-sequential-cerulean-2: #b6e4e8;
-  --color-data-sequential-cerulean-3: #8bd3d7;
-  --color-data-sequential-cerulean-4: #60b2c7;
-  --color-data-sequential-cerulean-5: #3d91b6;
-  --color-data-sequential-cerulean-6: #22698e;
-  --color-data-sequential-cerulean-7: #0e486a;
-  --color-data-sequential-cerulean-8: #0a314d;
-  --color-data-sequential-cerulean-9: #081e33;
-  --color-data-sequential-cerulean-10: #030e1d;
-  --color-data-sequential-forest-1: #f4fad8;
-  --color-data-sequential-forest-2: #d6e6a5;
-  --color-data-sequential-forest-3: #b2cd73;
-  --color-data-sequential-forest-4: #88af52;
-  --color-data-sequential-forest-5: #5f8835;
-  --color-data-sequential-forest-6: #3d6426;
-  --color-data-sequential-forest-7: #2a461a;
-  --color-data-sequential-forest-8: #1b2e13;
-  --color-data-sequential-forest-9: #13200d;
-  --color-data-sequential-forest-10: #0b1305;
-  --color-data-diverging-orange-yellow-seafoam-1: #6b2c1a;
-  --color-data-diverging-orange-yellow-seafoam-2: #a24b1e;
-  --color-data-diverging-orange-yellow-seafoam-3: #cb7131;
-  --color-data-diverging-orange-yellow-seafoam-4: #e2a05d;
-  --color-data-diverging-orange-yellow-seafoam-5: #f3e1a3;
-  --color-data-diverging-orange-yellow-seafoam-6: #c1e4d2;
-  --color-data-diverging-orange-yellow-seafoam-7: #7eb8b1;
-  --color-data-diverging-orange-yellow-seafoam-8: #4c8c89;
-  --color-data-diverging-orange-yellow-seafoam-9: #2b6262;
-  --color-data-diverging-orange-yellow-seafoam-10: #1b3d3c;
-  --color-data-diverging-red-yellow-blue-1: #4e142d;
-  --color-data-diverging-red-yellow-blue-2: #8b2d4e;
-  --color-data-diverging-red-yellow-blue-3: #c15a4a;
-  --color-data-diverging-red-yellow-blue-4: #db8b6a;
-  --color-data-diverging-red-yellow-blue-5: #f3e1a3;
-  --color-data-diverging-red-yellow-blue-6: #bfd4c7;
-  --color-data-diverging-red-yellow-blue-7: #7c9eb9;
-  --color-data-diverging-red-yellow-blue-8: #4770a3;
-  --color-data-diverging-red-yellow-blue-9: #2e4d8c;
-  --color-data-diverging-red-yellow-blue-10: #18274e;
-  --color-data-diverging-red-blue-1: #4e142d;
-  --color-data-diverging-red-blue-2: #8b2d4e;
-  --color-data-diverging-red-blue-3: #c15a7a;
-  --color-data-diverging-red-blue-4: #db8b9e;
-  --color-data-diverging-red-blue-5: #f3e1f4;
-  --color-data-diverging-red-blue-6: #c7bfe2;
-  --color-data-diverging-red-blue-7: #9ea7ce;
-  --color-data-diverging-red-blue-8: #7080b5;
-  --color-data-diverging-red-blue-9: #4d5e99;
-  --color-data-diverging-red-blue-10: #2b3d70;
-  --color-data-default: #444ae1;
+  --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;
@@ -474,6 +470,35 @@
   --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-destructive-background: oklch(0.505 0.213 27.518);
+  --action-destructive-hover: oklch(0.444 0.177 26.899);
+  --action-destructive-text: #ffffff;
+  --action-disabled-background: #d1d5db;
+  --action-disabled-text: #6b7280;
+  --feedback-success-text: oklch(0.314 0.095 133.748);
+  --feedback-success-icon: oklch(0.314 0.095 133.748);
+  --feedback-success-background: oklch(0.982 0.018 131.68);
+  --feedback-success-border: oklch(0.627 0.194 130.331);
+  --feedback-error-text: oklch(0.505 0.213 27.518);
+  --feedback-error-icon: oklch(0.505 0.213 27.518);
+  --feedback-error-background: oklch(0.971 0.013 17.38);
+  --feedback-error-border: oklch(0.637 0.237 25.331);
+  --feedback-warning-text: oklch(0.398 0.092 60.236);
+  --feedback-warning-icon: oklch(0.398 0.092 60.236);
+  --feedback-warning-background: oklch(0.987 0.024 102.851);
+  --feedback-warning-border: oklch(0.795 0.184 86.047);
+  --feedback-info-text: oklch(0.488 0.243 255.638);
+  --feedback-info-icon: oklch(0.488 0.243 255.638);
+  --feedback-info-background: oklch(0.97 0.014 237.69);
+  --feedback-info-border: oklch(0.809 0.105 244.039);
+  --color-map-streets-border: #000000;
+  --color-map-neutral-border: #000000;
   --color-background-body: #151a30;
   --color-background-surface: #1a2038;
   --color-background-muted: #374151;
@@ -513,6 +538,187 @@
   --color-action-secondary: #e5e7eb;
   --color-action-secondary-hover: #f3f4f6;
   --color-action-secondary-text: #111827;
+  --color-map-streets-border: #ffffff;
+  --color-map-satellite-border: #ffffff;
+  --color-map-neutral-border: #ffffff;
+}
+:root {
+  --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;
+}
+.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-default: #444ae1;
 }
 @keyframes wave {
   0% {
@@ -894,15 +1100,9 @@
   .bottom-4 {
     bottom: var(--spacing-4);
   }
-  .bottom-6 {
-    bottom: var(--spacing-6);
-  }
   .bottom-8 {
     bottom: var(--spacing-8);
   }
-  .bottom-\[108px\] {
-    bottom: 108px;
-  }
   .-left-2 {
     left: calc(var(--spacing-2) * -1);
   }
@@ -921,9 +1121,6 @@
   .left-4 {
     left: var(--spacing-4);
   }
-  .left-\[5px\] {
-    left: 5px;
-  }
   .left-full {
     left: 100%;
   }
@@ -1155,6 +1352,9 @@
   .aspect-video {
     aspect-ratio: var(--aspect-video);
   }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
   .h-1 {
     height: var(--spacing-1);
   }
@@ -1272,9 +1472,6 @@
   .max-h-48 {
     max-height: var(--spacing-48);
   }
-  .max-h-64 {
-    max-height: var(--spacing-64);
-  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
@@ -1386,9 +1583,6 @@
   .w-\[300px\] {
     width: 300px;
   }
-  .w-\[400px\] {
-    width: 400px;
-  }
   .w-\[600px\] {
     width: 600px;
   }
@@ -1417,9 +1611,6 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
-  .max-w-80 {
-    max-width: var(--spacing-80);
-  }
   .max-w-\[200px\] {
     max-width: 200px;
   }
@@ -1523,6 +1714,9 @@
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .rotate-45 {
+    rotate: 45deg;
+  }
   .rotate-180 {
     rotate: 180deg;
   }
@@ -1544,9 +1738,6 @@
   .cursor-default {
     cursor: default;
   }
-  .cursor-grab {
-    cursor: grab;
-  }
   .cursor-help {
     cursor: help;
   }
@@ -1577,9 +1768,6 @@
   .list-inside {
     list-style-position: inside;
   }
-  .list-decimal {
-    list-style-type: decimal;
-  }
   .list-disc {
     list-style-type: disc;
   }
@@ -1970,9 +2158,8 @@
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
-  .rounded-t-lg {
-    border-top-left-radius: var(--radius-lg);
-    border-top-right-radius: var(--radius-lg);
+  .rounded-xl {
+    border-radius: var(--radius-xl);
   }
   .rounded-t-none {
     border-top-left-radius: 0;
@@ -2002,6 +2189,12 @@
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
   }
+  .rounded-bl-none {
+    border-bottom-left-radius: 0;
+  }
+  .rounded-bl-none {
+    border-bottom-left-radius: var(--radius-none);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -2046,6 +2239,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
   .border-b-2 {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -2167,9 +2364,6 @@
   .border-transparent {
     border-color: transparent;
   }
-  .border-white {
-    border-color: var(--color-white);
-  }
   .border-yellow-200 {
     border-color: var(--color-yellow-200);
   }
@@ -2502,9 +2696,6 @@
   .p-4 {
     padding: var(--spacing-4);
   }
-  .p-5 {
-    padding: var(--spacing-5);
-  }
   .p-6 {
     padding: var(--spacing-6);
   }
@@ -2646,9 +2837,6 @@
   .pl-4 {
     padding-left: var(--spacing-4);
   }
-  .pl-5 {
-    padding-left: var(--spacing-5);
-  }
   .pl-7 {
     padding-left: var(--spacing-7);
   }
@@ -3176,9 +3364,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-none {
-    transition-property: none;
-  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -3187,10 +3372,6 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
-  .duration-250 {
-    --tw-duration: 250ms;
-    transition-duration: 250ms;
-  }
   .duration-300 {
     --tw-duration: 300ms;
     transition-duration: 300ms;
@@ -3758,6 +3939,13 @@
       }
     }
   }
+  .hover\:opacity-90 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 90%;
+      }
+    }
+  }
   .hover\:opacity-100 {
     &:hover {
       @media (hover: hover) {
@@ -3895,11 +4083,6 @@
       outline-color: var(--color-border-focus);
     }
   }
-  .active\:cursor-grabbing {
-    &:active {
-      cursor: grabbing;
-    }
-  }
   .disabled\:cursor-not-allowed {
     &:disabled {
       cursor: not-allowed;
@@ -3972,11 +4155,6 @@
       background-color: var(--color-gray-100);
     }
   }
-  .sm\:bottom-\[72px\] {
-    @media (width >= 40rem) {
-      bottom: 72px;
-    }
-  }
   .sm\:col-auto {
     @media (width >= 40rem) {
       grid-column: auto;
@@ -4267,6 +4445,11 @@
       display: none;
     }
   }
+  .md\:h-96 {
+    @media (width >= 48rem) {
+      height: var(--spacing-96);
+    }
+  }
   .md\:h-full {
     @media (width >= 48rem) {
       height: 100%;
@@ -4388,11 +4571,6 @@
       top: var(--spacing-20);
     }
   }
-  .lg\:bottom-\[64px\] {
-    @media (width >= 64rem) {
-      bottom: 64px;
-    }
-  }
   .lg\:col-auto {
     @media (width >= 64rem) {
       grid-column: auto;
@@ -4543,16 +4721,32 @@
       grid-template-columns: none;
     }
   }
-  .lg\:rounded-t-none {
+  .lg\:rounded-t {
+    @media (width >= 64rem) {
+      border-top-left-radius: 0.25rem;
+      border-top-right-radius: 0.25rem;
+    }
+  }
+  .lg\:border-t {
+    @media (width >= 64rem) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+  }
+  .lg\:border-b {
+    @media (width >= 64rem) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .lg\:px-10 {
     @media (width >= 64rem) {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
+      padding-inline: var(--spacing-10);
     }
   }
-  .lg\:rounded-t-none {
+  .lg\:py-10 {
     @media (width >= 64rem) {
-      border-top-left-radius: var(--radius-none);
-      border-top-right-radius: var(--radius-none);
+      padding-block: var(--spacing-10);
     }
   }
   .xl\:col-auto {