@texturehq/edges 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/components.manifest.json +2 -2
  2. package/dist/generated/tailwind-tokens-dark.css +120 -87
  3. package/dist/generated/tailwind-tokens-light.css +117 -87
  4. package/dist/generated/viz-runtime.css +193 -0
  5. package/dist/index.cjs +7 -7
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +2 -2
  8. package/dist/index.d.ts +2 -2
  9. package/dist/index.js +7 -7
  10. package/dist/index.js.map +1 -1
  11. package/dist/{server-iqeQRrwF.d.cts → server-Utz6Sv9w.d.cts} +6 -6
  12. package/dist/{server-iqeQRrwF.d.ts → server-Utz6Sv9w.d.ts} +6 -6
  13. package/dist/server.cjs +2 -2
  14. package/dist/server.cjs.map +1 -1
  15. package/dist/server.d.cts +1 -1
  16. package/dist/server.d.ts +1 -1
  17. package/dist/server.js +2 -2
  18. package/dist/server.js.map +1 -1
  19. package/dist/styles.css +308 -88
  20. package/dist/theme.css +6 -0
  21. package/dist/utilities.manifest.json +189 -14
  22. package/package.json +1 -1
  23. package/scripts/copy-assets.js +1 -0
  24. package/scripts/generate-viz-runtime.js +95 -0
package/dist/components.manifest.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.3.0",
3
- "generatedAt": "2025-10-08T13:13:11.551Z",
2
+ "version": "1.4.0",
3
+ "generatedAt": "2025-10-09T18:20:15.826Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "ActionCell",
package/dist/generated/tailwind-tokens-dark.css CHANGED
@@ -75,93 +75,93 @@
75
75
  --color-skeleton-wave: rgba(255, 255, 255, 0.3);
76
76
  --color-neutral-white: #ffffff;
77
77
  --color-neutral-black: #000000;
78
- --color-data-categorical-1: #a3eae4;
79
- --color-data-categorical-2: #91a0ff;
80
- --color-data-categorical-3: #ffd1a3;
81
- --color-data-categorical-4: #ffabc8;
82
- --color-data-categorical-5: #c1b8ff;
83
- --color-data-categorical-6: #e0ffb8;
84
- --color-data-sequential-viridis-1: #fafa37;
85
- --color-data-sequential-viridis-2: #d6e654;
86
- --color-data-sequential-viridis-3: #b2d373;
87
- --color-data-sequential-viridis-4: #88be8c;
88
- --color-data-sequential-viridis-5: #5fa2a4;
89
- --color-data-sequential-viridis-6: #3d7eaa;
90
- --color-data-sequential-viridis-7: #2a60b1;
91
- --color-data-sequential-viridis-8: #1b3a99;
92
- --color-data-sequential-viridis-9: #132353;
93
- --color-data-sequential-viridis-10: #110f39;
94
- --color-data-sequential-magma-1: #fcf5cd;
95
- --color-data-sequential-magma-2: #f5db95;
96
- --color-data-sequential-magma-3: #e9af7c;
97
- --color-data-sequential-magma-4: #db7d70;
98
- --color-data-sequential-magma-5: #b9577a;
99
- --color-data-sequential-magma-6: #883482;
100
- --color-data-sequential-magma-7: #6a1f78;
101
- --color-data-sequential-magma-8: #4b1277;
102
- --color-data-sequential-magma-9: #2d0b42;
103
- --color-data-sequential-magma-10: #0b0511;
104
- --color-data-sequential-rose-1: #fef3e7;
105
- --color-data-sequential-rose-2: #f5c7e0;
106
- --color-data-sequential-rose-3: #ec9bce;
107
- --color-data-sequential-rose-4: #d86db0;
108
- --color-data-sequential-rose-5: #be4a8b;
109
- --color-data-sequential-rose-6: #9d2f76;
110
- --color-data-sequential-rose-7: #78176c;
111
- --color-data-sequential-rose-8: #56135c;
112
- --color-data-sequential-rose-9: #371344;
113
- --color-data-sequential-rose-10: #190b29;
114
- --color-data-sequential-cerulean-1: #e2f7f2;
115
- --color-data-sequential-cerulean-2: #b6e4e8;
116
- --color-data-sequential-cerulean-3: #8bd3d7;
117
- --color-data-sequential-cerulean-4: #60b2c7;
118
- --color-data-sequential-cerulean-5: #3d91b6;
119
- --color-data-sequential-cerulean-6: #22698e;
120
- --color-data-sequential-cerulean-7: #0e486a;
121
- --color-data-sequential-cerulean-8: #0a314d;
122
- --color-data-sequential-cerulean-9: #081e33;
123
- --color-data-sequential-cerulean-10: #030e1d;
124
- --color-data-sequential-forest-1: #f4fad8;
125
- --color-data-sequential-forest-2: #d6e6a5;
126
- --color-data-sequential-forest-3: #b2cd73;
127
- --color-data-sequential-forest-4: #88af52;
128
- --color-data-sequential-forest-5: #5f8835;
129
- --color-data-sequential-forest-6: #3d6426;
130
- --color-data-sequential-forest-7: #2a461a;
131
- --color-data-sequential-forest-8: #1b2e13;
132
- --color-data-sequential-forest-9: #13200d;
133
- --color-data-sequential-forest-10: #0b1305;
134
- --color-data-diverging-orange-yellow-seafoam-1: #6b2c1a;
135
- --color-data-diverging-orange-yellow-seafoam-2: #a24b1e;
136
- --color-data-diverging-orange-yellow-seafoam-3: #cb7131;
137
- --color-data-diverging-orange-yellow-seafoam-4: #e2a05d;
138
- --color-data-diverging-orange-yellow-seafoam-5: #f3e1a3;
139
- --color-data-diverging-orange-yellow-seafoam-6: #c1e4d2;
140
- --color-data-diverging-orange-yellow-seafoam-7: #7eb8b1;
141
- --color-data-diverging-orange-yellow-seafoam-8: #4c8c89;
142
- --color-data-diverging-orange-yellow-seafoam-9: #2b6262;
143
- --color-data-diverging-orange-yellow-seafoam-10: #1b3d3c;
144
- --color-data-diverging-red-yellow-blue-1: #4e142d;
145
- --color-data-diverging-red-yellow-blue-2: #8b2d4e;
146
- --color-data-diverging-red-yellow-blue-3: #c15a4a;
147
- --color-data-diverging-red-yellow-blue-4: #db8b6a;
148
- --color-data-diverging-red-yellow-blue-5: #f3e1a3;
149
- --color-data-diverging-red-yellow-blue-6: #bfd4c7;
150
- --color-data-diverging-red-yellow-blue-7: #7c9eb9;
151
- --color-data-diverging-red-yellow-blue-8: #4770a3;
152
- --color-data-diverging-red-yellow-blue-9: #2e4d8c;
153
- --color-data-diverging-red-yellow-blue-10: #18274e;
154
- --color-data-diverging-red-blue-1: #4e142d;
155
- --color-data-diverging-red-blue-2: #8b2d4e;
156
- --color-data-diverging-red-blue-3: #c15a7a;
157
- --color-data-diverging-red-blue-4: #db8b9e;
158
- --color-data-diverging-red-blue-5: #f3e1f4;
159
- --color-data-diverging-red-blue-6: #c7bfe2;
160
- --color-data-diverging-red-blue-7: #9ea7ce;
161
- --color-data-diverging-red-blue-8: #7080b5;
162
- --color-data-diverging-red-blue-9: #4d5e99;
163
- --color-data-diverging-red-blue-10: #2b3d70;
164
- --color-data-default: #444ae1;
78
+ --color-viz-categorical-1: #a3eae4;
79
+ --color-viz-categorical-2: #91a0ff;
80
+ --color-viz-categorical-3: #ffd1a3;
81
+ --color-viz-categorical-4: #ffabc8;
82
+ --color-viz-categorical-5: #c1b8ff;
83
+ --color-viz-categorical-6: #e0ffb8;
84
+ --color-viz-sequential-viridis-1: #fafa37;
85
+ --color-viz-sequential-viridis-2: #d6e654;
86
+ --color-viz-sequential-viridis-3: #b2d373;
87
+ --color-viz-sequential-viridis-4: #88be8c;
88
+ --color-viz-sequential-viridis-5: #5fa2a4;
89
+ --color-viz-sequential-viridis-6: #3d7eaa;
90
+ --color-viz-sequential-viridis-7: #2a60b1;
91
+ --color-viz-sequential-viridis-8: #1b3a99;
92
+ --color-viz-sequential-viridis-9: #132353;
93
+ --color-viz-sequential-viridis-10: #110f39;
94
+ --color-viz-sequential-magma-1: #fcf5cd;
95
+ --color-viz-sequential-magma-2: #f5db95;
96
+ --color-viz-sequential-magma-3: #e9af7c;
97
+ --color-viz-sequential-magma-4: #db7d70;
98
+ --color-viz-sequential-magma-5: #b9577a;
99
+ --color-viz-sequential-magma-6: #883482;
100
+ --color-viz-sequential-magma-7: #6a1f78;
101
+ --color-viz-sequential-magma-8: #4b1277;
102
+ --color-viz-sequential-magma-9: #2d0b42;
103
+ --color-viz-sequential-magma-10: #0b0511;
104
+ --color-viz-sequential-rose-1: #fef3e7;
105
+ --color-viz-sequential-rose-2: #f5c7e0;
106
+ --color-viz-sequential-rose-3: #ec9bce;
107
+ --color-viz-sequential-rose-4: #d86db0;
108
+ --color-viz-sequential-rose-5: #be4a8b;
109
+ --color-viz-sequential-rose-6: #9d2f76;
110
+ --color-viz-sequential-rose-7: #78176c;
111
+ --color-viz-sequential-rose-8: #56135c;
112
+ --color-viz-sequential-rose-9: #371344;
113
+ --color-viz-sequential-rose-10: #190b29;
114
+ --color-viz-sequential-cerulean-1: #e2f7f2;
115
+ --color-viz-sequential-cerulean-2: #b6e4e8;
116
+ --color-viz-sequential-cerulean-3: #8bd3d7;
117
+ --color-viz-sequential-cerulean-4: #60b2c7;
118
+ --color-viz-sequential-cerulean-5: #3d91b6;
119
+ --color-viz-sequential-cerulean-6: #22698e;
120
+ --color-viz-sequential-cerulean-7: #0e486a;
121
+ --color-viz-sequential-cerulean-8: #0a314d;
122
+ --color-viz-sequential-cerulean-9: #081e33;
123
+ --color-viz-sequential-cerulean-10: #030e1d;
124
+ --color-viz-sequential-forest-1: #f4fad8;
125
+ --color-viz-sequential-forest-2: #d6e6a5;
126
+ --color-viz-sequential-forest-3: #b2cd73;
127
+ --color-viz-sequential-forest-4: #88af52;
128
+ --color-viz-sequential-forest-5: #5f8835;
129
+ --color-viz-sequential-forest-6: #3d6426;
130
+ --color-viz-sequential-forest-7: #2a461a;
131
+ --color-viz-sequential-forest-8: #1b2e13;
132
+ --color-viz-sequential-forest-9: #13200d;
133
+ --color-viz-sequential-forest-10: #0b1305;
134
+ --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
135
+ --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
136
+ --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
137
+ --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
138
+ --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
139
+ --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
140
+ --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
141
+ --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
142
+ --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
143
+ --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
144
+ --color-viz-diverging-red-yellow-blue-1: #4e142d;
145
+ --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
146
+ --color-viz-diverging-red-yellow-blue-3: #c15a4a;
147
+ --color-viz-diverging-red-yellow-blue-4: #db8b6a;
148
+ --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
149
+ --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
150
+ --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
151
+ --color-viz-diverging-red-yellow-blue-8: #4770a3;
152
+ --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
153
+ --color-viz-diverging-red-yellow-blue-10: #18274e;
154
+ --color-viz-diverging-red-blue-1: #4e142d;
155
+ --color-viz-diverging-red-blue-2: #8b2d4e;
156
+ --color-viz-diverging-red-blue-3: #c15a7a;
157
+ --color-viz-diverging-red-blue-4: #db8b9e;
158
+ --color-viz-diverging-red-blue-5: #f3e1f4;
159
+ --color-viz-diverging-red-blue-6: #c7bfe2;
160
+ --color-viz-diverging-red-blue-7: #9ea7ce;
161
+ --color-viz-diverging-red-blue-8: #7080b5;
162
+ --color-viz-diverging-red-blue-9: #4d5e99;
163
+ --color-viz-diverging-red-blue-10: #2b3d70;
164
+ --color-viz-default: #444ae1;
165
165
  --spacing-0: 0px;
166
166
  --spacing-1: 0.25rem;
167
167
  --spacing-2: 0.5rem;
@@ -239,6 +239,36 @@
239
239
  --font-letterspacing-wide: 0.025em;
240
240
  --font-letterspacing-wider: 0.05em;
241
241
  --font-letterspacing-widest: 0.1em;
242
+ --action-primary-background: #444ae1;
243
+ --action-primary-hover: #363ccb;
244
+ --action-primary-text: #ffffff;
245
+ --action-secondary-background: #111827;
246
+ --action-secondary-hover: #374151;
247
+ --action-secondary-text: #ffffff;
248
+ --action-destructive-background: oklch(0.505 0.213 27.518);
249
+ --action-destructive-hover: oklch(0.444 0.177 26.899);
250
+ --action-destructive-text: #ffffff;
251
+ --action-disabled-background: #d1d5db;
252
+ --action-disabled-text: #6b7280;
253
+ --feedback-success-text: oklch(0.314 0.095 133.748);
254
+ --feedback-success-icon: oklch(0.314 0.095 133.748);
255
+ --feedback-success-background: oklch(0.982 0.018 131.68);
256
+ --feedback-success-border: oklch(0.627 0.194 130.331);
257
+ --feedback-error-text: oklch(0.505 0.213 27.518);
258
+ --feedback-error-icon: oklch(0.505 0.213 27.518);
259
+ --feedback-error-background: oklch(0.971 0.013 17.38);
260
+ --feedback-error-border: oklch(0.637 0.237 25.331);
261
+ --feedback-warning-text: oklch(0.398 0.092 60.236);
262
+ --feedback-warning-icon: oklch(0.398 0.092 60.236);
263
+ --feedback-warning-background: oklch(0.987 0.024 102.851);
264
+ --feedback-warning-border: oklch(0.795 0.184 86.047);
265
+ --feedback-info-text: oklch(0.488 0.243 255.638);
266
+ --feedback-info-icon: oklch(0.488 0.243 255.638);
267
+ --feedback-info-background: oklch(0.97 0.014 237.69);
268
+ --feedback-info-border: oklch(0.809 0.105 244.039);
269
+ --color-map-streets-border: #000000;
270
+ --color-map-satellite-border: #ffffff;
271
+ --color-map-neutral-border: #000000;
242
272
  --color-background-body: #151a30;
243
273
  --color-background-surface: #1a2038;
244
274
  --color-background-muted: #374151;
@@ -278,4 +308,7 @@
278
308
  --color-action-secondary: #e5e7eb;
279
309
  --color-action-secondary-hover: #f3f4f6;
280
310
  --color-action-secondary-text: #111827;
311
+ --color-map-streets-border: #ffffff;
312
+ --color-map-satellite-border: #ffffff;
313
+ --color-map-neutral-border: #ffffff;
281
314
  }
package/dist/generated/tailwind-tokens-light.css CHANGED
@@ -75,93 +75,93 @@
75
75
  --color-skeleton-wave: rgba(255, 255, 255, 0.3);
76
76
  --color-neutral-white: #ffffff;
77
77
  --color-neutral-black: #000000;
78
- --color-data-categorical-1: #a3eae4;
79
- --color-data-categorical-2: #91a0ff;
80
- --color-data-categorical-3: #ffd1a3;
81
- --color-data-categorical-4: #ffabc8;
82
- --color-data-categorical-5: #c1b8ff;
83
- --color-data-categorical-6: #e0ffb8;
84
- --color-data-sequential-viridis-1: #fafa37;
85
- --color-data-sequential-viridis-2: #d6e654;
86
- --color-data-sequential-viridis-3: #b2d373;
87
- --color-data-sequential-viridis-4: #88be8c;
88
- --color-data-sequential-viridis-5: #5fa2a4;
89
- --color-data-sequential-viridis-6: #3d7eaa;
90
- --color-data-sequential-viridis-7: #2a60b1;
91
- --color-data-sequential-viridis-8: #1b3a99;
92
- --color-data-sequential-viridis-9: #132353;
93
- --color-data-sequential-viridis-10: #110f39;
94
- --color-data-sequential-magma-1: #fcf5cd;
95
- --color-data-sequential-magma-2: #f5db95;
96
- --color-data-sequential-magma-3: #e9af7c;
97
- --color-data-sequential-magma-4: #db7d70;
98
- --color-data-sequential-magma-5: #b9577a;
99
- --color-data-sequential-magma-6: #883482;
100
- --color-data-sequential-magma-7: #6a1f78;
101
- --color-data-sequential-magma-8: #4b1277;
102
- --color-data-sequential-magma-9: #2d0b42;
103
- --color-data-sequential-magma-10: #0b0511;
104
- --color-data-sequential-rose-1: #fef3e7;
105
- --color-data-sequential-rose-2: #f5c7e0;
106
- --color-data-sequential-rose-3: #ec9bce;
107
- --color-data-sequential-rose-4: #d86db0;
108
- --color-data-sequential-rose-5: #be4a8b;
109
- --color-data-sequential-rose-6: #9d2f76;
110
- --color-data-sequential-rose-7: #78176c;
111
- --color-data-sequential-rose-8: #56135c;
112
- --color-data-sequential-rose-9: #371344;
113
- --color-data-sequential-rose-10: #190b29;
114
- --color-data-sequential-cerulean-1: #e2f7f2;
115
- --color-data-sequential-cerulean-2: #b6e4e8;
116
- --color-data-sequential-cerulean-3: #8bd3d7;
117
- --color-data-sequential-cerulean-4: #60b2c7;
118
- --color-data-sequential-cerulean-5: #3d91b6;
119
- --color-data-sequential-cerulean-6: #22698e;
120
- --color-data-sequential-cerulean-7: #0e486a;
121
- --color-data-sequential-cerulean-8: #0a314d;
122
- --color-data-sequential-cerulean-9: #081e33;
123
- --color-data-sequential-cerulean-10: #030e1d;
124
- --color-data-sequential-forest-1: #f4fad8;
125
- --color-data-sequential-forest-2: #d6e6a5;
126
- --color-data-sequential-forest-3: #b2cd73;
127
- --color-data-sequential-forest-4: #88af52;
128
- --color-data-sequential-forest-5: #5f8835;
129
- --color-data-sequential-forest-6: #3d6426;
130
- --color-data-sequential-forest-7: #2a461a;
131
- --color-data-sequential-forest-8: #1b2e13;
132
- --color-data-sequential-forest-9: #13200d;
133
- --color-data-sequential-forest-10: #0b1305;
134
- --color-data-diverging-orange-yellow-seafoam-1: #6b2c1a;
135
- --color-data-diverging-orange-yellow-seafoam-2: #a24b1e;
136
- --color-data-diverging-orange-yellow-seafoam-3: #cb7131;
137
- --color-data-diverging-orange-yellow-seafoam-4: #e2a05d;
138
- --color-data-diverging-orange-yellow-seafoam-5: #f3e1a3;
139
- --color-data-diverging-orange-yellow-seafoam-6: #c1e4d2;
140
- --color-data-diverging-orange-yellow-seafoam-7: #7eb8b1;
141
- --color-data-diverging-orange-yellow-seafoam-8: #4c8c89;
142
- --color-data-diverging-orange-yellow-seafoam-9: #2b6262;
143
- --color-data-diverging-orange-yellow-seafoam-10: #1b3d3c;
144
- --color-data-diverging-red-yellow-blue-1: #4e142d;
145
- --color-data-diverging-red-yellow-blue-2: #8b2d4e;
146
- --color-data-diverging-red-yellow-blue-3: #c15a4a;
147
- --color-data-diverging-red-yellow-blue-4: #db8b6a;
148
- --color-data-diverging-red-yellow-blue-5: #f3e1a3;
149
- --color-data-diverging-red-yellow-blue-6: #bfd4c7;
150
- --color-data-diverging-red-yellow-blue-7: #7c9eb9;
151
- --color-data-diverging-red-yellow-blue-8: #4770a3;
152
- --color-data-diverging-red-yellow-blue-9: #2e4d8c;
153
- --color-data-diverging-red-yellow-blue-10: #18274e;
154
- --color-data-diverging-red-blue-1: #4e142d;
155
- --color-data-diverging-red-blue-2: #8b2d4e;
156
- --color-data-diverging-red-blue-3: #c15a7a;
157
- --color-data-diverging-red-blue-4: #db8b9e;
158
- --color-data-diverging-red-blue-5: #f3e1f4;
159
- --color-data-diverging-red-blue-6: #c7bfe2;
160
- --color-data-diverging-red-blue-7: #9ea7ce;
161
- --color-data-diverging-red-blue-8: #7080b5;
162
- --color-data-diverging-red-blue-9: #4d5e99;
163
- --color-data-diverging-red-blue-10: #2b3d70;
164
- --color-data-default: #444ae1;
78
+ --color-viz-categorical-1: #a3eae4;
79
+ --color-viz-categorical-2: #91a0ff;
80
+ --color-viz-categorical-3: #ffd1a3;
81
+ --color-viz-categorical-4: #ffabc8;
82
+ --color-viz-categorical-5: #c1b8ff;
83
+ --color-viz-categorical-6: #e0ffb8;
84
+ --color-viz-sequential-viridis-1: #fafa37;
85
+ --color-viz-sequential-viridis-2: #d6e654;
86
+ --color-viz-sequential-viridis-3: #b2d373;
87
+ --color-viz-sequential-viridis-4: #88be8c;
88
+ --color-viz-sequential-viridis-5: #5fa2a4;
89
+ --color-viz-sequential-viridis-6: #3d7eaa;
90
+ --color-viz-sequential-viridis-7: #2a60b1;
91
+ --color-viz-sequential-viridis-8: #1b3a99;
92
+ --color-viz-sequential-viridis-9: #132353;
93
+ --color-viz-sequential-viridis-10: #110f39;
94
+ --color-viz-sequential-magma-1: #fcf5cd;
95
+ --color-viz-sequential-magma-2: #f5db95;
96
+ --color-viz-sequential-magma-3: #e9af7c;
97
+ --color-viz-sequential-magma-4: #db7d70;
98
+ --color-viz-sequential-magma-5: #b9577a;
99
+ --color-viz-sequential-magma-6: #883482;
100
+ --color-viz-sequential-magma-7: #6a1f78;
101
+ --color-viz-sequential-magma-8: #4b1277;
102
+ --color-viz-sequential-magma-9: #2d0b42;
103
+ --color-viz-sequential-magma-10: #0b0511;
104
+ --color-viz-sequential-rose-1: #fef3e7;
105
+ --color-viz-sequential-rose-2: #f5c7e0;
106
+ --color-viz-sequential-rose-3: #ec9bce;
107
+ --color-viz-sequential-rose-4: #d86db0;
108
+ --color-viz-sequential-rose-5: #be4a8b;
109
+ --color-viz-sequential-rose-6: #9d2f76;
110
+ --color-viz-sequential-rose-7: #78176c;
111
+ --color-viz-sequential-rose-8: #56135c;
112
+ --color-viz-sequential-rose-9: #371344;
113
+ --color-viz-sequential-rose-10: #190b29;
114
+ --color-viz-sequential-cerulean-1: #e2f7f2;
115
+ --color-viz-sequential-cerulean-2: #b6e4e8;
116
+ --color-viz-sequential-cerulean-3: #8bd3d7;
117
+ --color-viz-sequential-cerulean-4: #60b2c7;
118
+ --color-viz-sequential-cerulean-5: #3d91b6;
119
+ --color-viz-sequential-cerulean-6: #22698e;
120
+ --color-viz-sequential-cerulean-7: #0e486a;
121
+ --color-viz-sequential-cerulean-8: #0a314d;
122
+ --color-viz-sequential-cerulean-9: #081e33;
123
+ --color-viz-sequential-cerulean-10: #030e1d;
124
+ --color-viz-sequential-forest-1: #f4fad8;
125
+ --color-viz-sequential-forest-2: #d6e6a5;
126
+ --color-viz-sequential-forest-3: #b2cd73;
127
+ --color-viz-sequential-forest-4: #88af52;
128
+ --color-viz-sequential-forest-5: #5f8835;
129
+ --color-viz-sequential-forest-6: #3d6426;
130
+ --color-viz-sequential-forest-7: #2a461a;
131
+ --color-viz-sequential-forest-8: #1b2e13;
132
+ --color-viz-sequential-forest-9: #13200d;
133
+ --color-viz-sequential-forest-10: #0b1305;
134
+ --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
135
+ --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
136
+ --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
137
+ --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
138
+ --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
139
+ --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
140
+ --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
141
+ --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
142
+ --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
143
+ --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
144
+ --color-viz-diverging-red-yellow-blue-1: #4e142d;
145
+ --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
146
+ --color-viz-diverging-red-yellow-blue-3: #c15a4a;
147
+ --color-viz-diverging-red-yellow-blue-4: #db8b6a;
148
+ --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
149
+ --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
150
+ --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
151
+ --color-viz-diverging-red-yellow-blue-8: #4770a3;
152
+ --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
153
+ --color-viz-diverging-red-yellow-blue-10: #18274e;
154
+ --color-viz-diverging-red-blue-1: #4e142d;
155
+ --color-viz-diverging-red-blue-2: #8b2d4e;
156
+ --color-viz-diverging-red-blue-3: #c15a7a;
157
+ --color-viz-diverging-red-blue-4: #db8b9e;
158
+ --color-viz-diverging-red-blue-5: #f3e1f4;
159
+ --color-viz-diverging-red-blue-6: #c7bfe2;
160
+ --color-viz-diverging-red-blue-7: #9ea7ce;
161
+ --color-viz-diverging-red-blue-8: #7080b5;
162
+ --color-viz-diverging-red-blue-9: #4d5e99;
163
+ --color-viz-diverging-red-blue-10: #2b3d70;
164
+ --color-viz-default: #444ae1;
165
165
  --spacing-0: 0px;
166
166
  --spacing-1: 0.25rem;
167
167
  --spacing-2: 0.5rem;
@@ -239,6 +239,36 @@
239
239
  --font-letterspacing-wide: 0.025em;
240
240
  --font-letterspacing-wider: 0.05em;
241
241
  --font-letterspacing-widest: 0.1em;
242
+ --action-primary-background: #444ae1;
243
+ --action-primary-hover: #363ccb;
244
+ --action-primary-text: #ffffff;
245
+ --action-secondary-background: #111827;
246
+ --action-secondary-hover: #374151;
247
+ --action-secondary-text: #ffffff;
248
+ --action-destructive-background: oklch(0.505 0.213 27.518);
249
+ --action-destructive-hover: oklch(0.444 0.177 26.899);
250
+ --action-destructive-text: #ffffff;
251
+ --action-disabled-background: #d1d5db;
252
+ --action-disabled-text: #6b7280;
253
+ --feedback-success-text: oklch(0.314 0.095 133.748);
254
+ --feedback-success-icon: oklch(0.314 0.095 133.748);
255
+ --feedback-success-background: oklch(0.982 0.018 131.68);
256
+ --feedback-success-border: oklch(0.627 0.194 130.331);
257
+ --feedback-error-text: oklch(0.505 0.213 27.518);
258
+ --feedback-error-icon: oklch(0.505 0.213 27.518);
259
+ --feedback-error-background: oklch(0.971 0.013 17.38);
260
+ --feedback-error-border: oklch(0.637 0.237 25.331);
261
+ --feedback-warning-text: oklch(0.398 0.092 60.236);
262
+ --feedback-warning-icon: oklch(0.398 0.092 60.236);
263
+ --feedback-warning-background: oklch(0.987 0.024 102.851);
264
+ --feedback-warning-border: oklch(0.795 0.184 86.047);
265
+ --feedback-info-text: oklch(0.488 0.243 255.638);
266
+ --feedback-info-icon: oklch(0.488 0.243 255.638);
267
+ --feedback-info-background: oklch(0.97 0.014 237.69);
268
+ --feedback-info-border: oklch(0.809 0.105 244.039);
269
+ --color-map-streets-border: #000000;
270
+ --color-map-satellite-border: #ffffff;
271
+ --color-map-neutral-border: #000000;
242
272
  --color-background-body: #ffffff;
243
273
  --color-background-surface: #ffffff;
244
274
  --color-background-muted: #f3f4f6;
package/dist/generated/viz-runtime.css ADDED
@@ -0,0 +1,193 @@
1
+ /**
2
+ * Data Visualization Color Palette - Runtime Override
3
+ *
4
+ * WORKAROUND: These variables are defined here instead of in tailwind-tokens-*.css
5
+ * because Tailwind 4's @theme directive filters them out (similar issue as data-* prefix).
6
+ *
7
+ * AUTO-GENERATED by scripts/generate-viz-runtime.js
8
+ * DO NOT EDIT MANUALLY - Edit tokens/base/data-visualization.json instead.
9
+ *
10
+ * To customize dark mode viz colors, edit the "viz" section in tokens/themes/dark.json
11
+ */
12
+
13
+ /* Light theme (default) */
14
+ :root {
15
+ --color-viz-categorical-1: #a3eae4;
16
+ --color-viz-categorical-2: #91a0ff;
17
+ --color-viz-categorical-3: #ffd1a3;
18
+ --color-viz-categorical-4: #ffabc8;
19
+ --color-viz-categorical-5: #c1b8ff;
20
+ --color-viz-categorical-6: #e0ffb8;
21
+ --color-viz-sequential-viridis-1: #fafa37;
22
+ --color-viz-sequential-viridis-2: #d6e654;
23
+ --color-viz-sequential-viridis-3: #b2d373;
24
+ --color-viz-sequential-viridis-4: #88be8c;
25
+ --color-viz-sequential-viridis-5: #5fa2a4;
26
+ --color-viz-sequential-viridis-6: #3d7eaa;
27
+ --color-viz-sequential-viridis-7: #2a60b1;
28
+ --color-viz-sequential-viridis-8: #1b3a99;
29
+ --color-viz-sequential-viridis-9: #132353;
30
+ --color-viz-sequential-viridis-10: #110f39;
31
+ --color-viz-sequential-magma-1: #fcf5cd;
32
+ --color-viz-sequential-magma-2: #f5db95;
33
+ --color-viz-sequential-magma-3: #e9af7c;
34
+ --color-viz-sequential-magma-4: #db7d70;
35
+ --color-viz-sequential-magma-5: #b9577a;
36
+ --color-viz-sequential-magma-6: #883482;
37
+ --color-viz-sequential-magma-7: #6a1f78;
38
+ --color-viz-sequential-magma-8: #4b1277;
39
+ --color-viz-sequential-magma-9: #2d0b42;
40
+ --color-viz-sequential-magma-10: #0b0511;
41
+ --color-viz-sequential-rose-1: #fef3e7;
42
+ --color-viz-sequential-rose-2: #f5c7e0;
43
+ --color-viz-sequential-rose-3: #ec9bce;
44
+ --color-viz-sequential-rose-4: #d86db0;
45
+ --color-viz-sequential-rose-5: #be4a8b;
46
+ --color-viz-sequential-rose-6: #9d2f76;
47
+ --color-viz-sequential-rose-7: #78176c;
48
+ --color-viz-sequential-rose-8: #56135c;
49
+ --color-viz-sequential-rose-9: #371344;
50
+ --color-viz-sequential-rose-10: #190b29;
51
+ --color-viz-sequential-cerulean-1: #e2f7f2;
52
+ --color-viz-sequential-cerulean-2: #b6e4e8;
53
+ --color-viz-sequential-cerulean-3: #8bd3d7;
54
+ --color-viz-sequential-cerulean-4: #60b2c7;
55
+ --color-viz-sequential-cerulean-5: #3d91b6;
56
+ --color-viz-sequential-cerulean-6: #22698e;
57
+ --color-viz-sequential-cerulean-7: #0e486a;
58
+ --color-viz-sequential-cerulean-8: #0a314d;
59
+ --color-viz-sequential-cerulean-9: #081e33;
60
+ --color-viz-sequential-cerulean-10: #030e1d;
61
+ --color-viz-sequential-forest-1: #f4fad8;
62
+ --color-viz-sequential-forest-2: #d6e6a5;
63
+ --color-viz-sequential-forest-3: #b2cd73;
64
+ --color-viz-sequential-forest-4: #88af52;
65
+ --color-viz-sequential-forest-5: #5f8835;
66
+ --color-viz-sequential-forest-6: #3d6426;
67
+ --color-viz-sequential-forest-7: #2a461a;
68
+ --color-viz-sequential-forest-8: #1b2e13;
69
+ --color-viz-sequential-forest-9: #13200d;
70
+ --color-viz-sequential-forest-10: #0b1305;
71
+ --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
72
+ --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
73
+ --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
74
+ --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
75
+ --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
76
+ --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
77
+ --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
78
+ --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
79
+ --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
80
+ --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
81
+ --color-viz-diverging-red-yellow-blue-1: #4e142d;
82
+ --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
83
+ --color-viz-diverging-red-yellow-blue-3: #c15a4a;
84
+ --color-viz-diverging-red-yellow-blue-4: #db8b6a;
85
+ --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
86
+ --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
87
+ --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
88
+ --color-viz-diverging-red-yellow-blue-8: #4770a3;
89
+ --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
90
+ --color-viz-diverging-red-yellow-blue-10: #18274e;
91
+ --color-viz-diverging-red-blue-1: #4e142d;
92
+ --color-viz-diverging-red-blue-2: #8b2d4e;
93
+ --color-viz-diverging-red-blue-3: #c15a7a;
94
+ --color-viz-diverging-red-blue-4: #db8b9e;
95
+ --color-viz-diverging-red-blue-5: #f3e1f4;
96
+ --color-viz-diverging-red-blue-6: #c7bfe2;
97
+ --color-viz-diverging-red-blue-7: #9ea7ce;
98
+ --color-viz-diverging-red-blue-8: #7080b5;
99
+ --color-viz-diverging-red-blue-9: #4d5e99;
100
+ --color-viz-diverging-red-blue-10: #2b3d70;
101
+ --color-viz-default: #444ae1;
102
+ }
103
+
104
+ /* Dark theme */
105
+ .theme-dark {
106
+ --color-viz-categorical-1: #a3eae4;
107
+ --color-viz-categorical-2: #91a0ff;
108
+ --color-viz-categorical-3: #ffd1a3;
109
+ --color-viz-categorical-4: #ffabc8;
110
+ --color-viz-categorical-5: #c1b8ff;
111
+ --color-viz-categorical-6: #e0ffb8;
112
+ --color-viz-sequential-viridis-1: #fafa37;
113
+ --color-viz-sequential-viridis-2: #d6e654;
114
+ --color-viz-sequential-viridis-3: #b2d373;
115
+ --color-viz-sequential-viridis-4: #88be8c;
116
+ --color-viz-sequential-viridis-5: #5fa2a4;
117
+ --color-viz-sequential-viridis-6: #3d7eaa;
118
+ --color-viz-sequential-viridis-7: #2a60b1;
119
+ --color-viz-sequential-viridis-8: #1b3a99;
120
+ --color-viz-sequential-viridis-9: #132353;
121
+ --color-viz-sequential-viridis-10: #110f39;
122
+ --color-viz-sequential-magma-1: #fcf5cd;
123
+ --color-viz-sequential-magma-2: #f5db95;
124
+ --color-viz-sequential-magma-3: #e9af7c;
125
+ --color-viz-sequential-magma-4: #db7d70;
126
+ --color-viz-sequential-magma-5: #b9577a;
127
+ --color-viz-sequential-magma-6: #883482;
128
+ --color-viz-sequential-magma-7: #6a1f78;
129
+ --color-viz-sequential-magma-8: #4b1277;
130
+ --color-viz-sequential-magma-9: #2d0b42;
131
+ --color-viz-sequential-magma-10: #0b0511;
132
+ --color-viz-sequential-rose-1: #fef3e7;
133
+ --color-viz-sequential-rose-2: #f5c7e0;
134
+ --color-viz-sequential-rose-3: #ec9bce;
135
+ --color-viz-sequential-rose-4: #d86db0;
136
+ --color-viz-sequential-rose-5: #be4a8b;
137
+ --color-viz-sequential-rose-6: #9d2f76;
138
+ --color-viz-sequential-rose-7: #78176c;
139
+ --color-viz-sequential-rose-8: #56135c;
140
+ --color-viz-sequential-rose-9: #371344;
141
+ --color-viz-sequential-rose-10: #190b29;
142
+ --color-viz-sequential-cerulean-1: #e2f7f2;
143
+ --color-viz-sequential-cerulean-2: #b6e4e8;
144
+ --color-viz-sequential-cerulean-3: #8bd3d7;
145
+ --color-viz-sequential-cerulean-4: #60b2c7;
146
+ --color-viz-sequential-cerulean-5: #3d91b6;
147
+ --color-viz-sequential-cerulean-6: #22698e;
148
+ --color-viz-sequential-cerulean-7: #0e486a;
149
+ --color-viz-sequential-cerulean-8: #0a314d;
150
+ --color-viz-sequential-cerulean-9: #081e33;
151
+ --color-viz-sequential-cerulean-10: #030e1d;
152
+ --color-viz-sequential-forest-1: #f4fad8;
153
+ --color-viz-sequential-forest-2: #d6e6a5;
154
+ --color-viz-sequential-forest-3: #b2cd73;
155
+ --color-viz-sequential-forest-4: #88af52;
156
+ --color-viz-sequential-forest-5: #5f8835;
157
+ --color-viz-sequential-forest-6: #3d6426;
158
+ --color-viz-sequential-forest-7: #2a461a;
159
+ --color-viz-sequential-forest-8: #1b2e13;
160
+ --color-viz-sequential-forest-9: #13200d;
161
+ --color-viz-sequential-forest-10: #0b1305;
162
+ --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
163
+ --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
164
+ --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
165
+ --color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
166
+ --color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
167
+ --color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
168
+ --color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
169
+ --color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
170
+ --color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
171
+ --color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
172
+ --color-viz-diverging-red-yellow-blue-1: #4e142d;
173
+ --color-viz-diverging-red-yellow-blue-2: #8b2d4e;
174
+ --color-viz-diverging-red-yellow-blue-3: #c15a4a;
175
+ --color-viz-diverging-red-yellow-blue-4: #db8b6a;
176
+ --color-viz-diverging-red-yellow-blue-5: #f3e1a3;
177
+ --color-viz-diverging-red-yellow-blue-6: #bfd4c7;
178
+ --color-viz-diverging-red-yellow-blue-7: #7c9eb9;
179
+ --color-viz-diverging-red-yellow-blue-8: #4770a3;
180
+ --color-viz-diverging-red-yellow-blue-9: #2e4d8c;
181
+ --color-viz-diverging-red-yellow-blue-10: #18274e;
182
+ --color-viz-diverging-red-blue-1: #4e142d;
183
+ --color-viz-diverging-red-blue-2: #8b2d4e;
184
+ --color-viz-diverging-red-blue-3: #c15a7a;
185
+ --color-viz-diverging-red-blue-4: #db8b9e;
186
+ --color-viz-diverging-red-blue-5: #f3e1f4;
187
+ --color-viz-diverging-red-blue-6: #c7bfe2;
188
+ --color-viz-diverging-red-blue-7: #9ea7ce;
189
+ --color-viz-diverging-red-blue-8: #7080b5;
190
+ --color-viz-diverging-red-blue-9: #4d5e99;
191
+ --color-viz-diverging-red-blue-10: #2b3d70;
192
+ --color-viz-default: #444ae1;
193
+ }