@texturehq/edges 1.34.0 → 1.34.1

package/dist/styles.css

@@ -183,6 +183,7 @@
   --color-background-modal: rgba(0, 0, 0, 0.15);
   --color-background-canvas: linear-gradient(to bottom right, rgb(239 246 255), rgb(250 245 255), rgb(253 242 248));
   --color-background-ai: linear-gradient(to bottom right, rgb(245 243 255 / 0.5), rgb(255 255 255), rgb(240 249 255 / 0.5));
+  --color-background-paper: #faf7f0;
   --color-text-primary: #2c2a26;
   --color-text-secondary: #525250;
   --color-text-inverse: #ffffff;
@@ -202,6 +203,7 @@
   --color-border-focus: #111111;
   --color-border-muted: #f5f5f4;
   --color-border-input: #d4d3d0;
+  --color-border-paper: #e5dfd3;
   --color-action-primary: #111111;
   --color-action-primary-hover: #2c2a26;
   --color-action-primary-text: #ffffff;
@@ -230,10 +232,103 @@
   --color-feedback-info-background: #e0eaf5;
   --color-feedback-info-border: #2d6cb8;
   --color-viz-default: #5424db;
+  --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-sequential-red-yellow-green-1: #7f1d1d;
+  --color-viz-sequential-red-yellow-green-2: #b91c1c;
+  --color-viz-sequential-red-yellow-green-3: #ef4444;
+  --color-viz-sequential-red-yellow-green-4: #fb923c;
+  --color-viz-sequential-red-yellow-green-5: #f59e0b;
+  --color-viz-sequential-red-yellow-green-6: #fbbf24;
+  --color-viz-sequential-red-yellow-green-7: #a3e635;
+  --color-viz-sequential-red-yellow-green-8: #4ade80;
+  --color-viz-sequential-red-yellow-green-9: #10b981;
+  --color-viz-sequential-red-yellow-green-10: #059669;
+  --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-skeleton-base: #e7e6e5;
   --color-skeleton-highlight: #f5f5f4;
   --color-skeleton-wave: rgba(255, 255, 255, 0.6);
   --color-map-marker-default: #111111;
+  --color-map-streets-border: #000000;
+  --color-map-satellite-border: #ffffff;
+  --color-map-neutral-border: #000000;
   --color-state-charging: #f3e8ff;
   --color-state-charging-data: #d9b6fd;
   --color-state-charging-border: #c084fc;
@@ -258,6 +353,9 @@
   --color-state-auto-data: #fed3a4;
   --color-state-auto-border: #fdba74;
   --color-state-auto-text: #7c2d12;
+  --color-state-circulate: #ede9fe;
+  --color-state-circulate-border: #a78bfa;
+  --color-state-circulate-text: #4338ca;
   --color-state-on: #ccfbf1;
   --color-state-on-data: #7ce7d8;
   --color-state-on-border: #2dd4bf;
@@ -3874,6 +3972,9 @@
   .border-background-surface {
     border-color: var(--color-background-surface);
   }
+  .border-black {
+    border-color: var(--color-black);
+  }
   .border-blue-200 {
     border-color: var(--color-blue-200);
   }
@@ -3925,12 +4026,30 @@
       border-color: color-mix(in oklab, var(--color-border-muted) 50%, transparent);
     }
   }
+  .border-border-paper {
+    border-color: var(--color-border-paper);
+  }
   .border-brand-primary {
     border-color: var(--color-brand-primary);
   }
+  .border-canary-base {
+    border-color: var(--color-canary-base);
+  }
+  .border-canary-pastel {
+    border-color: var(--color-canary-pastel);
+  }
   .border-current {
     border-color: currentcolor;
   }
+  .border-error-base {
+    border-color: var(--color-error-base);
+  }
+  .border-error-dark {
+    border-color: var(--color-error-dark);
+  }
+  .border-error-light {
+    border-color: var(--color-error-light);
+  }
   .border-feedback-error-border {
     border-color: var(--color-feedback-error-border);
   }
@@ -3970,18 +4089,159 @@
       border-color: color-mix(in oklab, var(--color-feedback-warning-border) 40%, transparent);
     }
   }
+  .border-graphite {
+    border-color: var(--color-graphite);
+  }
+  .border-gray-50 {
+    border-color: var(--color-gray-50);
+  }
+  .border-gray-100 {
+    border-color: var(--color-gray-100);
+  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
+  .border-gray-400 {
+    border-color: var(--color-gray-400);
+  }
+  .border-gray-500 {
+    border-color: var(--color-gray-500);
+  }
+  .border-gray-600 {
+    border-color: var(--color-gray-600);
+  }
+  .border-gray-700 {
+    border-color: var(--color-gray-700);
+  }
+  .border-gray-800 {
+    border-color: var(--color-gray-800);
+  }
+  .border-gray-900 {
+    border-color: var(--color-gray-900);
+  }
+  .border-gray-950 {
+    border-color: var(--color-gray-950);
+  }
   .border-green-600 {
     border-color: var(--color-green-600);
   }
+  .border-honey-base {
+    border-color: var(--color-honey-base);
+  }
+  .border-honey-pastel {
+    border-color: var(--color-honey-pastel);
+  }
+  .border-info-base {
+    border-color: var(--color-info-base);
+  }
+  .border-info-dark {
+    border-color: var(--color-info-dark);
+  }
+  .border-info-light {
+    border-color: var(--color-info-light);
+  }
+  .border-ink {
+    border-color: var(--color-ink);
+  }
+  .border-iris-base {
+    border-color: var(--color-iris-base);
+  }
+  .border-iris-pastel {
+    border-color: var(--color-iris-pastel);
+  }
+  .border-linen {
+    border-color: var(--color-linen);
+  }
+  .border-map-neutral-border {
+    border-color: var(--color-map-neutral-border);
+  }
+  .border-map-satellite-border {
+    border-color: var(--color-map-satellite-border);
+  }
+  .border-map-streets-border {
+    border-color: var(--color-map-streets-border);
+  }
+  .border-moss-base {
+    border-color: var(--color-moss-base);
+  }
+  .border-moss-pastel {
+    border-color: var(--color-moss-pastel);
+  }
+  .border-ocean-base {
+    border-color: var(--color-ocean-base);
+  }
+  .border-ocean-pastel {
+    border-color: var(--color-ocean-pastel);
+  }
+  .border-paper-border {
+    border-color: var(--color-paper-border);
+  }
+  .border-plum-base {
+    border-color: var(--color-plum-base);
+  }
+  .border-plum-pastel {
+    border-color: var(--color-plum-pastel);
+  }
   .border-red-200 {
     border-color: var(--color-red-200);
   }
+  .border-rose-base {
+    border-color: var(--color-rose-base);
+  }
+  .border-rose-pastel {
+    border-color: var(--color-rose-pastel);
+  }
+  .border-state-auto-border {
+    border-color: var(--color-state-auto-border);
+  }
+  .border-state-charging-border {
+    border-color: var(--color-state-charging-border);
+  }
+  .border-state-circulate-border {
+    border-color: var(--color-state-circulate-border);
+  }
+  .border-state-cool-border {
+    border-color: var(--color-state-cool-border);
+  }
+  .border-state-discharging-border {
+    border-color: var(--color-state-discharging-border);
+  }
+  .border-state-eco-border {
+    border-color: var(--color-state-eco-border);
+  }
+  .border-state-exporting-border {
+    border-color: var(--color-state-exporting-border);
+  }
+  .border-state-heat-border {
+    border-color: var(--color-state-heat-border);
+  }
+  .border-state-idle-border {
+    border-color: var(--color-state-idle-border);
+  }
+  .border-state-importing-border {
+    border-color: var(--color-state-importing-border);
+  }
+  .border-state-off-border {
+    border-color: var(--color-state-off-border);
+  }
+  .border-state-on-border {
+    border-color: var(--color-state-on-border);
+  }
+  .border-state-unknown-border {
+    border-color: var(--color-state-unknown-border);
+  }
+  .border-success-base {
+    border-color: var(--color-success-base);
+  }
+  .border-success-dark {
+    border-color: var(--color-success-dark);
+  }
+  .border-success-light {
+    border-color: var(--color-success-light);
+  }
   .border-text-body {
     border-color: var(--color-text-body);
   }
@@ -4000,6 +4260,18 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-warning-base {
+    border-color: var(--color-warning-base);
+  }
+  .border-warning-dark {
+    border-color: var(--color-warning-dark);
+  }
+  .border-warning-light {
+    border-color: var(--color-warning-light);
+  }
+  .border-white {
+    border-color: var(--color-white);
+  }
   .border-t-transparent {
     border-top-color: transparent;
   }
@@ -4039,6 +4311,9 @@
   .bg-action-brand {
     background-color: var(--color-action-brand);
   }
+  .bg-action-brand-hover {
+    background-color: var(--color-action-brand-hover);
+  }
   .bg-action-brand\/5 {
     background-color: color-mix(in srgb, #111111 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4054,6 +4329,9 @@
   .bg-action-default {
     background-color: var(--color-action-default);
   }
+  .bg-action-default-hover {
+    background-color: var(--color-action-default-hover);
+  }
   .bg-action-default\/5 {
     background-color: color-mix(in srgb, #111111 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4063,6 +4341,9 @@
   .bg-action-destructive {
     background-color: var(--color-action-destructive);
   }
+  .bg-action-destructive-hover {
+    background-color: var(--color-action-destructive-hover);
+  }
   .bg-action-destructive\/10 {
     background-color: color-mix(in srgb, #c42d2d 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4072,6 +4353,9 @@
   .bg-action-primary {
     background-color: var(--color-action-primary);
   }
+  .bg-action-primary-hover {
+    background-color: var(--color-action-primary-hover);
+  }
   .bg-action-primary\/10 {
     background-color: color-mix(in srgb, #111111 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4081,9 +4365,15 @@
   .bg-action-secondary {
     background-color: var(--color-action-secondary);
   }
+  .bg-action-secondary-hover {
+    background-color: var(--color-action-secondary-hover);
+  }
   .bg-amber-50 {
     background-color: var(--color-amber-50);
   }
+  .bg-background-ai {
+    background-color: var(--color-background-ai);
+  }
   .bg-background-body {
     background-color: var(--color-background-body);
   }
@@ -4123,6 +4413,9 @@
       background-color: color-mix(in oklab, var(--color-background-muted) 60%, transparent);
     }
   }
+  .bg-background-paper {
+    background-color: var(--color-background-paper);
+  }
   .bg-background-selected {
     background-color: var(--color-background-selected);
   }
@@ -4174,9 +4467,24 @@
       background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
     }
   }
+  .bg-canary-base {
+    background-color: var(--color-canary-base);
+  }
+  .bg-canary-pastel {
+    background-color: var(--color-canary-pastel);
+  }
   .bg-current {
     background-color: currentcolor;
   }
+  .bg-error-base {
+    background-color: var(--color-error-base);
+  }
+  .bg-error-dark {
+    background-color: var(--color-error-dark);
+  }
+  .bg-error-light {
+    background-color: var(--color-error-light);
+  }
   .bg-feedback-error-background {
     background-color: var(--color-feedback-error-background);
   }
@@ -4243,9 +4551,42 @@
   .bg-feedback-warning-text {
     background-color: var(--color-feedback-warning-text);
   }
+  .bg-graphite {
+    background-color: var(--color-graphite);
+  }
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
+  .bg-gray-100 {
+    background-color: var(--color-gray-100);
+  }
+  .bg-gray-200 {
+    background-color: var(--color-gray-200);
+  }
+  .bg-gray-300 {
+    background-color: var(--color-gray-300);
+  }
+  .bg-gray-400 {
+    background-color: var(--color-gray-400);
+  }
+  .bg-gray-500 {
+    background-color: var(--color-gray-500);
+  }
+  .bg-gray-600 {
+    background-color: var(--color-gray-600);
+  }
+  .bg-gray-700 {
+    background-color: var(--color-gray-700);
+  }
+  .bg-gray-800 {
+    background-color: var(--color-gray-800);
+  }
+  .bg-gray-900 {
+    background-color: var(--color-gray-900);
+  }
+  .bg-gray-950 {
+    background-color: var(--color-gray-950);
+  }
   .bg-green-50 {
     background-color: var(--color-green-50);
   }
@@ -4255,18 +4596,99 @@
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
+  .bg-honey-base {
+    background-color: var(--color-honey-base);
+  }
+  .bg-honey-pastel {
+    background-color: var(--color-honey-pastel);
+  }
+  .bg-info-base {
+    background-color: var(--color-info-base);
+  }
+  .bg-info-dark {
+    background-color: var(--color-info-dark);
+  }
+  .bg-info-light {
+    background-color: var(--color-info-light);
+  }
   .bg-inherit {
     background-color: inherit;
   }
+  .bg-ink {
+    background-color: var(--color-ink);
+  }
+  .bg-input-background-dark {
+    background-color: var(--color-input-background-dark);
+  }
+  .bg-iris-base {
+    background-color: var(--color-iris-base);
+  }
+  .bg-iris-pastel {
+    background-color: var(--color-iris-pastel);
+  }
+  .bg-linen {
+    background-color: var(--color-linen);
+  }
+  .bg-map-marker-default {
+    background-color: var(--color-map-marker-default);
+  }
+  .bg-moss-base {
+    background-color: var(--color-moss-base);
+  }
+  .bg-moss-pastel {
+    background-color: var(--color-moss-pastel);
+  }
+  .bg-ocean-base {
+    background-color: var(--color-ocean-base);
+  }
+  .bg-ocean-pastel {
+    background-color: var(--color-ocean-pastel);
+  }
+  .bg-plum-base {
+    background-color: var(--color-plum-base);
+  }
+  .bg-plum-pastel {
+    background-color: var(--color-plum-pastel);
+  }
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
+  .bg-rose-base {
+    background-color: var(--color-rose-base);
+  }
+  .bg-rose-pastel {
+    background-color: var(--color-rose-pastel);
+  }
+  .bg-scrim-dark {
+    background-color: var(--color-scrim-dark);
+  }
+  .bg-scrim-light {
+    background-color: var(--color-scrim-light);
+  }
+  .bg-skeleton-base {
+    background-color: var(--color-skeleton-base);
+  }
+  .bg-skeleton-highlight {
+    background-color: var(--color-skeleton-highlight);
+  }
+  .bg-skeleton-wave {
+    background-color: var(--color-skeleton-wave);
+  }
+  .bg-skeleton-wave-dark {
+    background-color: var(--color-skeleton-wave-dark);
+  }
+  .bg-skeleton-wave-light {
+    background-color: var(--color-skeleton-wave-light);
+  }
   .bg-state-auto {
     background-color: var(--color-state-auto);
   }
   .bg-state-charging {
     background-color: var(--color-state-charging);
   }
+  .bg-state-circulate {
+    background-color: var(--color-state-circulate);
+  }
   .bg-state-cool {
     background-color: var(--color-state-cool);
   }
@@ -4297,6 +4719,15 @@
   .bg-state-unknown {
     background-color: var(--color-state-unknown);
   }
+  .bg-success-base {
+    background-color: var(--color-success-base);
+  }
+  .bg-success-dark {
+    background-color: var(--color-success-dark);
+  }
+  .bg-success-light {
+    background-color: var(--color-success-light);
+  }
   .bg-text-caption {
     background-color: var(--color-text-caption);
   }
@@ -4321,6 +4752,12 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-viz-categorical-1 {
+    background-color: var(--color-viz-categorical-1);
+  }
+  .bg-viz-categorical-2 {
+    background-color: var(--color-viz-categorical-2);
+  }
   .bg-viz-categorical-3 {
     background-color: var(--color-viz-categorical-3);
   }
@@ -4354,6 +4791,306 @@
   .bg-viz-categorical-7 {
     background-color: var(--color-viz-categorical-7);
   }
+  .bg-viz-categorical-8 {
+    background-color: var(--color-viz-categorical-8);
+  }
+  .bg-viz-categorical-9 {
+    background-color: var(--color-viz-categorical-9);
+  }
+  .bg-viz-categorical-10 {
+    background-color: var(--color-viz-categorical-10);
+  }
+  .bg-viz-categorical-11 {
+    background-color: var(--color-viz-categorical-11);
+  }
+  .bg-viz-categorical-12 {
+    background-color: var(--color-viz-categorical-12);
+  }
+  .bg-viz-default {
+    background-color: var(--color-viz-default);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-1 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-1);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-2 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-2);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-3 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-3);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-4 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-4);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-5 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-5);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-6 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-6);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-7 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-7);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-8 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-8);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-9 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-9);
+  }
+  .bg-viz-diverging-orange-yellow-seafoam-10 {
+    background-color: var(--color-viz-diverging-orange-yellow-seafoam-10);
+  }
+  .bg-viz-diverging-red-blue-1 {
+    background-color: var(--color-viz-diverging-red-blue-1);
+  }
+  .bg-viz-diverging-red-blue-2 {
+    background-color: var(--color-viz-diverging-red-blue-2);
+  }
+  .bg-viz-diverging-red-blue-3 {
+    background-color: var(--color-viz-diverging-red-blue-3);
+  }
+  .bg-viz-diverging-red-blue-4 {
+    background-color: var(--color-viz-diverging-red-blue-4);
+  }
+  .bg-viz-diverging-red-blue-5 {
+    background-color: var(--color-viz-diverging-red-blue-5);
+  }
+  .bg-viz-diverging-red-blue-6 {
+    background-color: var(--color-viz-diverging-red-blue-6);
+  }
+  .bg-viz-diverging-red-blue-7 {
+    background-color: var(--color-viz-diverging-red-blue-7);
+  }
+  .bg-viz-diverging-red-blue-8 {
+    background-color: var(--color-viz-diverging-red-blue-8);
+  }
+  .bg-viz-diverging-red-blue-9 {
+    background-color: var(--color-viz-diverging-red-blue-9);
+  }
+  .bg-viz-diverging-red-blue-10 {
+    background-color: var(--color-viz-diverging-red-blue-10);
+  }
+  .bg-viz-diverging-red-yellow-blue-1 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-1);
+  }
+  .bg-viz-diverging-red-yellow-blue-2 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-2);
+  }
+  .bg-viz-diverging-red-yellow-blue-3 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-3);
+  }
+  .bg-viz-diverging-red-yellow-blue-4 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-4);
+  }
+  .bg-viz-diverging-red-yellow-blue-5 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-5);
+  }
+  .bg-viz-diverging-red-yellow-blue-6 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-6);
+  }
+  .bg-viz-diverging-red-yellow-blue-7 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-7);
+  }
+  .bg-viz-diverging-red-yellow-blue-8 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-8);
+  }
+  .bg-viz-diverging-red-yellow-blue-9 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-9);
+  }
+  .bg-viz-diverging-red-yellow-blue-10 {
+    background-color: var(--color-viz-diverging-red-yellow-blue-10);
+  }
+  .bg-viz-sequential-cerulean-1 {
+    background-color: var(--color-viz-sequential-cerulean-1);
+  }
+  .bg-viz-sequential-cerulean-2 {
+    background-color: var(--color-viz-sequential-cerulean-2);
+  }
+  .bg-viz-sequential-cerulean-3 {
+    background-color: var(--color-viz-sequential-cerulean-3);
+  }
+  .bg-viz-sequential-cerulean-4 {
+    background-color: var(--color-viz-sequential-cerulean-4);
+  }
+  .bg-viz-sequential-cerulean-5 {
+    background-color: var(--color-viz-sequential-cerulean-5);
+  }
+  .bg-viz-sequential-cerulean-6 {
+    background-color: var(--color-viz-sequential-cerulean-6);
+  }
+  .bg-viz-sequential-cerulean-7 {
+    background-color: var(--color-viz-sequential-cerulean-7);
+  }
+  .bg-viz-sequential-cerulean-8 {
+    background-color: var(--color-viz-sequential-cerulean-8);
+  }
+  .bg-viz-sequential-cerulean-9 {
+    background-color: var(--color-viz-sequential-cerulean-9);
+  }
+  .bg-viz-sequential-cerulean-10 {
+    background-color: var(--color-viz-sequential-cerulean-10);
+  }
+  .bg-viz-sequential-forest-1 {
+    background-color: var(--color-viz-sequential-forest-1);
+  }
+  .bg-viz-sequential-forest-2 {
+    background-color: var(--color-viz-sequential-forest-2);
+  }
+  .bg-viz-sequential-forest-3 {
+    background-color: var(--color-viz-sequential-forest-3);
+  }
+  .bg-viz-sequential-forest-4 {
+    background-color: var(--color-viz-sequential-forest-4);
+  }
+  .bg-viz-sequential-forest-5 {
+    background-color: var(--color-viz-sequential-forest-5);
+  }
+  .bg-viz-sequential-forest-6 {
+    background-color: var(--color-viz-sequential-forest-6);
+  }
+  .bg-viz-sequential-forest-7 {
+    background-color: var(--color-viz-sequential-forest-7);
+  }
+  .bg-viz-sequential-forest-8 {
+    background-color: var(--color-viz-sequential-forest-8);
+  }
+  .bg-viz-sequential-forest-9 {
+    background-color: var(--color-viz-sequential-forest-9);
+  }
+  .bg-viz-sequential-forest-10 {
+    background-color: var(--color-viz-sequential-forest-10);
+  }
+  .bg-viz-sequential-magma-1 {
+    background-color: var(--color-viz-sequential-magma-1);
+  }
+  .bg-viz-sequential-magma-2 {
+    background-color: var(--color-viz-sequential-magma-2);
+  }
+  .bg-viz-sequential-magma-3 {
+    background-color: var(--color-viz-sequential-magma-3);
+  }
+  .bg-viz-sequential-magma-4 {
+    background-color: var(--color-viz-sequential-magma-4);
+  }
+  .bg-viz-sequential-magma-5 {
+    background-color: var(--color-viz-sequential-magma-5);
+  }
+  .bg-viz-sequential-magma-6 {
+    background-color: var(--color-viz-sequential-magma-6);
+  }
+  .bg-viz-sequential-magma-7 {
+    background-color: var(--color-viz-sequential-magma-7);
+  }
+  .bg-viz-sequential-magma-8 {
+    background-color: var(--color-viz-sequential-magma-8);
+  }
+  .bg-viz-sequential-magma-9 {
+    background-color: var(--color-viz-sequential-magma-9);
+  }
+  .bg-viz-sequential-magma-10 {
+    background-color: var(--color-viz-sequential-magma-10);
+  }
+  .bg-viz-sequential-red-yellow-green-1 {
+    background-color: var(--color-viz-sequential-red-yellow-green-1);
+  }
+  .bg-viz-sequential-red-yellow-green-2 {
+    background-color: var(--color-viz-sequential-red-yellow-green-2);
+  }
+  .bg-viz-sequential-red-yellow-green-3 {
+    background-color: var(--color-viz-sequential-red-yellow-green-3);
+  }
+  .bg-viz-sequential-red-yellow-green-4 {
+    background-color: var(--color-viz-sequential-red-yellow-green-4);
+  }
+  .bg-viz-sequential-red-yellow-green-5 {
+    background-color: var(--color-viz-sequential-red-yellow-green-5);
+  }
+  .bg-viz-sequential-red-yellow-green-6 {
+    background-color: var(--color-viz-sequential-red-yellow-green-6);
+  }
+  .bg-viz-sequential-red-yellow-green-7 {
+    background-color: var(--color-viz-sequential-red-yellow-green-7);
+  }
+  .bg-viz-sequential-red-yellow-green-8 {
+    background-color: var(--color-viz-sequential-red-yellow-green-8);
+  }
+  .bg-viz-sequential-red-yellow-green-9 {
+    background-color: var(--color-viz-sequential-red-yellow-green-9);
+  }
+  .bg-viz-sequential-red-yellow-green-10 {
+    background-color: var(--color-viz-sequential-red-yellow-green-10);
+  }
+  .bg-viz-sequential-rose-1 {
+    background-color: var(--color-viz-sequential-rose-1);
+  }
+  .bg-viz-sequential-rose-2 {
+    background-color: var(--color-viz-sequential-rose-2);
+  }
+  .bg-viz-sequential-rose-3 {
+    background-color: var(--color-viz-sequential-rose-3);
+  }
+  .bg-viz-sequential-rose-4 {
+    background-color: var(--color-viz-sequential-rose-4);
+  }
+  .bg-viz-sequential-rose-5 {
+    background-color: var(--color-viz-sequential-rose-5);
+  }
+  .bg-viz-sequential-rose-6 {
+    background-color: var(--color-viz-sequential-rose-6);
+  }
+  .bg-viz-sequential-rose-7 {
+    background-color: var(--color-viz-sequential-rose-7);
+  }
+  .bg-viz-sequential-rose-8 {
+    background-color: var(--color-viz-sequential-rose-8);
+  }
+  .bg-viz-sequential-rose-9 {
+    background-color: var(--color-viz-sequential-rose-9);
+  }
+  .bg-viz-sequential-rose-10 {
+    background-color: var(--color-viz-sequential-rose-10);
+  }
+  .bg-viz-sequential-viridis-1 {
+    background-color: var(--color-viz-sequential-viridis-1);
+  }
+  .bg-viz-sequential-viridis-2 {
+    background-color: var(--color-viz-sequential-viridis-2);
+  }
+  .bg-viz-sequential-viridis-3 {
+    background-color: var(--color-viz-sequential-viridis-3);
+  }
+  .bg-viz-sequential-viridis-4 {
+    background-color: var(--color-viz-sequential-viridis-4);
+  }
+  .bg-viz-sequential-viridis-5 {
+    background-color: var(--color-viz-sequential-viridis-5);
+  }
+  .bg-viz-sequential-viridis-6 {
+    background-color: var(--color-viz-sequential-viridis-6);
+  }
+  .bg-viz-sequential-viridis-7 {
+    background-color: var(--color-viz-sequential-viridis-7);
+  }
+  .bg-viz-sequential-viridis-8 {
+    background-color: var(--color-viz-sequential-viridis-8);
+  }
+  .bg-viz-sequential-viridis-9 {
+    background-color: var(--color-viz-sequential-viridis-9);
+  }
+  .bg-viz-sequential-viridis-10 {
+    background-color: var(--color-viz-sequential-viridis-10);
+  }
+  .bg-warning-base {
+    background-color: var(--color-warning-base);
+  }
+  .bg-warning-dark {
+    background-color: var(--color-warning-dark);
+  }
+  .bg-warning-light {
+    background-color: var(--color-warning-light);
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
   .bg-gradient-to-br {
     --tw-gradient-position: to bottom right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -4958,12 +5695,33 @@
   .text-action-brand {
     color: var(--color-action-brand);
   }
+  .text-action-brand-text {
+    color: var(--color-action-brand-text);
+  }
+  .text-action-default {
+    color: var(--color-action-default);
+  }
+  .text-action-default-text {
+    color: var(--color-action-default-text);
+  }
   .text-action-destructive {
     color: var(--color-action-destructive);
   }
+  .text-action-destructive-text {
+    color: var(--color-action-destructive-text);
+  }
   .text-action-primary {
     color: var(--color-action-primary);
   }
+  .text-action-primary-text {
+    color: var(--color-action-primary-text);
+  }
+  .text-action-secondary {
+    color: var(--color-action-secondary);
+  }
+  .text-action-secondary-text {
+    color: var(--color-action-secondary-text);
+  }
   .text-amber-800 {
     color: var(--color-amber-800);
   }
@@ -4973,6 +5731,9 @@
   .text-background-body {
     color: var(--color-background-body);
   }
+  .text-black {
+    color: var(--color-black);
+  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }
@@ -4985,9 +5746,24 @@
   .text-brand-primary {
     color: var(--color-brand-primary);
   }
+  .text-canary-base {
+    color: var(--color-canary-base);
+  }
+  .text-canary-pastel {
+    color: var(--color-canary-pastel);
+  }
   .text-current {
     color: currentcolor;
   }
+  .text-error-base {
+    color: var(--color-error-base);
+  }
+  .text-error-dark {
+    color: var(--color-error-dark);
+  }
+  .text-error-light {
+    color: var(--color-error-light);
+  }
   .text-feedback-error-border {
     color: var(--color-feedback-error-border);
   }
@@ -5012,24 +5788,96 @@
   .text-feedback-warning-text {
     color: var(--color-feedback-warning-text);
   }
+  .text-graphite {
+    color: var(--color-graphite);
+  }
+  .text-gray-50 {
+    color: var(--color-gray-50);
+  }
+  .text-gray-100 {
+    color: var(--color-gray-100);
+  }
+  .text-gray-200 {
+    color: var(--color-gray-200);
+  }
+  .text-gray-300 {
+    color: var(--color-gray-300);
+  }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
   .text-gray-500 {
     color: var(--color-gray-500);
   }
+  .text-gray-600 {
+    color: var(--color-gray-600);
+  }
   .text-gray-700 {
     color: var(--color-gray-700);
   }
+  .text-gray-800 {
+    color: var(--color-gray-800);
+  }
   .text-gray-900 {
     color: var(--color-gray-900);
   }
+  .text-gray-950 {
+    color: var(--color-gray-950);
+  }
   .text-green-600 {
     color: var(--color-green-600);
   }
   .text-green-900 {
     color: var(--color-green-900);
   }
+  .text-honey-base {
+    color: var(--color-honey-base);
+  }
+  .text-honey-pastel {
+    color: var(--color-honey-pastel);
+  }
+  .text-info-base {
+    color: var(--color-info-base);
+  }
+  .text-info-dark {
+    color: var(--color-info-dark);
+  }
+  .text-info-light {
+    color: var(--color-info-light);
+  }
+  .text-ink {
+    color: var(--color-ink);
+  }
+  .text-iris-base {
+    color: var(--color-iris-base);
+  }
+  .text-iris-pastel {
+    color: var(--color-iris-pastel);
+  }
+  .text-linen {
+    color: var(--color-linen);
+  }
   .text-map-marker-default {
     color: var(--color-map-marker-default);
   }
+  .text-moss-base {
+    color: var(--color-moss-base);
+  }
+  .text-moss-pastel {
+    color: var(--color-moss-pastel);
+  }
+  .text-ocean-base {
+    color: var(--color-ocean-base);
+  }
+  .text-ocean-pastel {
+    color: var(--color-ocean-pastel);
+  }
+  .text-plum-base {
+    color: var(--color-plum-base);
+  }
+  .text-plum-pastel {
+    color: var(--color-plum-pastel);
+  }
   .text-red-500 {
     color: var(--color-red-500);
   }
@@ -5039,42 +5887,99 @@
   .text-red-900 {
     color: var(--color-red-900);
   }
+  .text-rose-base {
+    color: var(--color-rose-base);
+  }
+  .text-rose-pastel {
+    color: var(--color-rose-pastel);
+  }
+  .text-state-auto {
+    color: var(--color-state-auto);
+  }
   .text-state-auto-text {
     color: var(--color-state-auto-text);
   }
+  .text-state-charging {
+    color: var(--color-state-charging);
+  }
   .text-state-charging-text {
     color: var(--color-state-charging-text);
   }
+  .text-state-circulate {
+    color: var(--color-state-circulate);
+  }
+  .text-state-circulate-text {
+    color: var(--color-state-circulate-text);
+  }
+  .text-state-cool {
+    color: var(--color-state-cool);
+  }
   .text-state-cool-text {
     color: var(--color-state-cool-text);
   }
+  .text-state-discharging {
+    color: var(--color-state-discharging);
+  }
   .text-state-discharging-text {
     color: var(--color-state-discharging-text);
   }
+  .text-state-eco {
+    color: var(--color-state-eco);
+  }
   .text-state-eco-text {
     color: var(--color-state-eco-text);
   }
+  .text-state-exporting {
+    color: var(--color-state-exporting);
+  }
   .text-state-exporting-text {
     color: var(--color-state-exporting-text);
   }
+  .text-state-heat {
+    color: var(--color-state-heat);
+  }
   .text-state-heat-text {
     color: var(--color-state-heat-text);
   }
+  .text-state-idle {
+    color: var(--color-state-idle);
+  }
   .text-state-idle-text {
     color: var(--color-state-idle-text);
   }
+  .text-state-importing {
+    color: var(--color-state-importing);
+  }
   .text-state-importing-text {
     color: var(--color-state-importing-text);
   }
+  .text-state-off {
+    color: var(--color-state-off);
+  }
   .text-state-off-text {
     color: var(--color-state-off-text);
   }
+  .text-state-on {
+    color: var(--color-state-on);
+  }
   .text-state-on-text {
     color: var(--color-state-on-text);
   }
+  .text-state-unknown {
+    color: var(--color-state-unknown);
+  }
   .text-state-unknown-text {
     color: var(--color-state-unknown-text);
   }
+  .text-success-base {
+    color: var(--color-success-base);
+  }
+  .text-success-dark {
+    color: var(--color-success-dark);
+  }
+  .text-success-light {
+    color: var(--color-success-light);
+  }
   .text-text-body {
     color: var(--color-text-body);
   }
@@ -5096,9 +6001,15 @@
       color: color-mix(in oklab, var(--color-text-inverse) 90%, transparent);
     }
   }
+  .text-text-label {
+    color: var(--color-text-label);
+  }
   .text-text-link-default {
     color: var(--color-text-link-default);
   }
+  .text-text-link-hover {
+    color: var(--color-text-link-hover);
+  }
   .text-text-muted {
     color: var(--color-text-muted);
   }
@@ -5117,12 +6028,327 @@
   .text-text-secondary {
     color: var(--color-text-secondary);
   }
+  .text-text-subtle {
+    color: var(--color-text-subtle);
+  }
+  .text-viz-categorical-1 {
+    color: var(--color-viz-categorical-1);
+  }
+  .text-viz-categorical-2 {
+    color: var(--color-viz-categorical-2);
+  }
+  .text-viz-categorical-3 {
+    color: var(--color-viz-categorical-3);
+  }
   .text-viz-categorical-4 {
     color: var(--color-viz-categorical-4);
   }
   .text-viz-categorical-5 {
     color: var(--color-viz-categorical-5);
   }
+  .text-viz-categorical-6 {
+    color: var(--color-viz-categorical-6);
+  }
+  .text-viz-categorical-7 {
+    color: var(--color-viz-categorical-7);
+  }
+  .text-viz-categorical-8 {
+    color: var(--color-viz-categorical-8);
+  }
+  .text-viz-categorical-9 {
+    color: var(--color-viz-categorical-9);
+  }
+  .text-viz-categorical-10 {
+    color: var(--color-viz-categorical-10);
+  }
+  .text-viz-categorical-11 {
+    color: var(--color-viz-categorical-11);
+  }
+  .text-viz-categorical-12 {
+    color: var(--color-viz-categorical-12);
+  }
+  .text-viz-default {
+    color: var(--color-viz-default);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-1 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-1);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-2 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-2);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-3 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-3);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-4 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-4);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-5 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-5);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-6 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-6);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-7 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-7);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-8 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-8);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-9 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-9);
+  }
+  .text-viz-diverging-orange-yellow-seafoam-10 {
+    color: var(--color-viz-diverging-orange-yellow-seafoam-10);
+  }
+  .text-viz-diverging-red-blue-1 {
+    color: var(--color-viz-diverging-red-blue-1);
+  }
+  .text-viz-diverging-red-blue-2 {
+    color: var(--color-viz-diverging-red-blue-2);
+  }
+  .text-viz-diverging-red-blue-3 {
+    color: var(--color-viz-diverging-red-blue-3);
+  }
+  .text-viz-diverging-red-blue-4 {
+    color: var(--color-viz-diverging-red-blue-4);
+  }
+  .text-viz-diverging-red-blue-5 {
+    color: var(--color-viz-diverging-red-blue-5);
+  }
+  .text-viz-diverging-red-blue-6 {
+    color: var(--color-viz-diverging-red-blue-6);
+  }
+  .text-viz-diverging-red-blue-7 {
+    color: var(--color-viz-diverging-red-blue-7);
+  }
+  .text-viz-diverging-red-blue-8 {
+    color: var(--color-viz-diverging-red-blue-8);
+  }
+  .text-viz-diverging-red-blue-9 {
+    color: var(--color-viz-diverging-red-blue-9);
+  }
+  .text-viz-diverging-red-blue-10 {
+    color: var(--color-viz-diverging-red-blue-10);
+  }
+  .text-viz-diverging-red-yellow-blue-1 {
+    color: var(--color-viz-diverging-red-yellow-blue-1);
+  }
+  .text-viz-diverging-red-yellow-blue-2 {
+    color: var(--color-viz-diverging-red-yellow-blue-2);
+  }
+  .text-viz-diverging-red-yellow-blue-3 {
+    color: var(--color-viz-diverging-red-yellow-blue-3);
+  }
+  .text-viz-diverging-red-yellow-blue-4 {
+    color: var(--color-viz-diverging-red-yellow-blue-4);
+  }
+  .text-viz-diverging-red-yellow-blue-5 {
+    color: var(--color-viz-diverging-red-yellow-blue-5);
+  }
+  .text-viz-diverging-red-yellow-blue-6 {
+    color: var(--color-viz-diverging-red-yellow-blue-6);
+  }
+  .text-viz-diverging-red-yellow-blue-7 {
+    color: var(--color-viz-diverging-red-yellow-blue-7);
+  }
+  .text-viz-diverging-red-yellow-blue-8 {
+    color: var(--color-viz-diverging-red-yellow-blue-8);
+  }
+  .text-viz-diverging-red-yellow-blue-9 {
+    color: var(--color-viz-diverging-red-yellow-blue-9);
+  }
+  .text-viz-diverging-red-yellow-blue-10 {
+    color: var(--color-viz-diverging-red-yellow-blue-10);
+  }
+  .text-viz-sequential-cerulean-1 {
+    color: var(--color-viz-sequential-cerulean-1);
+  }
+  .text-viz-sequential-cerulean-2 {
+    color: var(--color-viz-sequential-cerulean-2);
+  }
+  .text-viz-sequential-cerulean-3 {
+    color: var(--color-viz-sequential-cerulean-3);
+  }
+  .text-viz-sequential-cerulean-4 {
+    color: var(--color-viz-sequential-cerulean-4);
+  }
+  .text-viz-sequential-cerulean-5 {
+    color: var(--color-viz-sequential-cerulean-5);
+  }
+  .text-viz-sequential-cerulean-6 {
+    color: var(--color-viz-sequential-cerulean-6);
+  }
+  .text-viz-sequential-cerulean-7 {
+    color: var(--color-viz-sequential-cerulean-7);
+  }
+  .text-viz-sequential-cerulean-8 {
+    color: var(--color-viz-sequential-cerulean-8);
+  }
+  .text-viz-sequential-cerulean-9 {
+    color: var(--color-viz-sequential-cerulean-9);
+  }
+  .text-viz-sequential-cerulean-10 {
+    color: var(--color-viz-sequential-cerulean-10);
+  }
+  .text-viz-sequential-forest-1 {
+    color: var(--color-viz-sequential-forest-1);
+  }
+  .text-viz-sequential-forest-2 {
+    color: var(--color-viz-sequential-forest-2);
+  }
+  .text-viz-sequential-forest-3 {
+    color: var(--color-viz-sequential-forest-3);
+  }
+  .text-viz-sequential-forest-4 {
+    color: var(--color-viz-sequential-forest-4);
+  }
+  .text-viz-sequential-forest-5 {
+    color: var(--color-viz-sequential-forest-5);
+  }
+  .text-viz-sequential-forest-6 {
+    color: var(--color-viz-sequential-forest-6);
+  }
+  .text-viz-sequential-forest-7 {
+    color: var(--color-viz-sequential-forest-7);
+  }
+  .text-viz-sequential-forest-8 {
+    color: var(--color-viz-sequential-forest-8);
+  }
+  .text-viz-sequential-forest-9 {
+    color: var(--color-viz-sequential-forest-9);
+  }
+  .text-viz-sequential-forest-10 {
+    color: var(--color-viz-sequential-forest-10);
+  }
+  .text-viz-sequential-magma-1 {
+    color: var(--color-viz-sequential-magma-1);
+  }
+  .text-viz-sequential-magma-2 {
+    color: var(--color-viz-sequential-magma-2);
+  }
+  .text-viz-sequential-magma-3 {
+    color: var(--color-viz-sequential-magma-3);
+  }
+  .text-viz-sequential-magma-4 {
+    color: var(--color-viz-sequential-magma-4);
+  }
+  .text-viz-sequential-magma-5 {
+    color: var(--color-viz-sequential-magma-5);
+  }
+  .text-viz-sequential-magma-6 {
+    color: var(--color-viz-sequential-magma-6);
+  }
+  .text-viz-sequential-magma-7 {
+    color: var(--color-viz-sequential-magma-7);
+  }
+  .text-viz-sequential-magma-8 {
+    color: var(--color-viz-sequential-magma-8);
+  }
+  .text-viz-sequential-magma-9 {
+    color: var(--color-viz-sequential-magma-9);
+  }
+  .text-viz-sequential-magma-10 {
+    color: var(--color-viz-sequential-magma-10);
+  }
+  .text-viz-sequential-red-yellow-green-1 {
+    color: var(--color-viz-sequential-red-yellow-green-1);
+  }
+  .text-viz-sequential-red-yellow-green-2 {
+    color: var(--color-viz-sequential-red-yellow-green-2);
+  }
+  .text-viz-sequential-red-yellow-green-3 {
+    color: var(--color-viz-sequential-red-yellow-green-3);
+  }
+  .text-viz-sequential-red-yellow-green-4 {
+    color: var(--color-viz-sequential-red-yellow-green-4);
+  }
+  .text-viz-sequential-red-yellow-green-5 {
+    color: var(--color-viz-sequential-red-yellow-green-5);
+  }
+  .text-viz-sequential-red-yellow-green-6 {
+    color: var(--color-viz-sequential-red-yellow-green-6);
+  }
+  .text-viz-sequential-red-yellow-green-7 {
+    color: var(--color-viz-sequential-red-yellow-green-7);
+  }
+  .text-viz-sequential-red-yellow-green-8 {
+    color: var(--color-viz-sequential-red-yellow-green-8);
+  }
+  .text-viz-sequential-red-yellow-green-9 {
+    color: var(--color-viz-sequential-red-yellow-green-9);
+  }
+  .text-viz-sequential-red-yellow-green-10 {
+    color: var(--color-viz-sequential-red-yellow-green-10);
+  }
+  .text-viz-sequential-rose-1 {
+    color: var(--color-viz-sequential-rose-1);
+  }
+  .text-viz-sequential-rose-2 {
+    color: var(--color-viz-sequential-rose-2);
+  }
+  .text-viz-sequential-rose-3 {
+    color: var(--color-viz-sequential-rose-3);
+  }
+  .text-viz-sequential-rose-4 {
+    color: var(--color-viz-sequential-rose-4);
+  }
+  .text-viz-sequential-rose-5 {
+    color: var(--color-viz-sequential-rose-5);
+  }
+  .text-viz-sequential-rose-6 {
+    color: var(--color-viz-sequential-rose-6);
+  }
+  .text-viz-sequential-rose-7 {
+    color: var(--color-viz-sequential-rose-7);
+  }
+  .text-viz-sequential-rose-8 {
+    color: var(--color-viz-sequential-rose-8);
+  }
+  .text-viz-sequential-rose-9 {
+    color: var(--color-viz-sequential-rose-9);
+  }
+  .text-viz-sequential-rose-10 {
+    color: var(--color-viz-sequential-rose-10);
+  }
+  .text-viz-sequential-viridis-1 {
+    color: var(--color-viz-sequential-viridis-1);
+  }
+  .text-viz-sequential-viridis-2 {
+    color: var(--color-viz-sequential-viridis-2);
+  }
+  .text-viz-sequential-viridis-3 {
+    color: var(--color-viz-sequential-viridis-3);
+  }
+  .text-viz-sequential-viridis-4 {
+    color: var(--color-viz-sequential-viridis-4);
+  }
+  .text-viz-sequential-viridis-5 {
+    color: var(--color-viz-sequential-viridis-5);
+  }
+  .text-viz-sequential-viridis-6 {
+    color: var(--color-viz-sequential-viridis-6);
+  }
+  .text-viz-sequential-viridis-7 {
+    color: var(--color-viz-sequential-viridis-7);
+  }
+  .text-viz-sequential-viridis-8 {
+    color: var(--color-viz-sequential-viridis-8);
+  }
+  .text-viz-sequential-viridis-9 {
+    color: var(--color-viz-sequential-viridis-9);
+  }
+  .text-viz-sequential-viridis-10 {
+    color: var(--color-viz-sequential-viridis-10);
+  }
+  .text-warning-base {
+    color: var(--color-warning-base);
+  }
+  .text-warning-dark {
+    color: var(--color-warning-dark);
+  }
+  .text-warning-light {
+    color: var(--color-warning-light);
+  }
   .text-white {
     color: var(--color-white);
   }