@texturehq/edges 1.33.2 → 1.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/README.md +57 -3
  2. package/dist/{RichTextEditor-CxrunTg7.d.cts → RichTextEditor-diZqy_s1.d.cts} +1 -1
  3. package/dist/{RichTextEditor-CxrunTg7.d.ts → RichTextEditor-diZqy_s1.d.ts} +1 -1
  4. package/dist/{TimeField-DRQshIHX.d.ts → TimeField-7pTUPh11.d.ts} +32 -17
  5. package/dist/{TimeField-WCmeiLu3.d.cts → TimeField-CqmVrAdn.d.cts} +32 -17
  6. package/dist/{colors-Cgs2MGZ8.d.ts → colors-CoULWZ5j.d.ts} +53 -18
  7. package/dist/{colors-DGRiGzgj.d.cts → colors-upTGgIQe.d.cts} +53 -18
  8. package/dist/form/index.cjs +1 -1
  9. package/dist/form/index.cjs.map +1 -1
  10. package/dist/form/index.d.cts +1 -1
  11. package/dist/form/index.d.ts +1 -1
  12. package/dist/form/index.js +1 -1
  13. package/dist/form/index.js.map +1 -1
  14. package/dist/{index-BqpWEc_N.d.ts → index-dofSwYId.d.cts} +5 -5
  15. package/dist/{index-BqpWEc_N.d.cts → index-dofSwYId.d.ts} +5 -5
  16. package/dist/index.cjs +10 -10
  17. package/dist/index.cjs.map +1 -1
  18. package/dist/index.d.cts +161 -41
  19. package/dist/index.d.ts +161 -41
  20. package/dist/index.js +10 -10
  21. package/dist/index.js.map +1 -1
  22. package/dist/prose.css +202 -0
  23. package/dist/rhf/index.cjs +1 -1
  24. package/dist/rhf/index.cjs.map +1 -1
  25. package/dist/rhf/index.d.cts +2 -2
  26. package/dist/rhf/index.d.ts +2 -2
  27. package/dist/rhf/index.js +1 -1
  28. package/dist/rhf/index.js.map +1 -1
  29. package/dist/server.cjs +2 -2
  30. package/dist/server.cjs.map +1 -1
  31. package/dist/server.d.cts +2 -2
  32. package/dist/server.d.ts +2 -2
  33. package/dist/server.js +2 -2
  34. package/dist/server.js.map +1 -1
  35. package/dist/styles/computed.css +2 -2
  36. package/dist/styles/responsive-typography.css +9 -7
  37. package/dist/styles/theme-light-override.css +26 -15
  38. package/dist/styles.css +2122 -820
  39. package/dist/theme.css +20 -7
  40. package/dist/typography.css +150 -0
  41. package/package.json +13 -14
  42. package/scripts/check-legacy-action-variants.mjs +96 -0
  43. package/scripts/check-legacy-font-colors.mjs +92 -0
  44. package/scripts/copy-assets.js +12 -0
  45. package/scripts/generate-color-utilities.mjs +163 -0
  46. package/templates/claude-rules/.claude +5 -5
  47. package/templates/claude-rules/claude.md +5 -5
  48. package/templates/codex-rules/codex.md +5 -5
  49. package/dist/generated/tailwind-tokens-dark.css +0 -397
  50. package/dist/generated/tailwind-tokens-light.css +0 -611
  51. package/dist/generated/viz-runtime.css +0 -243
  52. package/scripts/generate-viz-runtime.js +0 -107
  53. package/scripts/validate-tokens.js +0 -176
package/templates/claude-rules/claude.md CHANGED
@@ -20,13 +20,13 @@ The theme is imported via CSS:
20
20
  ## Usage Guidelines
21
21
 
22
22
  - **Use semantic classes over arbitrary values**
23
- - Prefer: `bg-brand-primary`, `text-text-body`, `p-md`, `rounded-lg`
23
+ - Prefer: `bg-brand-primary`, `text-text-primary`, `text-text-secondary`, `p-md`, `rounded-lg`
24
24
  - Avoid: `bg-[#444ae1]`, `text-[#333333]`, `p-[1rem]`, `rounded-[0.5rem]`
25
25
 
26
26
  ## Naming Conventions
27
27
 
28
28
  - Brand colors: `brand-primary`, `brand-light`, `brand-dark`
29
- - Text colors: `text-body`, `text-heading`, `text-muted`, `text-caption`
29
+ - Text colors: `text-primary`, `text-secondary`, `text-inverse`, `text-disabled` (legacy aliases: `text-body`, `text-heading`, `text-muted`, `text-caption`)
30
30
  - Background colors: `background-body`, `background-surface`, `background-muted`
31
31
  - Border colors: `border-default`, `border-focus`, `border-muted`
32
32
  - Action colors: `action-primary`, `action-secondary`, `action-destructive`
@@ -39,9 +39,9 @@ The theme is imported via CSS:
39
39
 
40
40
  ```html
41
41
  <!-- ✅ Good - Uses semantic classes -->
42
- <div class="bg-brand-primary text-text-on-primary p-md rounded-lg shadow-md">
43
- <h2 class="text-text-heading text-lg font-medium">Title</h2>
44
- <p class="text-text-body text-base">Content</p>
42
+ <div class="bg-brand-primary text-text-inverse p-md rounded-lg shadow-md">
43
+ <h2 class="text-text-primary text-lg font-medium">Title</h2>
44
+ <p class="text-text-primary text-base">Content</p>
45
45
  </div>
46
46
 
47
47
  <!-- ❌ Avoid - Uses arbitrary values -->
package/templates/codex-rules/codex.md CHANGED
@@ -20,13 +20,13 @@ The theme is imported via CSS:
20
20
  ## Usage Guidelines
21
21
 
22
22
  - **Use semantic classes over arbitrary values**
23
- - Prefer: `bg-brand-primary`, `text-text-body`, `p-md`, `rounded-lg`
23
+ - Prefer: `bg-brand-primary`, `text-text-primary`, `text-text-secondary`, `p-md`, `rounded-lg`
24
24
  - Avoid: `bg-[#444ae1]`, `text-[#333333]`, `p-[1rem]`, `rounded-[0.5rem]`
25
25
 
26
26
  ## Naming Conventions
27
27
 
28
28
  - Brand colors: `brand-primary`, `brand-light`, `brand-dark`
29
- - Text colors: `text-body`, `text-heading`, `text-muted`, `text-caption`
29
+ - Text colors: `text-primary`, `text-secondary`, `text-inverse`, `text-disabled` (legacy aliases: `text-body`, `text-heading`, `text-muted`, `text-caption`)
30
30
  - Background colors: `background-body`, `background-surface`, `background-muted`
31
31
  - Border colors: `border-default`, `border-focus`, `border-muted`
32
32
  - Action colors: `action-primary`, `action-secondary`, `action-destructive`
@@ -39,9 +39,9 @@ The theme is imported via CSS:
39
39
 
40
40
  ```html
41
41
  <!-- ✅ Good - Uses semantic classes -->
42
- <div class="bg-brand-primary text-text-on-primary p-md rounded-lg shadow-md">
43
- <h2 class="text-text-heading text-lg font-medium">Title</h2>
44
- <p class="text-text-body text-base">Content</p>
42
+ <div class="bg-brand-primary text-text-inverse p-md rounded-lg shadow-md">
43
+ <h2 class="text-text-primary text-lg font-medium">Title</h2>
44
+ <p class="text-text-primary text-base">Content</p>
45
45
  </div>
46
46
 
47
47
  <!-- ❌ Avoid - Uses arbitrary values -->
package/dist/generated/tailwind-tokens-dark.css DELETED
@@ -1,397 +0,0 @@
1
- /**
2
- * Design Tokens for Tailwind CSS
3
- * Generated by Style Dictionary
4
- *
5
- * These CSS variables are formatted specifically for Tailwind CSS compatibility.
6
- * The 'color-' prefix is required for Tailwind's color utility classes to work.
7
- *
8
- * For other platforms, generate separate outputs using different transforms.
9
- */
10
-
11
- .theme-dark {
12
- --color-white: #ffffff;
13
- --color-black: #000000;
14
- --color-gray-50: #f9fafb;
15
- --color-gray-100: #f3f4f6;
16
- --color-gray-200: #e5e7eb;
17
- --color-gray-300: #d1d5db;
18
- --color-gray-400: #9ca3af;
19
- --color-gray-500: #6b7280;
20
- --color-gray-600: #4b5563;
21
- --color-gray-700: #374151;
22
- --color-gray-800: #1f2937;
23
- --color-gray-900: #111827;
24
- --color-gray-950: #030712;
25
- --color-red-50: oklch(0.971 0.013 17.38);
26
- --color-red-100: oklch(0.936 0.032 17.717);
27
- --color-red-200: oklch(0.885 0.062 18.334);
28
- --color-red-300: oklch(0.808 0.114 19.571);
29
- --color-red-400: oklch(0.704 0.191 22.216);
30
- --color-red-500: oklch(0.637 0.237 25.331);
31
- --color-red-600: oklch(0.577 0.245 27.325);
32
- --color-red-700: oklch(0.505 0.213 27.518);
33
- --color-red-800: oklch(0.444 0.177 26.899);
34
- --color-red-900: oklch(0.396 0.141 25.723);
35
- --color-red-950: oklch(0.258 0.092 26.042);
36
- --color-green-50: oklch(0.982 0.018 131.68);
37
- --color-green-100: oklch(0.947 0.052 132.272);
38
- --color-green-200: oklch(0.895 0.111 131.438);
39
- --color-green-300: oklch(0.82 0.178 132.63);
40
- --color-green-400: oklch(0.718 0.209 130.901);
41
- --color-green-500: oklch(0.627 0.194 130.331);
42
- --color-green-600: oklch(0.527 0.19 131.688);
43
- --color-green-700: oklch(0.437 0.154 132.474);
44
- --color-green-800: oklch(0.366 0.121 132.109);
45
- --color-green-900: oklch(0.314 0.095 133.748);
46
- --color-green-950: oklch(0.197 0.06 130.709);
47
- --color-blue-50: oklch(0.97 0.014 237.69);
48
- --color-blue-100: oklch(0.932 0.032 241.935);
49
- --color-blue-200: oklch(0.882 0.059 243.157);
50
- --color-blue-300: oklch(0.809 0.105 244.039);
51
- --color-blue-400: oklch(0.707 0.165 246.422);
52
- --color-blue-500: oklch(0.623 0.214 250.546);
53
- --color-blue-600: oklch(0.546 0.245 253.739);
54
- --color-blue-700: oklch(0.488 0.243 255.638);
55
- --color-blue-800: oklch(0.424 0.199 255.585);
56
- --color-blue-900: oklch(0.368 0.146 254.128);
57
- --color-blue-950: oklch(0.262 0.09 254.128);
58
- --color-yellow-50: oklch(0.987 0.024 102.851);
59
- --color-yellow-100: oklch(0.973 0.071 103.193);
60
- --color-yellow-200: oklch(0.945 0.129 101.54);
61
- --color-yellow-300: oklch(0.905 0.182 98.111);
62
- --color-yellow-400: oklch(0.852 0.199 91.936);
63
- --color-yellow-500: oklch(0.795 0.184 86.047);
64
- --color-yellow-600: oklch(0.681 0.162 75.834);
65
- --color-yellow-700: oklch(0.554 0.135 66.191);
66
- --color-yellow-800: oklch(0.456 0.111 61.896);
67
- --color-yellow-900: oklch(0.398 0.092 60.236);
68
- --color-yellow-950: oklch(0.265 0.06 56.259);
69
- --color-brand-primary: #7a8ee1;
70
- --color-brand-light: #2a2d52;
71
- --color-brand-dark: #6a6fcc;
72
- --color-brand-background: #2e3258;
73
- --color-neutral-white: #ffffff;
74
- --color-neutral-black: #000000;
75
- --motion-duration-instant: 0ms;
76
- --motion-duration-fast: 150ms;
77
- --motion-duration-normal: 250ms;
78
- --motion-duration-slow: 350ms;
79
- --motion-duration-slower: 500ms;
80
- --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
81
- --motion-easing-emphasized: cubic-bezier(0, 0, 0.2, 1);
82
- --motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
83
- --motion-easing-deaccelerate: cubic-bezier(0, 0, 0.2, 1);
84
- --motion-distance-xs: 4px;
85
- --motion-distance-sm: 8px;
86
- --motion-distance-md: 16px;
87
- --motion-opacity-hover: 0.9;
88
- --motion-opacity-disabled: 0.5;
89
- --motion-scale-hover: 1.02;
90
- --motion-scale-press: 0.97;
91
- --spacing-0: 0;
92
- --spacing-1: 0.25rem;
93
- --spacing-2: 0.5rem;
94
- --spacing-3: 0.75rem;
95
- --spacing-4: 1rem;
96
- --spacing-5: 1.25rem;
97
- --spacing-6: 1.5rem;
98
- --spacing-7: 1.75rem;
99
- --spacing-8: 2rem;
100
- --spacing-9: 2.25rem;
101
- --spacing-10: 2.5rem;
102
- --spacing-11: 2.75rem;
103
- --spacing-12: 3rem;
104
- --spacing-14: 3.5rem;
105
- --spacing-16: 4rem;
106
- --spacing-20: 5rem;
107
- --spacing-24: 6rem;
108
- --spacing-28: 7rem;
109
- --spacing-32: 8rem;
110
- --spacing-36: 9rem;
111
- --spacing-40: 10rem;
112
- --spacing-44: 11rem;
113
- --spacing-48: 12rem;
114
- --spacing-52: 13rem;
115
- --spacing-56: 14rem;
116
- --spacing-60: 15rem;
117
- --spacing-64: 16rem;
118
- --spacing-72: 18rem;
119
- --spacing-80: 20rem;
120
- --spacing-96: 24rem;
121
- --radius-none: 0;
122
- --radius-xs: 0.125rem;
123
- --radius-sm: 0.25rem;
124
- --radius-md: 0.375rem;
125
- --radius-lg: 0.5rem;
126
- --radius-xl: 0.75rem;
127
- --radius-2xl: 1rem;
128
- --radius-3xl: 1.5rem;
129
- --radius-4xl: 2rem;
130
- --radius-full: 9999px;
131
- --font-family-sans: Inter, system-ui, sans-serif;
132
- --font-family-brand: 'TT Firs Neue', 'Helvetica Neue', Arial, system-ui, sans-serif;
133
- --font-family-serif: Merriweather, serif;
134
- --font-family-mono: 'Fira Code', monospace;
135
- --font-weight-thin: 100;
136
- --font-weight-extralight: 200;
137
- --font-weight-light: 300;
138
- --font-weight-normal: 400;
139
- --font-weight-medium: 500;
140
- --font-weight-semibold: 600;
141
- --font-weight-bold: 700;
142
- --font-weight-extrabold: 800;
143
- --font-weight-black: 900;
144
- --font-lineheight-tight: 1.25;
145
- --font-lineheight-snug: 1.375;
146
- --font-lineheight-normal: 1.5;
147
- --font-lineheight-relaxed: 1.625;
148
- --font-lineheight-loose: 2;
149
- --font-letterspacing-tighter: -0.05em;
150
- --font-letterspacing-tight: -0.025em;
151
- --font-letterspacing-normal: 0;
152
- --font-letterspacing-wide: 0.025em;
153
- --font-letterspacing-wider: 0.05em;
154
- --font-letterspacing-widest: 0.1em;
155
- --action-brand-background: #7a8ee1;
156
- --action-brand-hover: #6a6fcc;
157
- --action-brand-text: #ffffff;
158
- --action-default-background: #111827;
159
- --action-default-hover: #374151;
160
- --action-default-text: #ffffff;
161
- --action-destructive-background: oklch(0.505 0.213 27.518);
162
- --action-destructive-hover: oklch(0.444 0.177 26.899);
163
- --action-destructive-text: #ffffff;
164
- --action-disabled-background: #d1d5db;
165
- --action-disabled-text: #6b7280;
166
- --elevation-surface-default: #1a2038;
167
- --elevation-surface-raised: #1a2038;
168
- --elevation-surface-floating: #1a2038;
169
- --elevation-surface-overlay: #1a2038;
170
- --shadow-none: none;
171
- --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.06);
172
- --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
173
- --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10), 0 2px 4px rgba(0, 0, 0, 0.06);
174
- --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
175
- --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.08);
176
- --shadow-overflow: 0 4px 12px rgba(0, 0, 0, 0.10);
177
- --feedback-success-text: oklch(0.314 0.095 133.748);
178
- --feedback-success-icon: oklch(0.437 0.154 132.474);
179
- --feedback-success-background: oklch(0.99 0.01 131.68);
180
- --feedback-success-border: oklch(0.527 0.19 131.688);
181
- --feedback-error-text: oklch(0.505 0.213 27.518);
182
- --feedback-error-icon: oklch(0.577 0.245 27.325);
183
- --feedback-error-background: oklch(0.985 0.008 17.38);
184
- --feedback-error-border: oklch(0.637 0.237 25.331);
185
- --feedback-warning-text: oklch(0.398 0.092 60.236);
186
- --feedback-warning-icon: oklch(0.554 0.135 66.191);
187
- --feedback-warning-background: oklch(0.993 0.015 102.851);
188
- --feedback-warning-border: oklch(0.681 0.162 75.834);
189
- --feedback-info-text: oklch(0.488 0.243 255.638);
190
- --feedback-info-icon: oklch(0.546 0.245 253.739);
191
- --feedback-info-background: oklch(0.985 0.008 237.69);
192
- --feedback-info-border: oklch(0.623 0.214 250.546);
193
- --color-map-marker-default: #7a8ee1;
194
- --color-map-streets-border: #000000;
195
- --color-map-satellite-border: #ffffff;
196
- --color-map-neutral-border: #000000;
197
- --skeleton-base: #e5e7eb;
198
- --skeleton-highlight: #f3f4f6;
199
- --skeleton-wave: rgba(255, 255, 255, 0.5);
200
- --color-background-body: #151a30;
201
- --color-background-surface: #1a2038;
202
- --color-background-muted: #374151;
203
- --color-background-hover: #242d47;
204
- --color-background-selected: #4b5563;
205
- --color-background-modal: rgba(255, 255, 255, 0.12);
206
- --color-background-input: rgba(255, 255, 255, 0.05);
207
- --theme-background-canvas: linear-gradient(to bottom right, rgb(24 28 48), rgb(30 26 45), rgb(35 26 38));
208
- --theme-background-ai: linear-gradient(to bottom right, rgb(46 16 101 / 0.2), rgb(31 41 55), rgb(8 47 73 / 0.2));
209
- --color-text-body: #ededef;
210
- --color-text-heading: #ffffff;
211
- --theme-text-label: #ffffff;
212
- --color-text-muted: #9ca3af;
213
- --color-text-caption: #d1d5db;
214
- --color-text-subtle: #8e8e93;
215
- --color-text-placeholder: #9ca3af;
216
- --color-text-disabled: #9ca3af;
217
- --color-text-link-default: #b4b9ff;
218
- --color-text-link-hover: #c0c5ff;
219
- --color-text-onPrimary: #1f2937;
220
- --color-border-default: #2e3a59;
221
- --color-border-focus: #e5e7eb;
222
- --color-border-muted: #4b5563;
223
- --color-border-input: #6b7280;
224
- --color-feedback-success-text: #d1fae5;
225
- --color-feedback-success-background: #064e3b;
226
- --color-feedback-success-border: #059669;
227
- --color-feedback-error-text: #f87171;
228
- --color-feedback-error-background: #7f1d1d;
229
- --color-feedback-error-border: #dc2626;
230
- --color-feedback-warning-text: #fbbf24;
231
- --color-feedback-warning-background: #78350f;
232
- --color-feedback-warning-border: #d97706;
233
- --color-feedback-info-text: #60a5fa;
234
- --color-feedback-info-background: #1e3a8a;
235
- --color-feedback-info-border: #2563eb;
236
- --color-action-brand: #7a8ee1;
237
- --color-action-brand-hover: #6a6fcc;
238
- --color-action-brand-text: #ffffff;
239
- --color-action-default: #ededef;
240
- --color-action-default-hover: #ffffff;
241
- --color-action-default-text: #111827;
242
- --color-state-charging: #581c87;
243
- --color-state-charging-data: #8038bf;
244
- --color-state-charging-border: #a855f7;
245
- --color-state-charging-text: #e9d5ff;
246
- --color-state-discharging: #78350f;
247
- --color-state-discharging-data: #b1740b;
248
- --color-state-discharging-border: #eab308;
249
- --color-state-discharging-text: #fef3c7;
250
- --color-state-heat: #7f1d1d;
251
- --color-state-heat-data: #b73030;
252
- --color-state-heat-border: #ef4444;
253
- --color-state-heat-text: #fee2e2;
254
- --color-state-cool: #1e3a8a;
255
- --color-state-cool-data: #2c5ec0;
256
- --color-state-cool-border: #3b82f6;
257
- --color-state-cool-text: #dbeafe;
258
- --color-state-eco: #064e3b;
259
- --color-state-eco-data: #0b835e;
260
- --color-state-eco-border: #10b981;
261
- --color-state-eco-text: #d1fae5;
262
- --color-state-auto: #7c2d12;
263
- --color-state-auto-data: #bb5f27;
264
- --color-state-auto-border: #fb923c;
265
- --color-state-auto-text: #ffedd5;
266
- --color-state-circulate: #312e81;
267
- --color-state-circulate-data: #4f46e5;
268
- --color-state-circulate-border: #818cf8;
269
- --color-state-circulate-text: #e0e7ff;
270
- --color-state-on: #134e4a;
271
- --color-state-on-data: #138378;
272
- --color-state-on-border: #14b8a6;
273
- --color-state-on-text: #ccfbf1;
274
- --color-state-idle: #374151;
275
- --color-state-idle-data: #515968;
276
- --color-state-idle-border: #6b7280;
277
- --color-state-idle-text: #e5e7eb;
278
- --color-state-off: #374151;
279
- --color-state-off-data: #515968;
280
- --color-state-off-border: #6b7280;
281
- --color-state-off-text: #e5e7eb;
282
- --color-state-unknown: #1f2937;
283
- --color-state-unknown-data: #454d5b;
284
- --color-state-unknown-border: #6b7280;
285
- --color-state-unknown-text: #ffffff;
286
- --color-state-importing: #1e3a8a;
287
- --color-state-importing-data: #3f6fc2;
288
- --color-state-importing-border: #60a5fa;
289
- --color-state-importing-text: #dbeafe;
290
- --color-state-exporting: #78350f;
291
- --color-state-exporting-data: #b97a19;
292
- --color-state-exporting-border: #fbbf24;
293
- --color-state-exporting-text: #fef3c7;
294
- --color-map-streets-border: #ffffff;
295
- --color-map-satellite-border: #ffffff;
296
- --color-map-neutral-border: #ffffff;
297
- --color-viz-default: #4da6ff;
298
- --color-viz-categorical-1: #7dd3c0;
299
- --color-viz-categorical-2: #a8b4ff;
300
- --color-viz-categorical-3: #ffd67a;
301
- --color-viz-categorical-4: #ffb3d9;
302
- --color-viz-categorical-5: #d4c4ff;
303
- --color-viz-categorical-6: #c8ff8e;
304
- --color-viz-sequential-viridis-1: #fde724;
305
- --color-viz-sequential-viridis-2: #b5de2b;
306
- --color-viz-sequential-viridis-3: #6ece58;
307
- --color-viz-sequential-viridis-4: #35b779;
308
- --color-viz-sequential-viridis-5: #1f9e89;
309
- --color-viz-sequential-viridis-6: #26828e;
310
- --color-viz-sequential-viridis-7: #31688e;
311
- --color-viz-sequential-viridis-8: #3e4a89;
312
- --color-viz-sequential-viridis-9: #482878;
313
- --color-viz-sequential-viridis-10: #440154;
314
- --color-viz-sequential-magma-1: #fcfdbf;
315
- --color-viz-sequential-magma-2: #feca8d;
316
- --color-viz-sequential-magma-3: #fd9668;
317
- --color-viz-sequential-magma-4: #f1605d;
318
- --color-viz-sequential-magma-5: #cd4071;
319
- --color-viz-sequential-magma-6: #9e2f7f;
320
- --color-viz-sequential-magma-7: #721f81;
321
- --color-viz-sequential-magma-8: #51127c;
322
- --color-viz-sequential-magma-9: #2c115f;
323
- --color-viz-sequential-magma-10: #0c0927;
324
- --color-viz-sequential-rose-1: #fff5ee;
325
- --color-viz-sequential-rose-2: #ffc9e8;
326
- --color-viz-sequential-rose-3: #ff95d5;
327
- --color-viz-sequential-rose-4: #eb5fb7;
328
- --color-viz-sequential-rose-5: #d13896;
329
- --color-viz-sequential-rose-6: #ac2681;
330
- --color-viz-sequential-rose-7: #841f78;
331
- --color-viz-sequential-rose-8: #631d67;
332
- --color-viz-sequential-rose-9: #3f1a4e;
333
- --color-viz-sequential-rose-10: #1e0f2e;
334
- --color-viz-sequential-cerulean-1: #e8fafd;
335
- --color-viz-sequential-cerulean-2: #b3e5f0;
336
- --color-viz-sequential-cerulean-3: #7fd4e8;
337
- --color-viz-sequential-cerulean-4: #4db8d8;
338
- --color-viz-sequential-cerulean-5: #2e9dc6;
339
- --color-viz-sequential-cerulean-6: #1a7ba3;
340
- --color-viz-sequential-cerulean-7: #0d5b7e;
341
- --color-viz-sequential-cerulean-8: #0a4263;
342
- --color-viz-sequential-cerulean-9: #072d47;
343
- --color-viz-sequential-cerulean-10: #041a2b;
344
- --color-viz-sequential-forest-1: #f7fcd4;
345
- --color-viz-sequential-forest-2: #d5ed99;
346
- --color-viz-sequential-forest-3: #afd66f;
347
- --color-viz-sequential-forest-4: #84ba4d;
348
- --color-viz-sequential-forest-5: #5a9b30;
349
- --color-viz-sequential-forest-6: #3a7a1e;
350
- --color-viz-sequential-forest-7: #285714;
351
- --color-viz-sequential-forest-8: #1a3c0d;
352
- --color-viz-sequential-forest-9: #0f2808;
353
- --color-viz-sequential-forest-10: #071403;
354
- --color-viz-sequential-red-yellow-green-1: #991b1b;
355
- --color-viz-sequential-red-yellow-green-2: #dc2626;
356
- --color-viz-sequential-red-yellow-green-3: #f87171;
357
- --color-viz-sequential-red-yellow-green-4: #fb923c;
358
- --color-viz-sequential-red-yellow-green-5: #fbbf24;
359
- --color-viz-sequential-red-yellow-green-6: #fde047;
360
- --color-viz-sequential-red-yellow-green-7: #bef264;
361
- --color-viz-sequential-red-yellow-green-8: #6ee7b7;
362
- --color-viz-sequential-red-yellow-green-9: #34d399;
363
- --color-viz-sequential-red-yellow-green-10: #10b981;
364
- --color-viz-diverging-orange-yellow-seafoam-1: #883a1f;
365
- --color-viz-diverging-orange-yellow-seafoam-2: #c25f27;
366
- --color-viz-diverging-orange-yellow-seafoam-3: #e8843d;
367
- --color-viz-diverging-orange-yellow-seafoam-4: #f5b774;
368
- --color-viz-diverging-orange-yellow-seafoam-5: #fef4c7;
369
- --color-viz-diverging-orange-yellow-seafoam-6: #b8e8d5;
370
- --color-viz-diverging-orange-yellow-seafoam-7: #73d4c5;
371
- --color-viz-diverging-orange-yellow-seafoam-8: #3db3a8;
372
- --color-viz-diverging-orange-yellow-seafoam-9: #1f8d82;
373
- --color-viz-diverging-orange-yellow-seafoam-10: #0d5d56;
374
- --color-viz-diverging-red-yellow-blue-1: #6b1e3c;
375
- --color-viz-diverging-red-yellow-blue-2: #a83b5e;
376
- --color-viz-diverging-red-yellow-blue-3: #d96e68;
377
- --color-viz-diverging-red-yellow-blue-4: #f0a487;
378
- --color-viz-diverging-red-yellow-blue-5: #fef4c7;
379
- --color-viz-diverging-red-yellow-blue-6: #b8ddd3;
380
- --color-viz-diverging-red-yellow-blue-7: #7bb8cf;
381
- --color-viz-diverging-red-yellow-blue-8: #4a8ec4;
382
- --color-viz-diverging-red-yellow-blue-9: #2d6bb0;
383
- --color-viz-diverging-red-yellow-blue-10: #1a4680;
384
- --color-viz-diverging-red-blue-1: #6b1e3c;
385
- --color-viz-diverging-red-blue-2: #a83b5e;
386
- --color-viz-diverging-red-blue-3: #d9668f;
387
- --color-viz-diverging-red-blue-4: #f09db8;
388
- --color-viz-diverging-red-blue-5: #f8e5f9;
389
- --color-viz-diverging-red-blue-6: #d4c9ed;
390
- --color-viz-diverging-red-blue-7: #b0b8df;
391
- --color-viz-diverging-red-blue-8: #8494ca;
392
- --color-viz-diverging-red-blue-9: #5d6fb0;
393
- --color-viz-diverging-red-blue-10: #374f88;
394
- --color-skeleton-base: #374151;
395
- --color-skeleton-highlight: #4b5563;
396
- --color-skeleton-wave: rgba(255, 255, 255, 0.15);
397
- }