@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.
- package/README.md +57 -3
- package/dist/{RichTextEditor-CxrunTg7.d.cts → RichTextEditor-diZqy_s1.d.cts} +1 -1
- package/dist/{RichTextEditor-CxrunTg7.d.ts → RichTextEditor-diZqy_s1.d.ts} +1 -1
- package/dist/{TimeField-DRQshIHX.d.ts → TimeField-7pTUPh11.d.ts} +32 -17
- package/dist/{TimeField-WCmeiLu3.d.cts → TimeField-CqmVrAdn.d.cts} +32 -17
- package/dist/{colors-Cgs2MGZ8.d.ts → colors-CoULWZ5j.d.ts} +53 -18
- package/dist/{colors-DGRiGzgj.d.cts → colors-upTGgIQe.d.cts} +53 -18
- package/dist/form/index.cjs +1 -1
- package/dist/form/index.cjs.map +1 -1
- package/dist/form/index.d.cts +1 -1
- package/dist/form/index.d.ts +1 -1
- package/dist/form/index.js +1 -1
- package/dist/form/index.js.map +1 -1
- package/dist/{index-BqpWEc_N.d.ts → index-dofSwYId.d.cts} +5 -5
- package/dist/{index-BqpWEc_N.d.cts → index-dofSwYId.d.ts} +5 -5
- package/dist/index.cjs +10 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +161 -41
- package/dist/index.d.ts +161 -41
- package/dist/index.js +10 -10
- package/dist/index.js.map +1 -1
- package/dist/prose.css +202 -0
- package/dist/rhf/index.cjs +1 -1
- package/dist/rhf/index.cjs.map +1 -1
- package/dist/rhf/index.d.cts +2 -2
- package/dist/rhf/index.d.ts +2 -2
- package/dist/rhf/index.js +1 -1
- package/dist/rhf/index.js.map +1 -1
- package/dist/server.cjs +2 -2
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +2 -2
- package/dist/server.d.ts +2 -2
- package/dist/server.js +2 -2
- package/dist/server.js.map +1 -1
- package/dist/styles/computed.css +2 -2
- package/dist/styles/responsive-typography.css +9 -7
- package/dist/styles/theme-light-override.css +26 -15
- package/dist/styles.css +2122 -820
- package/dist/theme.css +20 -7
- package/dist/typography.css +150 -0
- package/package.json +13 -14
- package/scripts/check-legacy-action-variants.mjs +96 -0
- package/scripts/check-legacy-font-colors.mjs +92 -0
- package/scripts/copy-assets.js +12 -0
- package/scripts/generate-color-utilities.mjs +163 -0
- package/templates/claude-rules/.claude +5 -5
- package/templates/claude-rules/claude.md +5 -5
- package/templates/codex-rules/codex.md +5 -5
- package/dist/generated/tailwind-tokens-dark.css +0 -397
- package/dist/generated/tailwind-tokens-light.css +0 -611
- package/dist/generated/viz-runtime.css +0 -243
- package/scripts/generate-viz-runtime.js +0 -107
- package/scripts/validate-tokens.js +0 -176
package/dist/styles.css
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
--color-white: #ffffff;
|
|
5
5
|
--color-black: #000000;
|
|
6
6
|
--color-linen: #faf7f0;
|
|
7
|
+
--color-paper-border: #e5dfd3;
|
|
7
8
|
--color-graphite: #2c2a26;
|
|
8
9
|
--color-ink: #111111;
|
|
9
10
|
--color-gray-50: #fafafa;
|
|
@@ -17,6 +18,20 @@
|
|
|
17
18
|
--color-gray-800: #302f2d;
|
|
18
19
|
--color-gray-900: #222120;
|
|
19
20
|
--color-gray-950: #161615;
|
|
21
|
+
--color-honey-pastel: #fcebd4;
|
|
22
|
+
--color-honey-base: #f0972a;
|
|
23
|
+
--color-canary-pastel: #fffccc;
|
|
24
|
+
--color-canary-base: #ffff0c;
|
|
25
|
+
--color-moss-pastel: #eef6d8;
|
|
26
|
+
--color-moss-base: #8fbf2c;
|
|
27
|
+
--color-ocean-pastel: #dcf1f4;
|
|
28
|
+
--color-ocean-base: #2fa3b0;
|
|
29
|
+
--color-iris-pastel: #e3e6f5;
|
|
30
|
+
--color-iris-base: #3945a8;
|
|
31
|
+
--color-plum-pastel: #f0e3f7;
|
|
32
|
+
--color-plum-base: #8b39b8;
|
|
33
|
+
--color-rose-pastel: #fbe3ec;
|
|
34
|
+
--color-rose-base: #d93d72;
|
|
20
35
|
--color-error-light: #fdecec;
|
|
21
36
|
--color-error-base: #c42d2d;
|
|
22
37
|
--color-error-dark: #7a1212;
|
|
@@ -40,22 +55,12 @@
|
|
|
40
55
|
--color-viz-categorical-4: #5d89ff;
|
|
41
56
|
--color-viz-categorical-5: #9a47e2;
|
|
42
57
|
--color-viz-categorical-6: #f24cb8;
|
|
43
|
-
--
|
|
44
|
-
--
|
|
45
|
-
--
|
|
46
|
-
--
|
|
47
|
-
--
|
|
48
|
-
--
|
|
49
|
-
--motion-easing-emphasized: cubic-bezier(0, 0, 0.2, 1);
|
|
50
|
-
--motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
|
|
51
|
-
--motion-easing-deaccelerate: cubic-bezier(0, 0, 0.2, 1);
|
|
52
|
-
--motion-distance-xs: 4px;
|
|
53
|
-
--motion-distance-sm: 8px;
|
|
54
|
-
--motion-distance-md: 16px;
|
|
55
|
-
--motion-opacity-hover: 0.9;
|
|
56
|
-
--motion-opacity-disabled: 0.5;
|
|
57
|
-
--motion-scale-hover: 1.02;
|
|
58
|
-
--motion-scale-press: 0.97;
|
|
58
|
+
--color-viz-categorical-7: #0ba286;
|
|
59
|
+
--color-viz-categorical-8: #9c28af;
|
|
60
|
+
--color-viz-categorical-9: #036e45;
|
|
61
|
+
--color-viz-categorical-10: #52a119;
|
|
62
|
+
--color-viz-categorical-11: #ff513d;
|
|
63
|
+
--color-viz-categorical-12: #046691;
|
|
59
64
|
--spacing-0: 0;
|
|
60
65
|
--spacing-1: 0.25rem;
|
|
61
66
|
--spacing-2: 0.5rem;
|
|
@@ -88,79 +93,87 @@
|
|
|
88
93
|
--radius-lg: 0.5rem;
|
|
89
94
|
--radius-xl: 0.75rem;
|
|
90
95
|
--radius-full: 9999px;
|
|
91
|
-
--font-family-sans: Inter, system
|
|
92
|
-
--font-family-brand: '
|
|
93
|
-
--font-family-mono: '
|
|
94
|
-
--font-
|
|
96
|
+
--font-family-sans: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
|
|
97
|
+
--font-family-brand: 'Rethink Sans', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
98
|
+
--font-family-mono: 'Geist Mono', 'JetBrains Mono', 'SF Mono', Menlo, monospace;
|
|
99
|
+
--font-family-agent: 'Source Serif 4', Charter, Georgia, serif;
|
|
95
100
|
--font-size-sm: 0.875rem;
|
|
96
101
|
--font-size-base: 1rem;
|
|
97
102
|
--font-size-lg: 1.125rem;
|
|
98
103
|
--font-size-xl: 1.25rem;
|
|
99
104
|
--font-size-2xl: 1.5rem;
|
|
100
|
-
--font-size-3xl: 1.875rem;
|
|
101
105
|
--font-size-4xl: 2.25rem;
|
|
102
|
-
--font-size-5xl: 3rem;
|
|
103
|
-
--font-size-7xl: 4.5rem;
|
|
104
|
-
--font-size-8xl: 6rem;
|
|
105
|
-
--font-size-9xl: 8rem;
|
|
106
106
|
--font-weight-light: 300;
|
|
107
107
|
--font-weight-normal: 400;
|
|
108
108
|
--font-weight-medium: 500;
|
|
109
109
|
--font-weight-semibold: 600;
|
|
110
110
|
--font-weight-bold: 700;
|
|
111
|
-
--font-lineheight-tight: 1.25;
|
|
112
111
|
--font-lineheight-normal: 1.5;
|
|
113
112
|
--font-letterspacing-normal: 0;
|
|
114
|
-
--
|
|
115
|
-
--text-display-xl-size: 6rem;
|
|
113
|
+
--text-display-xl-size: clamp(3rem, 4vw + 1rem, 4.5rem);
|
|
116
114
|
--text-display-xl-line-height: 1;
|
|
117
|
-
--text-display-xl-
|
|
118
|
-
--text-display-
|
|
119
|
-
--text-display-lg-
|
|
120
|
-
--text-display-lg-
|
|
121
|
-
--text-display-
|
|
122
|
-
--text-display-
|
|
123
|
-
--text-display-md-
|
|
115
|
+
--text-display-xl-letter-spacing: -0.035em;
|
|
116
|
+
--text-display-xl-weight: 400;
|
|
117
|
+
--text-display-lg-size: clamp(2.25rem, 3vw + 1rem, 3.25rem);
|
|
118
|
+
--text-display-lg-line-height: 1.05;
|
|
119
|
+
--text-display-lg-letter-spacing: -0.03em;
|
|
120
|
+
--text-display-lg-weight: 400;
|
|
121
|
+
--text-display-md-size: 2.25rem;
|
|
122
|
+
--text-display-md-line-height: 1.1;
|
|
123
|
+
--text-display-md-letter-spacing: -0.025em;
|
|
124
|
+
--text-display-md-weight: 400;
|
|
125
|
+
--text-display-sm-size: 1.0625rem;
|
|
126
|
+
--text-display-sm-line-height: 1.35;
|
|
127
|
+
--text-display-sm-letter-spacing: -0.005em;
|
|
128
|
+
--text-display-sm-weight: 400;
|
|
124
129
|
--text-heading-xl-size: 2.25rem;
|
|
125
|
-
--text-heading-xl-line-height: 1.
|
|
126
|
-
--text-heading-xl-
|
|
127
|
-
--text-heading-
|
|
128
|
-
--text-heading-lg-
|
|
129
|
-
--text-heading-lg-
|
|
130
|
-
--text-heading-
|
|
131
|
-
--text-heading-
|
|
130
|
+
--text-heading-xl-line-height: 1.15;
|
|
131
|
+
--text-heading-xl-letter-spacing: -0.02em;
|
|
132
|
+
--text-heading-xl-weight: 600;
|
|
133
|
+
--text-heading-lg-size: 1.5rem;
|
|
134
|
+
--text-heading-lg-line-height: 1.2;
|
|
135
|
+
--text-heading-lg-letter-spacing: -0.015em;
|
|
136
|
+
--text-heading-lg-weight: 600;
|
|
137
|
+
--text-heading-md-size: 1.25rem;
|
|
138
|
+
--text-heading-md-line-height: 1.3;
|
|
139
|
+
--text-heading-md-letter-spacing: -0.01em;
|
|
132
140
|
--text-heading-md-weight: 600;
|
|
133
|
-
--text-heading-sm-size: 1.
|
|
134
|
-
--text-heading-sm-line-height: 1.
|
|
141
|
+
--text-heading-sm-size: 1.0625rem;
|
|
142
|
+
--text-heading-sm-line-height: 1.35;
|
|
143
|
+
--text-heading-sm-letter-spacing: -0.005em;
|
|
135
144
|
--text-heading-sm-weight: 600;
|
|
136
145
|
--text-body-lg-size: 1.125rem;
|
|
137
146
|
--text-body-lg-line-height: 1.55;
|
|
147
|
+
--text-body-lg-letter-spacing: 0;
|
|
138
148
|
--text-body-lg-weight: 400;
|
|
139
149
|
--text-body-md-size: 1rem;
|
|
140
|
-
--text-body-md-line-height: 1.
|
|
150
|
+
--text-body-md-line-height: 1.55;
|
|
141
151
|
--text-body-md-letter-spacing: 0;
|
|
142
152
|
--text-body-md-weight: 400;
|
|
143
153
|
--text-body-sm-size: 0.875rem;
|
|
144
154
|
--text-body-sm-line-height: 1.55;
|
|
155
|
+
--text-body-sm-letter-spacing: 0;
|
|
145
156
|
--text-body-sm-weight: 400;
|
|
146
157
|
--text-label-lg-size: 1rem;
|
|
147
158
|
--text-label-lg-line-height: 1.4;
|
|
159
|
+
--text-label-lg-letter-spacing: 0;
|
|
148
160
|
--text-label-lg-weight: 500;
|
|
149
161
|
--text-label-md-size: 0.875rem;
|
|
150
162
|
--text-label-md-line-height: 1.4;
|
|
163
|
+
--text-label-md-letter-spacing: 0;
|
|
151
164
|
--text-label-md-weight: 500;
|
|
152
165
|
--text-label-sm-size: 0.8125rem;
|
|
153
|
-
--text-label-sm-line-height: 1.
|
|
166
|
+
--text-label-sm-line-height: 1.35;
|
|
167
|
+
--text-label-sm-letter-spacing: 0;
|
|
154
168
|
--text-label-sm-weight: 500;
|
|
155
|
-
--text-caption-size: 0.8125rem;
|
|
156
|
-
--text-caption-line-height: 1.4;
|
|
157
|
-
--text-caption-weight: 400;
|
|
158
169
|
--text-code-size: 0.875rem;
|
|
159
170
|
--text-code-line-height: 1.5;
|
|
171
|
+
--text-code-letter-spacing: 0;
|
|
160
172
|
--text-code-weight: 400;
|
|
161
|
-
--text-
|
|
162
|
-
--text-
|
|
163
|
-
--text-
|
|
173
|
+
--text-agent-size: 1.125rem;
|
|
174
|
+
--text-agent-line-height: 1.6;
|
|
175
|
+
--text-agent-letter-spacing: 0;
|
|
176
|
+
--text-agent-weight: 400;
|
|
164
177
|
--color-background-body: #ffffff;
|
|
165
178
|
--color-background-surface: #ffffff;
|
|
166
179
|
--color-background-muted: #f5f5f4;
|
|
@@ -170,26 +183,42 @@
|
|
|
170
183
|
--color-background-modal: rgba(0, 0, 0, 0.15);
|
|
171
184
|
--color-background-canvas: linear-gradient(to bottom right, rgb(239 246 255), rgb(250 245 255), rgb(253 242 248));
|
|
172
185
|
--color-background-ai: linear-gradient(to bottom right, rgb(245 243 255 / 0.5), rgb(255 255 255), rgb(240 249 255 / 0.5));
|
|
186
|
+
--color-background-paper: #faf7f0;
|
|
187
|
+
--color-text-primary: #2c2a26;
|
|
188
|
+
--color-text-secondary: #525250;
|
|
189
|
+
--color-text-inverse: #ffffff;
|
|
190
|
+
--color-text-disabled: #a09d98;
|
|
173
191
|
--color-text-body: #2c2a26;
|
|
174
|
-
--color-text-heading: #
|
|
175
|
-
--color-text-
|
|
176
|
-
--color-text-
|
|
177
|
-
--color-text-
|
|
178
|
-
--color-text-
|
|
179
|
-
--color-text-
|
|
180
|
-
--color-text-link-default: #
|
|
192
|
+
--color-text-heading: #2c2a26;
|
|
193
|
+
--color-text-label: #2c2a26;
|
|
194
|
+
--color-text-muted: #525250;
|
|
195
|
+
--color-text-caption: #525250;
|
|
196
|
+
--color-text-subtle: #525250;
|
|
197
|
+
--color-text-placeholder: #525250;
|
|
198
|
+
--color-text-link-default: #2c2a26;
|
|
181
199
|
--color-text-link-hover: #2c2a26;
|
|
182
200
|
--color-text-onPrimary: #ffffff;
|
|
201
|
+
--color-text-onBrand: #ffffff;
|
|
183
202
|
--color-border-default: #e7e6e5;
|
|
184
203
|
--color-border-focus: #111111;
|
|
185
204
|
--color-border-muted: #f5f5f4;
|
|
186
205
|
--color-border-input: #d4d3d0;
|
|
206
|
+
--color-border-paper: #e5dfd3;
|
|
207
|
+
--color-action-primary: #111111;
|
|
208
|
+
--color-action-primary-hover: #2c2a26;
|
|
209
|
+
--color-action-primary-text: #ffffff;
|
|
210
|
+
--color-action-secondary: rgba(0, 0, 0, 0);
|
|
211
|
+
--color-action-secondary-hover: #fafafa;
|
|
212
|
+
--color-action-secondary-text: #2c2a26;
|
|
187
213
|
--color-action-brand: #111111;
|
|
188
214
|
--color-action-brand-hover: #2c2a26;
|
|
189
215
|
--color-action-brand-text: #ffffff;
|
|
190
216
|
--color-action-default: #111111;
|
|
191
217
|
--color-action-default-hover: #2c2a26;
|
|
192
218
|
--color-action-default-text: #ffffff;
|
|
219
|
+
--color-action-destructive: #c42d2d;
|
|
220
|
+
--color-action-destructive-hover: #7a1212;
|
|
221
|
+
--color-action-destructive-text: #ffffff;
|
|
193
222
|
--color-feedback-success-text: #15452a;
|
|
194
223
|
--color-feedback-success-background: #e4f3e9;
|
|
195
224
|
--color-feedback-success-border: #278a4a;
|
|
@@ -203,10 +232,103 @@
|
|
|
203
232
|
--color-feedback-info-background: #e0eaf5;
|
|
204
233
|
--color-feedback-info-border: #2d6cb8;
|
|
205
234
|
--color-viz-default: #5424db;
|
|
235
|
+
--color-viz-sequential-viridis-1: #fafa37;
|
|
236
|
+
--color-viz-sequential-viridis-2: #d6e654;
|
|
237
|
+
--color-viz-sequential-viridis-3: #b2d373;
|
|
238
|
+
--color-viz-sequential-viridis-4: #88be8c;
|
|
239
|
+
--color-viz-sequential-viridis-5: #5fa2a4;
|
|
240
|
+
--color-viz-sequential-viridis-6: #3d7eaa;
|
|
241
|
+
--color-viz-sequential-viridis-7: #2a60b1;
|
|
242
|
+
--color-viz-sequential-viridis-8: #1b3a99;
|
|
243
|
+
--color-viz-sequential-viridis-9: #132353;
|
|
244
|
+
--color-viz-sequential-viridis-10: #110f39;
|
|
245
|
+
--color-viz-sequential-magma-1: #fcf5cd;
|
|
246
|
+
--color-viz-sequential-magma-2: #f5db95;
|
|
247
|
+
--color-viz-sequential-magma-3: #e9af7c;
|
|
248
|
+
--color-viz-sequential-magma-4: #db7d70;
|
|
249
|
+
--color-viz-sequential-magma-5: #b9577a;
|
|
250
|
+
--color-viz-sequential-magma-6: #883482;
|
|
251
|
+
--color-viz-sequential-magma-7: #6a1f78;
|
|
252
|
+
--color-viz-sequential-magma-8: #4b1277;
|
|
253
|
+
--color-viz-sequential-magma-9: #2d0b42;
|
|
254
|
+
--color-viz-sequential-magma-10: #0b0511;
|
|
255
|
+
--color-viz-sequential-rose-1: #fef3e7;
|
|
256
|
+
--color-viz-sequential-rose-2: #f5c7e0;
|
|
257
|
+
--color-viz-sequential-rose-3: #ec9bce;
|
|
258
|
+
--color-viz-sequential-rose-4: #d86db0;
|
|
259
|
+
--color-viz-sequential-rose-5: #be4a8b;
|
|
260
|
+
--color-viz-sequential-rose-6: #9d2f76;
|
|
261
|
+
--color-viz-sequential-rose-7: #78176c;
|
|
262
|
+
--color-viz-sequential-rose-8: #56135c;
|
|
263
|
+
--color-viz-sequential-rose-9: #371344;
|
|
264
|
+
--color-viz-sequential-rose-10: #190b29;
|
|
265
|
+
--color-viz-sequential-cerulean-1: #e2f7f2;
|
|
266
|
+
--color-viz-sequential-cerulean-2: #b6e4e8;
|
|
267
|
+
--color-viz-sequential-cerulean-3: #8bd3d7;
|
|
268
|
+
--color-viz-sequential-cerulean-4: #60b2c7;
|
|
269
|
+
--color-viz-sequential-cerulean-5: #3d91b6;
|
|
270
|
+
--color-viz-sequential-cerulean-6: #22698e;
|
|
271
|
+
--color-viz-sequential-cerulean-7: #0e486a;
|
|
272
|
+
--color-viz-sequential-cerulean-8: #0a314d;
|
|
273
|
+
--color-viz-sequential-cerulean-9: #081e33;
|
|
274
|
+
--color-viz-sequential-cerulean-10: #030e1d;
|
|
275
|
+
--color-viz-sequential-forest-1: #f4fad8;
|
|
276
|
+
--color-viz-sequential-forest-2: #d6e6a5;
|
|
277
|
+
--color-viz-sequential-forest-3: #b2cd73;
|
|
278
|
+
--color-viz-sequential-forest-4: #88af52;
|
|
279
|
+
--color-viz-sequential-forest-5: #5f8835;
|
|
280
|
+
--color-viz-sequential-forest-6: #3d6426;
|
|
281
|
+
--color-viz-sequential-forest-7: #2a461a;
|
|
282
|
+
--color-viz-sequential-forest-8: #1b2e13;
|
|
283
|
+
--color-viz-sequential-forest-9: #13200d;
|
|
284
|
+
--color-viz-sequential-forest-10: #0b1305;
|
|
285
|
+
--color-viz-sequential-red-yellow-green-1: #7f1d1d;
|
|
286
|
+
--color-viz-sequential-red-yellow-green-2: #b91c1c;
|
|
287
|
+
--color-viz-sequential-red-yellow-green-3: #ef4444;
|
|
288
|
+
--color-viz-sequential-red-yellow-green-4: #fb923c;
|
|
289
|
+
--color-viz-sequential-red-yellow-green-5: #f59e0b;
|
|
290
|
+
--color-viz-sequential-red-yellow-green-6: #fbbf24;
|
|
291
|
+
--color-viz-sequential-red-yellow-green-7: #a3e635;
|
|
292
|
+
--color-viz-sequential-red-yellow-green-8: #4ade80;
|
|
293
|
+
--color-viz-sequential-red-yellow-green-9: #10b981;
|
|
294
|
+
--color-viz-sequential-red-yellow-green-10: #059669;
|
|
295
|
+
--color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
|
|
296
|
+
--color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
|
|
297
|
+
--color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
|
|
298
|
+
--color-viz-diverging-orange-yellow-seafoam-4: #e2a05d;
|
|
299
|
+
--color-viz-diverging-orange-yellow-seafoam-5: #f3e1a3;
|
|
300
|
+
--color-viz-diverging-orange-yellow-seafoam-6: #c1e4d2;
|
|
301
|
+
--color-viz-diverging-orange-yellow-seafoam-7: #7eb8b1;
|
|
302
|
+
--color-viz-diverging-orange-yellow-seafoam-8: #4c8c89;
|
|
303
|
+
--color-viz-diverging-orange-yellow-seafoam-9: #2b6262;
|
|
304
|
+
--color-viz-diverging-orange-yellow-seafoam-10: #1b3d3c;
|
|
305
|
+
--color-viz-diverging-red-yellow-blue-1: #4e142d;
|
|
306
|
+
--color-viz-diverging-red-yellow-blue-2: #8b2d4e;
|
|
307
|
+
--color-viz-diverging-red-yellow-blue-3: #c15a4a;
|
|
308
|
+
--color-viz-diverging-red-yellow-blue-4: #db8b6a;
|
|
309
|
+
--color-viz-diverging-red-yellow-blue-5: #f3e1a3;
|
|
310
|
+
--color-viz-diverging-red-yellow-blue-6: #bfd4c7;
|
|
311
|
+
--color-viz-diverging-red-yellow-blue-7: #7c9eb9;
|
|
312
|
+
--color-viz-diverging-red-yellow-blue-8: #4770a3;
|
|
313
|
+
--color-viz-diverging-red-yellow-blue-9: #2e4d8c;
|
|
314
|
+
--color-viz-diverging-red-yellow-blue-10: #18274e;
|
|
315
|
+
--color-viz-diverging-red-blue-1: #4e142d;
|
|
316
|
+
--color-viz-diverging-red-blue-2: #8b2d4e;
|
|
317
|
+
--color-viz-diverging-red-blue-3: #c15a7a;
|
|
318
|
+
--color-viz-diverging-red-blue-4: #db8b9e;
|
|
319
|
+
--color-viz-diverging-red-blue-5: #f3e1f4;
|
|
320
|
+
--color-viz-diverging-red-blue-6: #c7bfe2;
|
|
321
|
+
--color-viz-diverging-red-blue-7: #9ea7ce;
|
|
322
|
+
--color-viz-diverging-red-blue-8: #7080b5;
|
|
323
|
+
--color-viz-diverging-red-blue-9: #4d5e99;
|
|
324
|
+
--color-viz-diverging-red-blue-10: #2b3d70;
|
|
206
325
|
--color-skeleton-base: #e7e6e5;
|
|
207
326
|
--color-skeleton-highlight: #f5f5f4;
|
|
208
327
|
--color-skeleton-wave: rgba(255, 255, 255, 0.6);
|
|
209
328
|
--color-map-marker-default: #111111;
|
|
329
|
+
--color-map-streets-border: #000000;
|
|
330
|
+
--color-map-satellite-border: #ffffff;
|
|
331
|
+
--color-map-neutral-border: #000000;
|
|
210
332
|
--color-state-charging: #f3e8ff;
|
|
211
333
|
--color-state-charging-data: #d9b6fd;
|
|
212
334
|
--color-state-charging-border: #c084fc;
|
|
@@ -231,6 +353,9 @@
|
|
|
231
353
|
--color-state-auto-data: #fed3a4;
|
|
232
354
|
--color-state-auto-border: #fdba74;
|
|
233
355
|
--color-state-auto-text: #7c2d12;
|
|
356
|
+
--color-state-circulate: #ede9fe;
|
|
357
|
+
--color-state-circulate-border: #a78bfa;
|
|
358
|
+
--color-state-circulate-text: #4338ca;
|
|
234
359
|
--color-state-on: #ccfbf1;
|
|
235
360
|
--color-state-on-data: #7ce7d8;
|
|
236
361
|
--color-state-on-border: #2dd4bf;
|
|
@@ -257,12 +382,10 @@
|
|
|
257
382
|
--color-state-exporting-text: #92400e;
|
|
258
383
|
--color-brand-primary: var(--color-ink);
|
|
259
384
|
--color-brand-dark: var(--color-ink);
|
|
260
|
-
--color-brand-light: var(--color-linen);
|
|
261
|
-
--color-brand-background: var(--color-linen);
|
|
262
385
|
--color-neutral-black: var(--color-black);
|
|
263
386
|
--action-brand-background: var(--color-ink);
|
|
264
387
|
--action-brand-hover: var(--color-graphite);
|
|
265
|
-
--
|
|
388
|
+
--theme-text-label: var(--color-text-primary);
|
|
266
389
|
--control-sm: 0.75rem;
|
|
267
390
|
--control-md: 0.875rem;
|
|
268
391
|
--control-lg: 1rem;
|
|
@@ -296,78 +419,32 @@
|
|
|
296
419
|
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
297
420
|
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
298
421
|
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
299
|
-
--color-red-300: oklch(80.8% 0.114 19.571);
|
|
300
|
-
--color-red-400: oklch(70.4% 0.191 22.216);
|
|
301
422
|
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
302
|
-
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
303
|
-
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
304
423
|
--color-red-800: oklch(44.4% 0.177 26.899);
|
|
305
424
|
--color-red-900: oklch(39.6% 0.141 25.723);
|
|
306
425
|
--color-red-950: oklch(25.8% 0.092 26.042);
|
|
307
|
-
--color-orange-50: oklch(98% 0.016 73.684);
|
|
308
|
-
--color-orange-100: oklch(95.4% 0.038 75.164);
|
|
309
|
-
--color-orange-200: oklch(90.1% 0.076 70.697);
|
|
310
|
-
--color-orange-500: oklch(70.5% 0.213 47.604);
|
|
311
|
-
--color-orange-600: oklch(64.6% 0.222 41.116);
|
|
312
|
-
--color-orange-800: oklch(47% 0.157 37.304);
|
|
313
426
|
--color-amber-50: oklch(98.7% 0.022 95.277);
|
|
314
427
|
--color-amber-100: oklch(96.2% 0.059 95.617);
|
|
315
428
|
--color-amber-200: oklch(92.4% 0.12 95.746);
|
|
316
429
|
--color-amber-800: oklch(47.3% 0.137 46.201);
|
|
317
430
|
--color-amber-900: oklch(41.4% 0.112 45.904);
|
|
318
431
|
--color-amber-950: oklch(27.9% 0.077 45.635);
|
|
319
|
-
--color-yellow-50: oklch(98.7% 0.026 102.212);
|
|
320
|
-
--color-yellow-100: oklch(97.3% 0.071 103.193);
|
|
321
|
-
--color-yellow-200: oklch(94.5% 0.129 101.54);
|
|
322
|
-
--color-yellow-300: oklch(90.5% 0.182 98.111);
|
|
323
|
-
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
324
|
-
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
325
|
-
--color-yellow-600: oklch(68.1% 0.162 75.834);
|
|
326
|
-
--color-yellow-700: oklch(55.4% 0.135 66.442);
|
|
327
|
-
--color-yellow-800: oklch(47.6% 0.114 61.907);
|
|
328
|
-
--color-yellow-900: oklch(42.1% 0.095 57.708);
|
|
329
|
-
--color-yellow-950: oklch(28.6% 0.066 53.813);
|
|
330
432
|
--color-green-50: oklch(98.2% 0.018 155.826);
|
|
331
433
|
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
332
|
-
--color-green-200: oklch(92.5% 0.084 155.995);
|
|
333
|
-
--color-green-300: oklch(87.1% 0.15 154.449);
|
|
334
434
|
--color-green-400: oklch(79.2% 0.209 151.711);
|
|
335
435
|
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
336
436
|
--color-green-600: oklch(62.7% 0.194 149.214);
|
|
337
|
-
--color-green-700: oklch(52.7% 0.154 150.069);
|
|
338
|
-
--color-green-800: oklch(44.8% 0.119 151.328);
|
|
339
437
|
--color-green-900: oklch(39.3% 0.095 152.535);
|
|
340
|
-
--color-green-950: oklch(26.6% 0.065 152.934);
|
|
341
|
-
--color-teal-500: oklch(70.4% 0.14 182.503);
|
|
342
438
|
--color-blue-50: oklch(97% 0.014 254.604);
|
|
343
439
|
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
344
440
|
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
345
|
-
--color-blue-300: oklch(80.9% 0.105 251.813);
|
|
346
|
-
--color-blue-400: oklch(70.7% 0.165 254.624);
|
|
347
441
|
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
348
|
-
--color-blue-600: oklch(54.6% 0.245 262.881);
|
|
349
|
-
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
350
442
|
--color-blue-800: oklch(42.4% 0.199 265.638);
|
|
351
443
|
--color-blue-900: oklch(37.9% 0.146 265.522);
|
|
352
444
|
--color-blue-950: oklch(28.2% 0.091 267.935);
|
|
353
|
-
--color-purple-50: oklch(97.7% 0.014 308.299);
|
|
354
|
-
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
355
445
|
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
356
446
|
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
357
|
-
--color-purple-800: oklch(43.8% 0.218 303.724);
|
|
358
447
|
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
359
|
-
--color-pink-600: oklch(59.2% 0.249 0.584);
|
|
360
|
-
--color-slate-300: oklch(86.9% 0.022 252.894);
|
|
361
|
-
--color-slate-600: oklch(44.6% 0.043 257.281);
|
|
362
|
-
--color-slate-700: oklch(37.2% 0.044 257.287);
|
|
363
|
-
--color-slate-800: oklch(27.9% 0.041 260.031);
|
|
364
|
-
--color-zinc-100: oklch(96.7% 0.001 286.375);
|
|
365
|
-
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
366
|
-
--color-zinc-300: oklch(87.1% 0.006 286.286);
|
|
367
|
-
--color-zinc-400: oklch(70.5% 0.015 286.067);
|
|
368
|
-
--color-zinc-600: oklch(44.2% 0.017 285.786);
|
|
369
|
-
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
370
|
-
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
371
448
|
--spacing: 0.25rem;
|
|
372
449
|
--breakpoint-lg: 64rem;
|
|
373
450
|
--container-xs: 20rem;
|
|
@@ -431,6 +508,7 @@
|
|
|
431
508
|
--color-white: #ffffff;
|
|
432
509
|
--color-black: #000000;
|
|
433
510
|
--color-linen: #faf7f0;
|
|
511
|
+
--color-paper-border: #e5dfd3;
|
|
434
512
|
--color-graphite: #2c2a26;
|
|
435
513
|
--color-ink: #111111;
|
|
436
514
|
--color-gray-50: #fafafa;
|
|
@@ -531,10 +609,10 @@
|
|
|
531
609
|
--radius-3xl: 1.5rem;
|
|
532
610
|
--radius-4xl: 2rem;
|
|
533
611
|
--radius-full: 9999px;
|
|
534
|
-
--font-family-sans: Inter, system
|
|
535
|
-
--font-family-brand: '
|
|
536
|
-
--font-family-
|
|
537
|
-
--font-family-
|
|
612
|
+
--font-family-sans: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
|
|
613
|
+
--font-family-brand: 'Rethink Sans', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
614
|
+
--font-family-mono: 'Geist Mono', 'JetBrains Mono', 'SF Mono', Menlo, monospace;
|
|
615
|
+
--font-family-agent: 'Source Serif 4', Charter, Georgia, serif;
|
|
538
616
|
--font-size-xs: 0.75rem;
|
|
539
617
|
--font-size-sm: 0.875rem;
|
|
540
618
|
--font-size-base: 1rem;
|
|
@@ -579,40 +657,44 @@
|
|
|
579
657
|
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
|
|
580
658
|
--shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.08);
|
|
581
659
|
--shadow-overflow: 0 4px 12px rgba(0, 0, 0, 0.10);
|
|
582
|
-
--text-display-xl-size:
|
|
660
|
+
--text-display-xl-size: clamp(3rem, 4vw + 1rem, 4.5rem);
|
|
583
661
|
--text-display-xl-line-height: 1;
|
|
584
|
-
--text-display-xl-letter-spacing: 0;
|
|
585
|
-
--text-display-xl-weight:
|
|
586
|
-
--text-display-lg-size:
|
|
587
|
-
--text-display-lg-line-height: 1;
|
|
588
|
-
--text-display-lg-letter-spacing: 0;
|
|
589
|
-
--text-display-lg-weight:
|
|
590
|
-
--text-display-md-size:
|
|
591
|
-
--text-display-md-line-height: 1.
|
|
592
|
-
--text-display-md-letter-spacing: 0;
|
|
593
|
-
--text-display-md-weight:
|
|
662
|
+
--text-display-xl-letter-spacing: -0.035em;
|
|
663
|
+
--text-display-xl-weight: 400;
|
|
664
|
+
--text-display-lg-size: clamp(2.25rem, 3vw + 1rem, 3.25rem);
|
|
665
|
+
--text-display-lg-line-height: 1.05;
|
|
666
|
+
--text-display-lg-letter-spacing: -0.03em;
|
|
667
|
+
--text-display-lg-weight: 400;
|
|
668
|
+
--text-display-md-size: 2.25rem;
|
|
669
|
+
--text-display-md-line-height: 1.1;
|
|
670
|
+
--text-display-md-letter-spacing: -0.025em;
|
|
671
|
+
--text-display-md-weight: 400;
|
|
672
|
+
--text-display-sm-size: 1.0625rem;
|
|
673
|
+
--text-display-sm-line-height: 1.35;
|
|
674
|
+
--text-display-sm-letter-spacing: -0.005em;
|
|
675
|
+
--text-display-sm-weight: 400;
|
|
594
676
|
--text-heading-xl-size: 2.25rem;
|
|
595
|
-
--text-heading-xl-line-height: 1.
|
|
596
|
-
--text-heading-xl-letter-spacing: 0;
|
|
597
|
-
--text-heading-xl-weight:
|
|
598
|
-
--text-heading-lg-size: 1.
|
|
599
|
-
--text-heading-lg-line-height: 1.
|
|
600
|
-
--text-heading-lg-letter-spacing: 0;
|
|
601
|
-
--text-heading-lg-weight:
|
|
602
|
-
--text-heading-md-size: 1.
|
|
603
|
-
--text-heading-md-line-height: 1.
|
|
604
|
-
--text-heading-md-letter-spacing: 0;
|
|
677
|
+
--text-heading-xl-line-height: 1.15;
|
|
678
|
+
--text-heading-xl-letter-spacing: -0.02em;
|
|
679
|
+
--text-heading-xl-weight: 600;
|
|
680
|
+
--text-heading-lg-size: 1.5rem;
|
|
681
|
+
--text-heading-lg-line-height: 1.2;
|
|
682
|
+
--text-heading-lg-letter-spacing: -0.015em;
|
|
683
|
+
--text-heading-lg-weight: 600;
|
|
684
|
+
--text-heading-md-size: 1.25rem;
|
|
685
|
+
--text-heading-md-line-height: 1.3;
|
|
686
|
+
--text-heading-md-letter-spacing: -0.01em;
|
|
605
687
|
--text-heading-md-weight: 600;
|
|
606
|
-
--text-heading-sm-size: 1.
|
|
607
|
-
--text-heading-sm-line-height: 1.
|
|
608
|
-
--text-heading-sm-letter-spacing: 0;
|
|
688
|
+
--text-heading-sm-size: 1.0625rem;
|
|
689
|
+
--text-heading-sm-line-height: 1.35;
|
|
690
|
+
--text-heading-sm-letter-spacing: -0.005em;
|
|
609
691
|
--text-heading-sm-weight: 600;
|
|
610
692
|
--text-body-lg-size: 1.125rem;
|
|
611
693
|
--text-body-lg-line-height: 1.55;
|
|
612
694
|
--text-body-lg-letter-spacing: 0;
|
|
613
695
|
--text-body-lg-weight: 400;
|
|
614
696
|
--text-body-md-size: 1rem;
|
|
615
|
-
--text-body-md-line-height: 1.
|
|
697
|
+
--text-body-md-line-height: 1.55;
|
|
616
698
|
--text-body-md-letter-spacing: 0;
|
|
617
699
|
--text-body-md-weight: 400;
|
|
618
700
|
--text-body-sm-size: 0.875rem;
|
|
@@ -628,21 +710,17 @@
|
|
|
628
710
|
--text-label-md-letter-spacing: 0;
|
|
629
711
|
--text-label-md-weight: 500;
|
|
630
712
|
--text-label-sm-size: 0.8125rem;
|
|
631
|
-
--text-label-sm-line-height: 1.
|
|
713
|
+
--text-label-sm-line-height: 1.35;
|
|
632
714
|
--text-label-sm-letter-spacing: 0;
|
|
633
715
|
--text-label-sm-weight: 500;
|
|
634
|
-
--text-caption-size: 0.8125rem;
|
|
635
|
-
--text-caption-line-height: 1.4;
|
|
636
|
-
--text-caption-letter-spacing: 0;
|
|
637
|
-
--text-caption-weight: 400;
|
|
638
716
|
--text-code-size: 0.875rem;
|
|
639
717
|
--text-code-line-height: 1.5;
|
|
640
718
|
--text-code-letter-spacing: 0;
|
|
641
719
|
--text-code-weight: 400;
|
|
642
|
-
--text-
|
|
643
|
-
--text-
|
|
644
|
-
--text-
|
|
645
|
-
--text-
|
|
720
|
+
--text-agent-size: 1.125rem;
|
|
721
|
+
--text-agent-line-height: 1.6;
|
|
722
|
+
--text-agent-letter-spacing: 0;
|
|
723
|
+
--text-agent-weight: 400;
|
|
646
724
|
--color-background-body: #ffffff;
|
|
647
725
|
--color-background-surface: #ffffff;
|
|
648
726
|
--color-background-muted: #f5f5f4;
|
|
@@ -652,15 +730,19 @@
|
|
|
652
730
|
--color-background-modal: rgba(0, 0, 0, 0.15);
|
|
653
731
|
--color-background-canvas: linear-gradient(to bottom right, rgb(239 246 255), rgb(250 245 255), rgb(253 242 248));
|
|
654
732
|
--color-background-ai: linear-gradient(to bottom right, rgb(245 243 255 / 0.5), rgb(255 255 255), rgb(240 249 255 / 0.5));
|
|
733
|
+
--color-background-paper: #faf7f0;
|
|
734
|
+
--color-text-primary: #2c2a26;
|
|
735
|
+
--color-text-secondary: #525250;
|
|
736
|
+
--color-text-inverse: #ffffff;
|
|
737
|
+
--color-text-disabled: #a09d98;
|
|
655
738
|
--color-text-body: #2c2a26;
|
|
656
|
-
--color-text-heading: #
|
|
657
|
-
--
|
|
658
|
-
--color-text-muted: #
|
|
659
|
-
--color-text-caption: #
|
|
660
|
-
--color-text-subtle: #
|
|
661
|
-
--color-text-placeholder: #
|
|
662
|
-
--color-text-
|
|
663
|
-
--color-text-link-default: #111111;
|
|
739
|
+
--color-text-heading: #2c2a26;
|
|
740
|
+
--color-text-label: #2c2a26;
|
|
741
|
+
--color-text-muted: #525250;
|
|
742
|
+
--color-text-caption: #525250;
|
|
743
|
+
--color-text-subtle: #525250;
|
|
744
|
+
--color-text-placeholder: #525250;
|
|
745
|
+
--color-text-link-default: #2c2a26;
|
|
664
746
|
--color-text-link-hover: #2c2a26;
|
|
665
747
|
--color-text-onPrimary: #ffffff;
|
|
666
748
|
--color-text-onBrand: #ffffff;
|
|
@@ -668,12 +750,22 @@
|
|
|
668
750
|
--color-border-focus: #111111;
|
|
669
751
|
--color-border-muted: #f5f5f4;
|
|
670
752
|
--color-border-input: #d4d3d0;
|
|
753
|
+
--color-border-paper: #e5dfd3;
|
|
754
|
+
--color-action-primary: #111111;
|
|
755
|
+
--color-action-primary-hover: #2c2a26;
|
|
756
|
+
--color-action-primary-text: #ffffff;
|
|
757
|
+
--color-action-secondary: rgba(0, 0, 0, 0);
|
|
758
|
+
--color-action-secondary-hover: #fafafa;
|
|
759
|
+
--color-action-secondary-text: #2c2a26;
|
|
671
760
|
--color-action-brand: #111111;
|
|
672
761
|
--color-action-brand-hover: #2c2a26;
|
|
673
762
|
--color-action-brand-text: #ffffff;
|
|
674
763
|
--color-action-default: #111111;
|
|
675
764
|
--color-action-default-hover: #2c2a26;
|
|
676
765
|
--color-action-default-text: #ffffff;
|
|
766
|
+
--color-action-destructive: #c42d2d;
|
|
767
|
+
--color-action-destructive-hover: #7a1212;
|
|
768
|
+
--color-action-destructive-text: #ffffff;
|
|
677
769
|
--color-feedback-success-text: #15452a;
|
|
678
770
|
--color-feedback-success-background: #e4f3e9;
|
|
679
771
|
--color-feedback-success-border: #278a4a;
|
|
@@ -854,33 +946,22 @@
|
|
|
854
946
|
--elevation-surface-raised: var(--color-background-surface);
|
|
855
947
|
--elevation-surface-floating: var(--color-background-surface);
|
|
856
948
|
--elevation-surface-overlay: var(--color-background-surface);
|
|
857
|
-
--text-display-xl-
|
|
858
|
-
--text-display-
|
|
859
|
-
--text-display-
|
|
860
|
-
--text-display-
|
|
861
|
-
--text-display-
|
|
862
|
-
--text-display-lg-weight: var(--font-weight-medium);
|
|
863
|
-
--text-display-md-size: var(--font-size-5xl);
|
|
864
|
-
--text-display-md-letter-spacing: var(--font-letterspacing-normal);
|
|
865
|
-
--text-display-md-weight: var(--font-weight-medium);
|
|
949
|
+
--text-display-xl-weight: var(--font-weight-normal);
|
|
950
|
+
--text-display-lg-weight: var(--font-weight-normal);
|
|
951
|
+
--text-display-md-size: var(--font-size-4xl);
|
|
952
|
+
--text-display-md-weight: var(--font-weight-normal);
|
|
953
|
+
--text-display-sm-weight: var(--font-weight-normal);
|
|
866
954
|
--text-heading-xl-size: var(--font-size-4xl);
|
|
867
|
-
--text-heading-xl-
|
|
868
|
-
--text-heading-
|
|
869
|
-
--text-heading-lg-
|
|
870
|
-
--text-heading-
|
|
871
|
-
--text-heading-lg-weight: var(--font-weight-medium);
|
|
872
|
-
--text-heading-md-size: var(--font-size-2xl);
|
|
873
|
-
--text-heading-md-letter-spacing: var(--font-letterspacing-normal);
|
|
955
|
+
--text-heading-xl-weight: var(--font-weight-semibold);
|
|
956
|
+
--text-heading-lg-size: var(--font-size-2xl);
|
|
957
|
+
--text-heading-lg-weight: var(--font-weight-semibold);
|
|
958
|
+
--text-heading-md-size: var(--font-size-xl);
|
|
874
959
|
--text-heading-md-weight: var(--font-weight-semibold);
|
|
875
|
-
--text-heading-sm-size: var(--font-size-xl);
|
|
876
|
-
--text-heading-sm-line-height: var(--font-lineheight-tight);
|
|
877
|
-
--text-heading-sm-letter-spacing: var(--font-letterspacing-normal);
|
|
878
960
|
--text-heading-sm-weight: var(--font-weight-semibold);
|
|
879
961
|
--text-body-lg-size: var(--font-size-lg);
|
|
880
962
|
--text-body-lg-letter-spacing: var(--font-letterspacing-normal);
|
|
881
963
|
--text-body-lg-weight: var(--font-weight-normal);
|
|
882
964
|
--text-body-md-size: var(--font-size-base);
|
|
883
|
-
--text-body-md-line-height: var(--font-lineheight-normal);
|
|
884
965
|
--text-body-md-letter-spacing: var(--font-letterspacing-normal);
|
|
885
966
|
--text-body-md-weight: var(--font-weight-normal);
|
|
886
967
|
--text-body-sm-size: var(--font-size-sm);
|
|
@@ -894,14 +975,13 @@
|
|
|
894
975
|
--text-label-md-weight: var(--font-weight-medium);
|
|
895
976
|
--text-label-sm-letter-spacing: var(--font-letterspacing-normal);
|
|
896
977
|
--text-label-sm-weight: var(--font-weight-medium);
|
|
897
|
-
--text-caption-letter-spacing: var(--font-letterspacing-normal);
|
|
898
|
-
--text-caption-weight: var(--font-weight-normal);
|
|
899
978
|
--text-code-size: var(--font-size-sm);
|
|
900
979
|
--text-code-line-height: var(--font-lineheight-normal);
|
|
901
980
|
--text-code-letter-spacing: var(--font-letterspacing-normal);
|
|
902
981
|
--text-code-weight: var(--font-weight-normal);
|
|
903
|
-
--text-
|
|
904
|
-
--text-
|
|
982
|
+
--text-agent-size: var(--font-size-lg);
|
|
983
|
+
--text-agent-letter-spacing: var(--font-letterspacing-normal);
|
|
984
|
+
--text-agent-weight: var(--font-weight-normal);
|
|
905
985
|
--color-background-body: var(--color-white);
|
|
906
986
|
--color-background-surface: var(--color-white);
|
|
907
987
|
--color-background-muted: var(--color-gray-100);
|
|
@@ -909,28 +989,40 @@
|
|
|
909
989
|
--color-background-selected: var(--color-gray-200);
|
|
910
990
|
--color-background-input: var(--color-white);
|
|
911
991
|
--color-background-modal: var(--color-scrim-light);
|
|
912
|
-
--color-
|
|
913
|
-
--color-text-
|
|
914
|
-
--
|
|
915
|
-
--color-text-
|
|
916
|
-
--color-text-
|
|
917
|
-
--color-text-
|
|
918
|
-
--color-text-
|
|
919
|
-
--color-text-
|
|
920
|
-
--color-text-
|
|
992
|
+
--color-background-paper: var(--color-linen);
|
|
993
|
+
--color-text-primary: var(--color-graphite);
|
|
994
|
+
--color-text-inverse: var(--color-white);
|
|
995
|
+
--color-text-disabled: var(--color-gray-400);
|
|
996
|
+
--color-text-body: var(--color-text-primary);
|
|
997
|
+
--color-text-heading: var(--color-text-primary);
|
|
998
|
+
--color-text-label: var(--color-text-primary);
|
|
999
|
+
--color-text-muted: var(--color-text-secondary);
|
|
1000
|
+
--color-text-caption: var(--color-text-secondary);
|
|
1001
|
+
--color-text-subtle: var(--color-text-secondary);
|
|
1002
|
+
--color-text-placeholder: var(--color-text-secondary);
|
|
1003
|
+
--color-text-link-default: var(--color-text-primary);
|
|
921
1004
|
--color-text-link-hover: var(--color-graphite);
|
|
922
|
-
--color-text-onPrimary: var(--color-
|
|
923
|
-
--color-text-onBrand: var(--color-
|
|
1005
|
+
--color-text-onPrimary: var(--color-text-inverse);
|
|
1006
|
+
--color-text-onBrand: var(--color-text-inverse);
|
|
924
1007
|
--color-border-default: var(--color-gray-200);
|
|
925
1008
|
--color-border-focus: var(--color-ink);
|
|
926
1009
|
--color-border-muted: var(--color-gray-100);
|
|
927
1010
|
--color-border-input: var(--color-gray-300);
|
|
928
|
-
--color-
|
|
929
|
-
--color-action-
|
|
930
|
-
--color-action-
|
|
931
|
-
--color-action-
|
|
932
|
-
--color-action-
|
|
933
|
-
--color-action-
|
|
1011
|
+
--color-border-paper: var(--color-paper-border);
|
|
1012
|
+
--color-action-primary: var(--color-ink);
|
|
1013
|
+
--color-action-primary-hover: var(--color-graphite);
|
|
1014
|
+
--color-action-primary-text: var(--color-white);
|
|
1015
|
+
--color-action-secondary-hover: var(--color-background-hover);
|
|
1016
|
+
--color-action-secondary-text: var(--color-text-primary);
|
|
1017
|
+
--color-action-brand: var(--color-action-primary);
|
|
1018
|
+
--color-action-brand-hover: var(--color-action-primary-hover);
|
|
1019
|
+
--color-action-brand-text: var(--color-action-primary-text);
|
|
1020
|
+
--color-action-default: var(--color-action-primary);
|
|
1021
|
+
--color-action-default-hover: var(--color-action-primary-hover);
|
|
1022
|
+
--color-action-default-text: var(--color-action-primary-text);
|
|
1023
|
+
--color-action-destructive: var(--color-feedback-error-border);
|
|
1024
|
+
--color-action-destructive-hover: var(--color-feedback-error-text);
|
|
1025
|
+
--color-action-destructive-text: var(--color-text-inverse);
|
|
934
1026
|
--color-feedback-success-text: var(--color-success-dark);
|
|
935
1027
|
--color-feedback-success-background: var(--color-success-light);
|
|
936
1028
|
--color-feedback-success-border: var(--color-success-base);
|
|
@@ -947,7 +1039,7 @@
|
|
|
947
1039
|
--color-skeleton-base: var(--color-gray-200);
|
|
948
1040
|
--color-skeleton-highlight: var(--color-gray-100);
|
|
949
1041
|
--color-skeleton-wave: var(--color-skeleton-wave-light);
|
|
950
|
-
--color-map-marker-default: var(--color-action-
|
|
1042
|
+
--color-map-marker-default: var(--color-action-primary);
|
|
951
1043
|
--color-map-streets-border: var(--color-black);
|
|
952
1044
|
--color-map-satellite-border: var(--color-white);
|
|
953
1045
|
--color-map-neutral-border: var(--color-black);
|
|
@@ -956,19 +1048,19 @@
|
|
|
956
1048
|
--text-display-xl: var(--text-display-xl-weight) var(--text-display-xl-size)/var(--text-display-xl-line-height) var(--font-family-brand);
|
|
957
1049
|
--text-display-lg: var(--text-display-lg-weight) var(--text-display-lg-size)/var(--text-display-lg-line-height) var(--font-family-brand);
|
|
958
1050
|
--text-display-md: var(--text-display-md-weight) var(--text-display-md-size)/var(--text-display-md-line-height) var(--font-family-brand);
|
|
959
|
-
--text-
|
|
960
|
-
--text-heading-
|
|
961
|
-
--text-heading-
|
|
962
|
-
--text-heading-
|
|
1051
|
+
--text-display-sm: var(--text-display-sm-weight) var(--text-display-sm-size)/var(--text-display-sm-line-height) var(--font-family-brand);
|
|
1052
|
+
--text-heading-xl: var(--text-heading-xl-weight) var(--text-heading-xl-size)/var(--text-heading-xl-line-height) var(--font-family-sans);
|
|
1053
|
+
--text-heading-lg: var(--text-heading-lg-weight) var(--text-heading-lg-size)/var(--text-heading-lg-line-height) var(--font-family-sans);
|
|
1054
|
+
--text-heading-md: var(--text-heading-md-weight) var(--text-heading-md-size)/var(--text-heading-md-line-height) var(--font-family-sans);
|
|
1055
|
+
--text-heading-sm: var(--text-heading-sm-weight) var(--text-heading-sm-size)/var(--text-heading-sm-line-height) var(--font-family-sans);
|
|
963
1056
|
--text-body-lg: var(--text-body-lg-weight) var(--text-body-lg-size)/var(--text-body-lg-line-height) var(--font-family-sans);
|
|
964
1057
|
--text-body-md: var(--text-body-md-weight) var(--text-body-md-size)/var(--text-body-md-line-height) var(--font-family-sans);
|
|
965
1058
|
--text-body-sm: var(--text-body-sm-weight) var(--text-body-sm-size)/var(--text-body-sm-line-height) var(--font-family-sans);
|
|
966
1059
|
--text-label-lg: var(--text-label-lg-weight) var(--text-label-lg-size)/var(--text-label-lg-line-height) var(--font-family-sans);
|
|
967
1060
|
--text-label-md: var(--text-label-md-weight) var(--text-label-md-size)/var(--text-label-md-line-height) var(--font-family-sans);
|
|
968
1061
|
--text-label-sm: var(--text-label-sm-weight) var(--text-label-sm-size)/var(--text-label-sm-line-height) var(--font-family-sans);
|
|
969
|
-
--text-caption: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line-height) var(--font-family-sans);
|
|
970
1062
|
--text-code: var(--text-code-weight) var(--text-code-size)/var(--text-code-line-height) var(--font-family-mono);
|
|
971
|
-
--text-
|
|
1063
|
+
--text-agent: var(--text-agent-weight) var(--text-agent-size)/var(--text-agent-line-height) var(--font-family-agent);
|
|
972
1064
|
}
|
|
973
1065
|
@media (max-width: 768px) {
|
|
974
1066
|
:root {
|
|
@@ -979,7 +1071,8 @@
|
|
|
979
1071
|
.theme-dark {
|
|
980
1072
|
--color-white: #ffffff;
|
|
981
1073
|
--color-black: #000000;
|
|
982
|
-
--color-linen: #
|
|
1074
|
+
--color-linen: #121110;
|
|
1075
|
+
--color-paper-border: #2f2b24;
|
|
983
1076
|
--color-graphite: #d5d2cb;
|
|
984
1077
|
--color-ink: #ededef;
|
|
985
1078
|
--color-gray-50: #fafafa;
|
|
@@ -1080,10 +1173,10 @@
|
|
|
1080
1173
|
--radius-3xl: 1.5rem;
|
|
1081
1174
|
--radius-4xl: 2rem;
|
|
1082
1175
|
--radius-full: 9999px;
|
|
1083
|
-
--font-family-sans: Inter, system
|
|
1084
|
-
--font-family-brand: '
|
|
1085
|
-
--font-family-
|
|
1086
|
-
--font-family-
|
|
1176
|
+
--font-family-sans: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
|
|
1177
|
+
--font-family-brand: 'Rethink Sans', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
1178
|
+
--font-family-mono: 'Geist Mono', 'JetBrains Mono', 'SF Mono', Menlo, monospace;
|
|
1179
|
+
--font-family-agent: 'Source Serif 4', Charter, Georgia, serif;
|
|
1087
1180
|
--font-weight-thin: 100;
|
|
1088
1181
|
--font-weight-extralight: 200;
|
|
1089
1182
|
--font-weight-light: 300;
|
|
@@ -1124,28 +1217,42 @@
|
|
|
1124
1217
|
--color-background-modal: var(--color-scrim-dark);
|
|
1125
1218
|
--color-background-canvas: linear-gradient(to bottom right, rgb(24 28 48), rgb(30 26 45), rgb(35 26 38));
|
|
1126
1219
|
--color-background-ai: linear-gradient(to bottom right, rgb(46 16 101 / 0.2), rgb(31 41 55), rgb(8 47 73 / 0.2));
|
|
1127
|
-
--color-
|
|
1128
|
-
--color-text-
|
|
1129
|
-
--
|
|
1130
|
-
--color-text-
|
|
1131
|
-
--color-text-caption: var(--color-gray-400);
|
|
1132
|
-
--color-text-subtle: var(--color-gray-400);
|
|
1133
|
-
--color-text-placeholder: var(--color-gray-400);
|
|
1220
|
+
--color-background-paper: var(--color-linen);
|
|
1221
|
+
--color-text-primary: var(--color-gray-200);
|
|
1222
|
+
--color-text-secondary: var(--color-gray-400);
|
|
1223
|
+
--color-text-inverse: var(--color-gray-950);
|
|
1134
1224
|
--color-text-disabled: var(--color-gray-700);
|
|
1135
|
-
--color-text-
|
|
1225
|
+
--color-text-body: var(--color-text-primary);
|
|
1226
|
+
--color-text-heading: var(--color-text-primary);
|
|
1227
|
+
--color-text-label: var(--color-text-primary);
|
|
1228
|
+
--color-text-muted: var(--color-text-secondary);
|
|
1229
|
+
--color-text-caption: var(--color-text-secondary);
|
|
1230
|
+
--color-text-subtle: var(--color-text-secondary);
|
|
1231
|
+
--color-text-placeholder: var(--color-text-secondary);
|
|
1232
|
+
--color-text-link-default: var(--color-text-primary);
|
|
1136
1233
|
--color-text-link-hover: var(--color-graphite);
|
|
1137
|
-
--color-text-onPrimary: var(--color-
|
|
1138
|
-
--color-text-onBrand:
|
|
1234
|
+
--color-text-onPrimary: var(--color-text-inverse);
|
|
1235
|
+
--color-text-onBrand: var(--color-text-inverse);
|
|
1139
1236
|
--color-border-default: var(--color-gray-700);
|
|
1140
1237
|
--color-border-focus: var(--color-gray-200);
|
|
1141
1238
|
--color-border-muted: var(--color-gray-800);
|
|
1142
1239
|
--color-border-input: var(--color-gray-700);
|
|
1143
|
-
--color-
|
|
1144
|
-
--color-action-
|
|
1145
|
-
--color-action-
|
|
1146
|
-
--color-action-
|
|
1147
|
-
--color-action-
|
|
1148
|
-
--color-action-
|
|
1240
|
+
--color-border-paper: var(--color-paper-border);
|
|
1241
|
+
--color-action-primary: var(--color-ink);
|
|
1242
|
+
--color-action-primary-hover: var(--color-graphite);
|
|
1243
|
+
--color-action-primary-text: #111111;
|
|
1244
|
+
--color-action-secondary: rgba(0, 0, 0, 0);
|
|
1245
|
+
--color-action-secondary-hover: var(--color-background-hover);
|
|
1246
|
+
--color-action-secondary-text: var(--color-text-primary);
|
|
1247
|
+
--color-action-brand: var(--color-action-primary);
|
|
1248
|
+
--color-action-brand-hover: var(--color-action-primary-hover);
|
|
1249
|
+
--color-action-brand-text: var(--color-action-primary-text);
|
|
1250
|
+
--color-action-default: var(--color-action-primary);
|
|
1251
|
+
--color-action-default-hover: var(--color-action-primary-hover);
|
|
1252
|
+
--color-action-default-text: var(--color-action-primary-text);
|
|
1253
|
+
--color-action-destructive: var(--color-feedback-error-border);
|
|
1254
|
+
--color-action-destructive-hover: var(--color-feedback-error-text);
|
|
1255
|
+
--color-action-destructive-text: var(--color-text-inverse);
|
|
1149
1256
|
--color-feedback-success-text: var(--color-success-dark);
|
|
1150
1257
|
--color-feedback-success-background: var(--color-success-light);
|
|
1151
1258
|
--color-feedback-success-border: var(--color-success-base);
|
|
@@ -1264,7 +1371,7 @@
|
|
|
1264
1371
|
--color-skeleton-base: var(--color-gray-800);
|
|
1265
1372
|
--color-skeleton-highlight: var(--color-gray-700);
|
|
1266
1373
|
--color-skeleton-wave: var(--color-skeleton-wave-dark);
|
|
1267
|
-
--color-map-marker-default: var(--color-action-
|
|
1374
|
+
--color-map-marker-default: var(--color-action-primary);
|
|
1268
1375
|
--color-map-streets-border: var(--color-white);
|
|
1269
1376
|
--color-map-satellite-border: var(--color-white);
|
|
1270
1377
|
--color-map-neutral-border: var(--color-white);
|
|
@@ -1321,6 +1428,264 @@
|
|
|
1321
1428
|
--color-state-exporting-border: #fbbf24;
|
|
1322
1429
|
--color-state-exporting-text: #fef3c7;
|
|
1323
1430
|
}
|
|
1431
|
+
.text-agent {
|
|
1432
|
+
font: var(--text-agent);
|
|
1433
|
+
letter-spacing: var(--text-agent-letter-spacing);
|
|
1434
|
+
font-optical-sizing: auto;
|
|
1435
|
+
}
|
|
1436
|
+
.text-body-lg {
|
|
1437
|
+
font: var(--text-body-lg);
|
|
1438
|
+
letter-spacing: var(--text-body-lg-letter-spacing);
|
|
1439
|
+
}
|
|
1440
|
+
.text-body-md {
|
|
1441
|
+
font: var(--text-body-md);
|
|
1442
|
+
letter-spacing: var(--text-body-md-letter-spacing);
|
|
1443
|
+
}
|
|
1444
|
+
.text-body-sm {
|
|
1445
|
+
font: var(--text-body-sm);
|
|
1446
|
+
letter-spacing: var(--text-body-sm-letter-spacing);
|
|
1447
|
+
}
|
|
1448
|
+
.text-code {
|
|
1449
|
+
font: var(--text-code);
|
|
1450
|
+
letter-spacing: var(--text-code-letter-spacing);
|
|
1451
|
+
font-variant-numeric: tabular-nums;
|
|
1452
|
+
}
|
|
1453
|
+
.text-display-lg {
|
|
1454
|
+
font: var(--text-display-lg);
|
|
1455
|
+
letter-spacing: var(--text-display-lg-letter-spacing);
|
|
1456
|
+
}
|
|
1457
|
+
.text-display-md {
|
|
1458
|
+
font: var(--text-display-md);
|
|
1459
|
+
letter-spacing: var(--text-display-md-letter-spacing);
|
|
1460
|
+
}
|
|
1461
|
+
.text-display-sm {
|
|
1462
|
+
font: var(--text-display-sm);
|
|
1463
|
+
letter-spacing: var(--text-display-sm-letter-spacing);
|
|
1464
|
+
}
|
|
1465
|
+
.text-display-xl {
|
|
1466
|
+
font: var(--text-display-xl);
|
|
1467
|
+
letter-spacing: var(--text-display-xl-letter-spacing);
|
|
1468
|
+
}
|
|
1469
|
+
.text-heading-lg {
|
|
1470
|
+
font: var(--text-heading-lg);
|
|
1471
|
+
letter-spacing: var(--text-heading-lg-letter-spacing);
|
|
1472
|
+
}
|
|
1473
|
+
.text-heading-md {
|
|
1474
|
+
font: var(--text-heading-md);
|
|
1475
|
+
letter-spacing: var(--text-heading-md-letter-spacing);
|
|
1476
|
+
}
|
|
1477
|
+
.text-heading-sm {
|
|
1478
|
+
font: var(--text-heading-sm);
|
|
1479
|
+
letter-spacing: var(--text-heading-sm-letter-spacing);
|
|
1480
|
+
}
|
|
1481
|
+
.text-heading-xl {
|
|
1482
|
+
font: var(--text-heading-xl);
|
|
1483
|
+
letter-spacing: var(--text-heading-xl-letter-spacing);
|
|
1484
|
+
}
|
|
1485
|
+
.text-label-lg {
|
|
1486
|
+
font: var(--text-label-lg);
|
|
1487
|
+
letter-spacing: var(--text-label-lg-letter-spacing);
|
|
1488
|
+
}
|
|
1489
|
+
.text-label-md {
|
|
1490
|
+
font: var(--text-label-md);
|
|
1491
|
+
letter-spacing: var(--text-label-md-letter-spacing);
|
|
1492
|
+
}
|
|
1493
|
+
.text-label-sm {
|
|
1494
|
+
font: var(--text-label-sm);
|
|
1495
|
+
letter-spacing: var(--text-label-sm-letter-spacing);
|
|
1496
|
+
}
|
|
1497
|
+
.text-text-body {
|
|
1498
|
+
color: var(--color-text-body);
|
|
1499
|
+
}
|
|
1500
|
+
.text-text-caption {
|
|
1501
|
+
color: var(--color-text-caption);
|
|
1502
|
+
}
|
|
1503
|
+
.text-text-disabled {
|
|
1504
|
+
color: var(--color-text-disabled);
|
|
1505
|
+
}
|
|
1506
|
+
.text-text-heading {
|
|
1507
|
+
color: var(--color-text-heading);
|
|
1508
|
+
}
|
|
1509
|
+
.text-text-inverse {
|
|
1510
|
+
color: var(--color-text-inverse);
|
|
1511
|
+
}
|
|
1512
|
+
.text-text-label {
|
|
1513
|
+
color: var(--color-text-label);
|
|
1514
|
+
}
|
|
1515
|
+
.text-text-link-default {
|
|
1516
|
+
color: var(--color-text-link-default);
|
|
1517
|
+
}
|
|
1518
|
+
.text-text-link-hover {
|
|
1519
|
+
color: var(--color-text-link-hover);
|
|
1520
|
+
}
|
|
1521
|
+
.text-text-muted {
|
|
1522
|
+
color: var(--color-text-muted);
|
|
1523
|
+
}
|
|
1524
|
+
.text-text-onBrand {
|
|
1525
|
+
color: var(--color-text-onBrand);
|
|
1526
|
+
}
|
|
1527
|
+
.text-text-onPrimary {
|
|
1528
|
+
color: var(--color-text-onPrimary);
|
|
1529
|
+
}
|
|
1530
|
+
.text-text-placeholder {
|
|
1531
|
+
color: var(--color-text-placeholder);
|
|
1532
|
+
}
|
|
1533
|
+
.text-text-primary {
|
|
1534
|
+
color: var(--color-text-primary);
|
|
1535
|
+
}
|
|
1536
|
+
.text-text-secondary {
|
|
1537
|
+
color: var(--color-text-secondary);
|
|
1538
|
+
}
|
|
1539
|
+
.text-text-subtle {
|
|
1540
|
+
color: var(--color-text-subtle);
|
|
1541
|
+
}
|
|
1542
|
+
.prose {
|
|
1543
|
+
max-width: 42rem;
|
|
1544
|
+
color: var(--color-text-primary);
|
|
1545
|
+
}
|
|
1546
|
+
.prose.prose-sm {
|
|
1547
|
+
max-width: 36rem;
|
|
1548
|
+
}
|
|
1549
|
+
.prose.prose-sm p, .prose.prose-sm ul, .prose.prose-sm ol, .prose.prose-sm blockquote {
|
|
1550
|
+
font: var(--text-body-md);
|
|
1551
|
+
letter-spacing: var(--text-body-md-letter-spacing);
|
|
1552
|
+
}
|
|
1553
|
+
.prose.prose-lede p:first-child, .prose.prose-lede > p:only-child {
|
|
1554
|
+
font: var(--text-body-lg);
|
|
1555
|
+
letter-spacing: var(--text-body-lg-letter-spacing);
|
|
1556
|
+
color: var(--color-text-secondary);
|
|
1557
|
+
}
|
|
1558
|
+
.prose h1 {
|
|
1559
|
+
font: var(--text-display-lg);
|
|
1560
|
+
letter-spacing: var(--text-display-lg-letter-spacing);
|
|
1561
|
+
color: var(--color-text-primary);
|
|
1562
|
+
text-wrap: balance;
|
|
1563
|
+
margin: 0 0 var(--spacing-4);
|
|
1564
|
+
}
|
|
1565
|
+
.prose h2 {
|
|
1566
|
+
font: var(--text-display-md);
|
|
1567
|
+
letter-spacing: var(--text-display-md-letter-spacing);
|
|
1568
|
+
color: var(--color-text-primary);
|
|
1569
|
+
text-wrap: balance;
|
|
1570
|
+
margin: var(--spacing-10) 0 var(--spacing-3);
|
|
1571
|
+
}
|
|
1572
|
+
.prose h3 {
|
|
1573
|
+
font: var(--text-display-sm);
|
|
1574
|
+
letter-spacing: var(--text-display-sm-letter-spacing);
|
|
1575
|
+
color: var(--color-text-primary);
|
|
1576
|
+
text-wrap: balance;
|
|
1577
|
+
margin: var(--spacing-8) 0 var(--spacing-3);
|
|
1578
|
+
}
|
|
1579
|
+
.prose h4 {
|
|
1580
|
+
font: var(--text-heading-lg);
|
|
1581
|
+
letter-spacing: var(--text-heading-lg-letter-spacing);
|
|
1582
|
+
color: var(--color-text-primary);
|
|
1583
|
+
text-wrap: balance;
|
|
1584
|
+
margin: var(--spacing-6) 0 var(--spacing-2);
|
|
1585
|
+
}
|
|
1586
|
+
.prose h5 {
|
|
1587
|
+
font: var(--text-heading-md);
|
|
1588
|
+
letter-spacing: var(--text-heading-md-letter-spacing);
|
|
1589
|
+
color: var(--color-text-primary);
|
|
1590
|
+
text-wrap: balance;
|
|
1591
|
+
margin: var(--spacing-6) 0 var(--spacing-2);
|
|
1592
|
+
}
|
|
1593
|
+
.prose h6 {
|
|
1594
|
+
font: var(--text-heading-sm);
|
|
1595
|
+
letter-spacing: var(--text-heading-sm-letter-spacing);
|
|
1596
|
+
color: var(--color-text-primary);
|
|
1597
|
+
text-wrap: balance;
|
|
1598
|
+
margin: var(--spacing-6) 0 var(--spacing-2);
|
|
1599
|
+
}
|
|
1600
|
+
.prose p {
|
|
1601
|
+
font: var(--text-body-lg);
|
|
1602
|
+
letter-spacing: var(--text-body-lg-letter-spacing);
|
|
1603
|
+
color: var(--color-text-primary);
|
|
1604
|
+
text-wrap: pretty;
|
|
1605
|
+
hyphens: auto;
|
|
1606
|
+
margin: 0 0 var(--spacing-5);
|
|
1607
|
+
}
|
|
1608
|
+
.prose > :last-child {
|
|
1609
|
+
margin-bottom: 0;
|
|
1610
|
+
}
|
|
1611
|
+
.prose strong, .prose b {
|
|
1612
|
+
font-weight: 600;
|
|
1613
|
+
color: var(--color-text-primary);
|
|
1614
|
+
}
|
|
1615
|
+
.prose em, .prose i {
|
|
1616
|
+
font-style: italic;
|
|
1617
|
+
}
|
|
1618
|
+
.prose a {
|
|
1619
|
+
color: var(--color-iris-base);
|
|
1620
|
+
font-weight: 500;
|
|
1621
|
+
text-decoration: underline;
|
|
1622
|
+
text-decoration-thickness: 1px;
|
|
1623
|
+
text-underline-offset: 6px;
|
|
1624
|
+
text-decoration-color: color-mix(in srgb, #3945a8, transparent 60%);
|
|
1625
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1626
|
+
text-decoration-color: color-mix(in oklch, var(--color-iris-base), transparent 60%);
|
|
1627
|
+
}
|
|
1628
|
+
transition: color 150ms ease, text-decoration-color 150ms ease;
|
|
1629
|
+
}
|
|
1630
|
+
.prose a:hover, .prose a:focus-visible {
|
|
1631
|
+
color: color-mix(in srgb, #3945a8, black 15%);
|
|
1632
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1633
|
+
color: color-mix(in oklch, var(--color-iris-base), black 15%);
|
|
1634
|
+
}
|
|
1635
|
+
text-decoration-color: currentcolor;
|
|
1636
|
+
}
|
|
1637
|
+
.prose :where(code):not(pre code) {
|
|
1638
|
+
font: var(--text-code);
|
|
1639
|
+
letter-spacing: var(--text-code-letter-spacing);
|
|
1640
|
+
font-size: 0.875em;
|
|
1641
|
+
background: var(--color-rose-pastel);
|
|
1642
|
+
color: var(--color-rose-base);
|
|
1643
|
+
padding: 0 5px;
|
|
1644
|
+
border-radius: var(--radius-sm);
|
|
1645
|
+
}
|
|
1646
|
+
.prose ul, .prose ol {
|
|
1647
|
+
padding-left: 1.5rem;
|
|
1648
|
+
margin: 0 0 var(--spacing-5);
|
|
1649
|
+
font: var(--text-body-lg);
|
|
1650
|
+
letter-spacing: var(--text-body-lg-letter-spacing);
|
|
1651
|
+
color: var(--color-text-primary);
|
|
1652
|
+
}
|
|
1653
|
+
.prose ul {
|
|
1654
|
+
list-style: disc;
|
|
1655
|
+
}
|
|
1656
|
+
.prose ol {
|
|
1657
|
+
list-style: decimal;
|
|
1658
|
+
}
|
|
1659
|
+
.prose li + li {
|
|
1660
|
+
margin-top: 0.75rem;
|
|
1661
|
+
}
|
|
1662
|
+
.prose blockquote {
|
|
1663
|
+
margin: 0 0 var(--spacing-5);
|
|
1664
|
+
padding: 4px 0 4px 1.5rem;
|
|
1665
|
+
border-left: 3px solid var(--color-border-default);
|
|
1666
|
+
font: var(--text-body-lg);
|
|
1667
|
+
letter-spacing: var(--text-body-lg-letter-spacing);
|
|
1668
|
+
color: var(--color-text-primary);
|
|
1669
|
+
font-style: italic;
|
|
1670
|
+
}
|
|
1671
|
+
.prose hr {
|
|
1672
|
+
max-width: 42rem;
|
|
1673
|
+
margin: var(--spacing-10) 0;
|
|
1674
|
+
border: 0;
|
|
1675
|
+
border-top: 1px solid var(--color-border-default);
|
|
1676
|
+
}
|
|
1677
|
+
.prose-neutral a {
|
|
1678
|
+
color: var(--color-text-primary);
|
|
1679
|
+
font-weight: 600;
|
|
1680
|
+
text-decoration-color: color-mix(in srgb, #2c2a26, transparent 60%);
|
|
1681
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1682
|
+
text-decoration-color: color-mix(in oklch, var(--color-text-primary), transparent 60%);
|
|
1683
|
+
}
|
|
1684
|
+
}
|
|
1685
|
+
.prose-neutral a:hover, .prose-neutral a:focus-visible {
|
|
1686
|
+
color: var(--color-text-primary);
|
|
1687
|
+
text-decoration-color: currentcolor;
|
|
1688
|
+
}
|
|
1324
1689
|
:root {
|
|
1325
1690
|
--theme-background-canvas: var(--color-background-canvas);
|
|
1326
1691
|
--theme-background-ai: var(--color-background-ai);
|
|
@@ -1401,16 +1766,21 @@
|
|
|
1401
1766
|
--color-background-selected: #e7e6e5;
|
|
1402
1767
|
--color-background-modal: rgba(0, 0, 0, 0.15);
|
|
1403
1768
|
--color-background-input: #ffffff;
|
|
1404
|
-
--color-text-
|
|
1405
|
-
--color-text-
|
|
1406
|
-
--color-text-
|
|
1407
|
-
--color-text-
|
|
1408
|
-
--color-text-
|
|
1409
|
-
--color-text-
|
|
1410
|
-
--color-text-
|
|
1411
|
-
--color-text-
|
|
1769
|
+
--color-text-primary: #2c2a26;
|
|
1770
|
+
--color-text-secondary: #525250;
|
|
1771
|
+
--color-text-inverse: #ffffff;
|
|
1772
|
+
--color-text-disabled: #a09d98;
|
|
1773
|
+
--color-text-body: var(--color-text-primary);
|
|
1774
|
+
--color-text-heading: var(--color-text-primary);
|
|
1775
|
+
--color-text-label: var(--color-text-primary);
|
|
1776
|
+
--color-text-muted: var(--color-text-secondary);
|
|
1777
|
+
--color-text-caption: var(--color-text-secondary);
|
|
1778
|
+
--color-text-subtle: var(--color-text-secondary);
|
|
1779
|
+
--color-text-placeholder: var(--color-text-disabled);
|
|
1780
|
+
--color-text-link-default: var(--color-text-primary);
|
|
1412
1781
|
--color-text-link-hover: #2c2a26;
|
|
1413
|
-
--color-text-onPrimary:
|
|
1782
|
+
--color-text-onPrimary: var(--color-text-inverse);
|
|
1783
|
+
--color-text-onBrand: var(--color-text-inverse);
|
|
1414
1784
|
--color-border-default: #e7e6e5;
|
|
1415
1785
|
--color-border-focus: #111111;
|
|
1416
1786
|
--color-border-muted: #f5f5f4;
|
|
@@ -1427,12 +1797,18 @@
|
|
|
1427
1797
|
--color-feedback-info-text: #123862;
|
|
1428
1798
|
--color-feedback-info-background: #e0eaf5;
|
|
1429
1799
|
--color-feedback-info-border: #2d6cb8;
|
|
1430
|
-
--color-action-
|
|
1431
|
-
--color-action-
|
|
1432
|
-
--color-action-
|
|
1433
|
-
--color-action-
|
|
1434
|
-
--color-action-
|
|
1435
|
-
--color-action-
|
|
1800
|
+
--color-action-primary: #111111;
|
|
1801
|
+
--color-action-primary-hover: #2c2a26;
|
|
1802
|
+
--color-action-primary-text: #ffffff;
|
|
1803
|
+
--color-action-secondary: transparent;
|
|
1804
|
+
--color-action-secondary-hover: var(--color-background-hover);
|
|
1805
|
+
--color-action-secondary-text: var(--color-text-primary);
|
|
1806
|
+
--color-action-brand: var(--color-action-primary);
|
|
1807
|
+
--color-action-brand-hover: var(--color-action-primary-hover);
|
|
1808
|
+
--color-action-brand-text: var(--color-action-primary-text);
|
|
1809
|
+
--color-action-default: var(--color-action-primary);
|
|
1810
|
+
--color-action-default-hover: var(--color-action-primary-hover);
|
|
1811
|
+
--color-action-default-text: var(--color-action-primary-text);
|
|
1436
1812
|
--color-skeleton-base: #e7e6e5;
|
|
1437
1813
|
--color-skeleton-highlight: #f5f5f4;
|
|
1438
1814
|
--color-skeleton-wave: rgba(255, 255, 255, 0.6);
|
|
@@ -3578,12 +3954,27 @@
|
|
|
3578
3954
|
.border-action-default {
|
|
3579
3955
|
border-color: var(--color-action-default);
|
|
3580
3956
|
}
|
|
3957
|
+
.border-action-default-hover {
|
|
3958
|
+
border-color: var(--color-action-default-hover);
|
|
3959
|
+
}
|
|
3960
|
+
.border-action-primary {
|
|
3961
|
+
border-color: var(--color-action-primary);
|
|
3962
|
+
}
|
|
3963
|
+
.border-action-primary\/20 {
|
|
3964
|
+
border-color: color-mix(in srgb, #111111 20%, transparent);
|
|
3965
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3966
|
+
border-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
|
|
3967
|
+
}
|
|
3968
|
+
}
|
|
3581
3969
|
.border-amber-200 {
|
|
3582
3970
|
border-color: var(--color-amber-200);
|
|
3583
3971
|
}
|
|
3584
3972
|
.border-background-surface {
|
|
3585
3973
|
border-color: var(--color-background-surface);
|
|
3586
3974
|
}
|
|
3975
|
+
.border-black {
|
|
3976
|
+
border-color: var(--color-black);
|
|
3977
|
+
}
|
|
3587
3978
|
.border-blue-200 {
|
|
3588
3979
|
border-color: var(--color-blue-200);
|
|
3589
3980
|
}
|
|
@@ -3635,18 +4026,30 @@
|
|
|
3635
4026
|
border-color: color-mix(in oklab, var(--color-border-muted) 50%, transparent);
|
|
3636
4027
|
}
|
|
3637
4028
|
}
|
|
4029
|
+
.border-border-paper {
|
|
4030
|
+
border-color: var(--color-border-paper);
|
|
4031
|
+
}
|
|
3638
4032
|
.border-brand-primary {
|
|
3639
4033
|
border-color: var(--color-brand-primary);
|
|
3640
4034
|
}
|
|
3641
|
-
.border-
|
|
3642
|
-
border-color: color-
|
|
3643
|
-
|
|
3644
|
-
|
|
3645
|
-
|
|
4035
|
+
.border-canary-base {
|
|
4036
|
+
border-color: var(--color-canary-base);
|
|
4037
|
+
}
|
|
4038
|
+
.border-canary-pastel {
|
|
4039
|
+
border-color: var(--color-canary-pastel);
|
|
3646
4040
|
}
|
|
3647
4041
|
.border-current {
|
|
3648
4042
|
border-color: currentcolor;
|
|
3649
4043
|
}
|
|
4044
|
+
.border-error-base {
|
|
4045
|
+
border-color: var(--color-error-base);
|
|
4046
|
+
}
|
|
4047
|
+
.border-error-dark {
|
|
4048
|
+
border-color: var(--color-error-dark);
|
|
4049
|
+
}
|
|
4050
|
+
.border-error-light {
|
|
4051
|
+
border-color: var(--color-error-light);
|
|
4052
|
+
}
|
|
3650
4053
|
.border-feedback-error-border {
|
|
3651
4054
|
border-color: var(--color-feedback-error-border);
|
|
3652
4055
|
}
|
|
@@ -3686,26 +4089,158 @@
|
|
|
3686
4089
|
border-color: color-mix(in oklab, var(--color-feedback-warning-border) 40%, transparent);
|
|
3687
4090
|
}
|
|
3688
4091
|
}
|
|
4092
|
+
.border-graphite {
|
|
4093
|
+
border-color: var(--color-graphite);
|
|
4094
|
+
}
|
|
4095
|
+
.border-gray-50 {
|
|
4096
|
+
border-color: var(--color-gray-50);
|
|
4097
|
+
}
|
|
4098
|
+
.border-gray-100 {
|
|
4099
|
+
border-color: var(--color-gray-100);
|
|
4100
|
+
}
|
|
3689
4101
|
.border-gray-200 {
|
|
3690
4102
|
border-color: var(--color-gray-200);
|
|
3691
4103
|
}
|
|
3692
4104
|
.border-gray-300 {
|
|
3693
4105
|
border-color: var(--color-gray-300);
|
|
3694
4106
|
}
|
|
3695
|
-
.border-
|
|
3696
|
-
border-color: var(--color-
|
|
4107
|
+
.border-gray-400 {
|
|
4108
|
+
border-color: var(--color-gray-400);
|
|
4109
|
+
}
|
|
4110
|
+
.border-gray-500 {
|
|
4111
|
+
border-color: var(--color-gray-500);
|
|
4112
|
+
}
|
|
4113
|
+
.border-gray-600 {
|
|
4114
|
+
border-color: var(--color-gray-600);
|
|
4115
|
+
}
|
|
4116
|
+
.border-gray-700 {
|
|
4117
|
+
border-color: var(--color-gray-700);
|
|
4118
|
+
}
|
|
4119
|
+
.border-gray-800 {
|
|
4120
|
+
border-color: var(--color-gray-800);
|
|
4121
|
+
}
|
|
4122
|
+
.border-gray-900 {
|
|
4123
|
+
border-color: var(--color-gray-900);
|
|
4124
|
+
}
|
|
4125
|
+
.border-gray-950 {
|
|
4126
|
+
border-color: var(--color-gray-950);
|
|
3697
4127
|
}
|
|
3698
4128
|
.border-green-600 {
|
|
3699
4129
|
border-color: var(--color-green-600);
|
|
3700
4130
|
}
|
|
3701
|
-
.border-
|
|
3702
|
-
border-color: var(--color-
|
|
4131
|
+
.border-honey-base {
|
|
4132
|
+
border-color: var(--color-honey-base);
|
|
4133
|
+
}
|
|
4134
|
+
.border-honey-pastel {
|
|
4135
|
+
border-color: var(--color-honey-pastel);
|
|
4136
|
+
}
|
|
4137
|
+
.border-info-base {
|
|
4138
|
+
border-color: var(--color-info-base);
|
|
4139
|
+
}
|
|
4140
|
+
.border-info-dark {
|
|
4141
|
+
border-color: var(--color-info-dark);
|
|
4142
|
+
}
|
|
4143
|
+
.border-info-light {
|
|
4144
|
+
border-color: var(--color-info-light);
|
|
4145
|
+
}
|
|
4146
|
+
.border-ink {
|
|
4147
|
+
border-color: var(--color-ink);
|
|
4148
|
+
}
|
|
4149
|
+
.border-iris-base {
|
|
4150
|
+
border-color: var(--color-iris-base);
|
|
4151
|
+
}
|
|
4152
|
+
.border-iris-pastel {
|
|
4153
|
+
border-color: var(--color-iris-pastel);
|
|
4154
|
+
}
|
|
4155
|
+
.border-linen {
|
|
4156
|
+
border-color: var(--color-linen);
|
|
4157
|
+
}
|
|
4158
|
+
.border-map-neutral-border {
|
|
4159
|
+
border-color: var(--color-map-neutral-border);
|
|
4160
|
+
}
|
|
4161
|
+
.border-map-satellite-border {
|
|
4162
|
+
border-color: var(--color-map-satellite-border);
|
|
4163
|
+
}
|
|
4164
|
+
.border-map-streets-border {
|
|
4165
|
+
border-color: var(--color-map-streets-border);
|
|
4166
|
+
}
|
|
4167
|
+
.border-moss-base {
|
|
4168
|
+
border-color: var(--color-moss-base);
|
|
4169
|
+
}
|
|
4170
|
+
.border-moss-pastel {
|
|
4171
|
+
border-color: var(--color-moss-pastel);
|
|
4172
|
+
}
|
|
4173
|
+
.border-ocean-base {
|
|
4174
|
+
border-color: var(--color-ocean-base);
|
|
4175
|
+
}
|
|
4176
|
+
.border-ocean-pastel {
|
|
4177
|
+
border-color: var(--color-ocean-pastel);
|
|
4178
|
+
}
|
|
4179
|
+
.border-paper-border {
|
|
4180
|
+
border-color: var(--color-paper-border);
|
|
4181
|
+
}
|
|
4182
|
+
.border-plum-base {
|
|
4183
|
+
border-color: var(--color-plum-base);
|
|
4184
|
+
}
|
|
4185
|
+
.border-plum-pastel {
|
|
4186
|
+
border-color: var(--color-plum-pastel);
|
|
3703
4187
|
}
|
|
3704
4188
|
.border-red-200 {
|
|
3705
4189
|
border-color: var(--color-red-200);
|
|
3706
4190
|
}
|
|
3707
|
-
.border-
|
|
3708
|
-
border-color: var(--color-
|
|
4191
|
+
.border-rose-base {
|
|
4192
|
+
border-color: var(--color-rose-base);
|
|
4193
|
+
}
|
|
4194
|
+
.border-rose-pastel {
|
|
4195
|
+
border-color: var(--color-rose-pastel);
|
|
4196
|
+
}
|
|
4197
|
+
.border-state-auto-border {
|
|
4198
|
+
border-color: var(--color-state-auto-border);
|
|
4199
|
+
}
|
|
4200
|
+
.border-state-charging-border {
|
|
4201
|
+
border-color: var(--color-state-charging-border);
|
|
4202
|
+
}
|
|
4203
|
+
.border-state-circulate-border {
|
|
4204
|
+
border-color: var(--color-state-circulate-border);
|
|
4205
|
+
}
|
|
4206
|
+
.border-state-cool-border {
|
|
4207
|
+
border-color: var(--color-state-cool-border);
|
|
4208
|
+
}
|
|
4209
|
+
.border-state-discharging-border {
|
|
4210
|
+
border-color: var(--color-state-discharging-border);
|
|
4211
|
+
}
|
|
4212
|
+
.border-state-eco-border {
|
|
4213
|
+
border-color: var(--color-state-eco-border);
|
|
4214
|
+
}
|
|
4215
|
+
.border-state-exporting-border {
|
|
4216
|
+
border-color: var(--color-state-exporting-border);
|
|
4217
|
+
}
|
|
4218
|
+
.border-state-heat-border {
|
|
4219
|
+
border-color: var(--color-state-heat-border);
|
|
4220
|
+
}
|
|
4221
|
+
.border-state-idle-border {
|
|
4222
|
+
border-color: var(--color-state-idle-border);
|
|
4223
|
+
}
|
|
4224
|
+
.border-state-importing-border {
|
|
4225
|
+
border-color: var(--color-state-importing-border);
|
|
4226
|
+
}
|
|
4227
|
+
.border-state-off-border {
|
|
4228
|
+
border-color: var(--color-state-off-border);
|
|
4229
|
+
}
|
|
4230
|
+
.border-state-on-border {
|
|
4231
|
+
border-color: var(--color-state-on-border);
|
|
4232
|
+
}
|
|
4233
|
+
.border-state-unknown-border {
|
|
4234
|
+
border-color: var(--color-state-unknown-border);
|
|
4235
|
+
}
|
|
4236
|
+
.border-success-base {
|
|
4237
|
+
border-color: var(--color-success-base);
|
|
4238
|
+
}
|
|
4239
|
+
.border-success-dark {
|
|
4240
|
+
border-color: var(--color-success-dark);
|
|
4241
|
+
}
|
|
4242
|
+
.border-success-light {
|
|
4243
|
+
border-color: var(--color-success-light);
|
|
3709
4244
|
}
|
|
3710
4245
|
.border-text-body {
|
|
3711
4246
|
border-color: var(--color-text-body);
|
|
@@ -3713,17 +4248,29 @@
|
|
|
3713
4248
|
.border-text-heading {
|
|
3714
4249
|
border-color: var(--color-text-heading);
|
|
3715
4250
|
}
|
|
3716
|
-
.border-
|
|
3717
|
-
border-color: transparent;
|
|
3718
|
-
}
|
|
3719
|
-
.border-white\/30 {
|
|
4251
|
+
.border-text-inverse\/30 {
|
|
3720
4252
|
border-color: color-mix(in srgb, #ffffff 30%, transparent);
|
|
3721
4253
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3722
|
-
border-color: color-mix(in oklab, var(--color-
|
|
4254
|
+
border-color: color-mix(in oklab, var(--color-text-inverse) 30%, transparent);
|
|
3723
4255
|
}
|
|
3724
4256
|
}
|
|
3725
|
-
.border-
|
|
3726
|
-
border-color: var(--color-
|
|
4257
|
+
.border-text-primary {
|
|
4258
|
+
border-color: var(--color-text-primary);
|
|
4259
|
+
}
|
|
4260
|
+
.border-transparent {
|
|
4261
|
+
border-color: transparent;
|
|
4262
|
+
}
|
|
4263
|
+
.border-warning-base {
|
|
4264
|
+
border-color: var(--color-warning-base);
|
|
4265
|
+
}
|
|
4266
|
+
.border-warning-dark {
|
|
4267
|
+
border-color: var(--color-warning-dark);
|
|
4268
|
+
}
|
|
4269
|
+
.border-warning-light {
|
|
4270
|
+
border-color: var(--color-warning-light);
|
|
4271
|
+
}
|
|
4272
|
+
.border-white {
|
|
4273
|
+
border-color: var(--color-white);
|
|
3727
4274
|
}
|
|
3728
4275
|
.border-t-transparent {
|
|
3729
4276
|
border-top-color: transparent;
|
|
@@ -3731,15 +4278,15 @@
|
|
|
3731
4278
|
.border-r-transparent {
|
|
3732
4279
|
border-right-color: transparent;
|
|
3733
4280
|
}
|
|
4281
|
+
.border-l-action-brand {
|
|
4282
|
+
border-left-color: var(--color-action-brand);
|
|
4283
|
+
}
|
|
3734
4284
|
.border-l-action-default {
|
|
3735
4285
|
border-left-color: var(--color-action-default);
|
|
3736
4286
|
}
|
|
3737
4287
|
.border-l-border-muted {
|
|
3738
4288
|
border-left-color: var(--color-border-muted);
|
|
3739
4289
|
}
|
|
3740
|
-
.border-l-brand-primary {
|
|
3741
|
-
border-left-color: var(--color-brand-primary);
|
|
3742
|
-
}
|
|
3743
4290
|
.border-l-feedback-error-border {
|
|
3744
4291
|
border-left-color: var(--color-feedback-error-border);
|
|
3745
4292
|
}
|
|
@@ -3764,6 +4311,9 @@
|
|
|
3764
4311
|
.bg-action-brand {
|
|
3765
4312
|
background-color: var(--color-action-brand);
|
|
3766
4313
|
}
|
|
4314
|
+
.bg-action-brand-hover {
|
|
4315
|
+
background-color: var(--color-action-brand-hover);
|
|
4316
|
+
}
|
|
3767
4317
|
.bg-action-brand\/5 {
|
|
3768
4318
|
background-color: color-mix(in srgb, #111111 5%, transparent);
|
|
3769
4319
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -3779,21 +4329,51 @@
|
|
|
3779
4329
|
.bg-action-default {
|
|
3780
4330
|
background-color: var(--color-action-default);
|
|
3781
4331
|
}
|
|
4332
|
+
.bg-action-default-hover {
|
|
4333
|
+
background-color: var(--color-action-default-hover);
|
|
4334
|
+
}
|
|
3782
4335
|
.bg-action-default\/5 {
|
|
3783
4336
|
background-color: color-mix(in srgb, #111111 5%, transparent);
|
|
3784
4337
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3785
4338
|
background-color: color-mix(in oklab, var(--color-action-default) 5%, transparent);
|
|
3786
4339
|
}
|
|
3787
4340
|
}
|
|
3788
|
-
.bg-action-
|
|
4341
|
+
.bg-action-destructive {
|
|
4342
|
+
background-color: var(--color-action-destructive);
|
|
4343
|
+
}
|
|
4344
|
+
.bg-action-destructive-hover {
|
|
4345
|
+
background-color: var(--color-action-destructive-hover);
|
|
4346
|
+
}
|
|
4347
|
+
.bg-action-destructive\/10 {
|
|
4348
|
+
background-color: color-mix(in srgb, #c42d2d 10%, transparent);
|
|
4349
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4350
|
+
background-color: color-mix(in oklab, var(--color-action-destructive) 10%, transparent);
|
|
4351
|
+
}
|
|
4352
|
+
}
|
|
4353
|
+
.bg-action-primary {
|
|
4354
|
+
background-color: var(--color-action-primary);
|
|
4355
|
+
}
|
|
4356
|
+
.bg-action-primary-hover {
|
|
4357
|
+
background-color: var(--color-action-primary-hover);
|
|
4358
|
+
}
|
|
4359
|
+
.bg-action-primary\/10 {
|
|
3789
4360
|
background-color: color-mix(in srgb, #111111 10%, transparent);
|
|
3790
4361
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3791
|
-
background-color: color-mix(in oklab, var(--color-action-
|
|
4362
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 10%, transparent);
|
|
3792
4363
|
}
|
|
3793
4364
|
}
|
|
4365
|
+
.bg-action-secondary {
|
|
4366
|
+
background-color: var(--color-action-secondary);
|
|
4367
|
+
}
|
|
4368
|
+
.bg-action-secondary-hover {
|
|
4369
|
+
background-color: var(--color-action-secondary-hover);
|
|
4370
|
+
}
|
|
3794
4371
|
.bg-amber-50 {
|
|
3795
4372
|
background-color: var(--color-amber-50);
|
|
3796
4373
|
}
|
|
4374
|
+
.bg-background-ai {
|
|
4375
|
+
background-color: var(--color-background-ai);
|
|
4376
|
+
}
|
|
3797
4377
|
.bg-background-body {
|
|
3798
4378
|
background-color: var(--color-background-body);
|
|
3799
4379
|
}
|
|
@@ -3809,6 +4389,9 @@
|
|
|
3809
4389
|
.bg-background-input {
|
|
3810
4390
|
background-color: var(--color-background-input);
|
|
3811
4391
|
}
|
|
4392
|
+
.bg-background-modal {
|
|
4393
|
+
background-color: var(--color-background-modal);
|
|
4394
|
+
}
|
|
3812
4395
|
.bg-background-muted {
|
|
3813
4396
|
background-color: var(--color-background-muted);
|
|
3814
4397
|
}
|
|
@@ -3824,6 +4407,15 @@
|
|
|
3824
4407
|
background-color: color-mix(in oklab, var(--color-background-muted) 50%, transparent);
|
|
3825
4408
|
}
|
|
3826
4409
|
}
|
|
4410
|
+
.bg-background-muted\/60 {
|
|
4411
|
+
background-color: color-mix(in srgb, #f5f5f4 60%, transparent);
|
|
4412
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4413
|
+
background-color: color-mix(in oklab, var(--color-background-muted) 60%, transparent);
|
|
4414
|
+
}
|
|
4415
|
+
}
|
|
4416
|
+
.bg-background-paper {
|
|
4417
|
+
background-color: var(--color-background-paper);
|
|
4418
|
+
}
|
|
3827
4419
|
.bg-background-selected {
|
|
3828
4420
|
background-color: var(--color-background-selected);
|
|
3829
4421
|
}
|
|
@@ -3848,11 +4440,8 @@
|
|
|
3848
4440
|
background-color: color-mix(in oklab, var(--color-background-surface) 95%, transparent);
|
|
3849
4441
|
}
|
|
3850
4442
|
}
|
|
3851
|
-
.bg-black
|
|
3852
|
-
background-color: color-
|
|
3853
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
3854
|
-
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
|
3855
|
-
}
|
|
4443
|
+
.bg-black {
|
|
4444
|
+
background-color: var(--color-black);
|
|
3856
4445
|
}
|
|
3857
4446
|
.bg-blue-50 {
|
|
3858
4447
|
background-color: var(--color-blue-50);
|
|
@@ -3860,39 +4449,42 @@
|
|
|
3860
4449
|
.bg-blue-100 {
|
|
3861
4450
|
background-color: var(--color-blue-100);
|
|
3862
4451
|
}
|
|
3863
|
-
.bg-blue-500 {
|
|
3864
|
-
background-color: var(--color-blue-500);
|
|
3865
|
-
}
|
|
3866
|
-
.bg-blue-600 {
|
|
3867
|
-
background-color: var(--color-blue-600);
|
|
3868
|
-
}
|
|
3869
4452
|
.bg-border-default {
|
|
3870
4453
|
background-color: var(--color-border-default);
|
|
3871
4454
|
}
|
|
4455
|
+
.bg-border-input {
|
|
4456
|
+
background-color: var(--color-border-input);
|
|
4457
|
+
}
|
|
3872
4458
|
.bg-border-muted {
|
|
3873
4459
|
background-color: var(--color-border-muted);
|
|
3874
4460
|
}
|
|
3875
|
-
.bg-brand-light {
|
|
3876
|
-
background-color: var(--color-brand-light);
|
|
3877
|
-
}
|
|
3878
4461
|
.bg-brand-primary {
|
|
3879
4462
|
background-color: var(--color-brand-primary);
|
|
3880
4463
|
}
|
|
3881
|
-
.bg-brand-primary\/10 {
|
|
3882
|
-
background-color: color-mix(in srgb, #111111 10%, transparent);
|
|
3883
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
3884
|
-
background-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
|
|
3885
|
-
}
|
|
3886
|
-
}
|
|
3887
4464
|
.bg-brand-primary\/20 {
|
|
3888
4465
|
background-color: color-mix(in srgb, #111111 20%, transparent);
|
|
3889
4466
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3890
4467
|
background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
|
|
3891
4468
|
}
|
|
3892
4469
|
}
|
|
4470
|
+
.bg-canary-base {
|
|
4471
|
+
background-color: var(--color-canary-base);
|
|
4472
|
+
}
|
|
4473
|
+
.bg-canary-pastel {
|
|
4474
|
+
background-color: var(--color-canary-pastel);
|
|
4475
|
+
}
|
|
3893
4476
|
.bg-current {
|
|
3894
4477
|
background-color: currentcolor;
|
|
3895
4478
|
}
|
|
4479
|
+
.bg-error-base {
|
|
4480
|
+
background-color: var(--color-error-base);
|
|
4481
|
+
}
|
|
4482
|
+
.bg-error-dark {
|
|
4483
|
+
background-color: var(--color-error-dark);
|
|
4484
|
+
}
|
|
4485
|
+
.bg-error-light {
|
|
4486
|
+
background-color: var(--color-error-light);
|
|
4487
|
+
}
|
|
3896
4488
|
.bg-feedback-error-background {
|
|
3897
4489
|
background-color: var(--color-feedback-error-background);
|
|
3898
4490
|
}
|
|
@@ -3905,6 +4497,12 @@
|
|
|
3905
4497
|
.bg-feedback-error-border {
|
|
3906
4498
|
background-color: var(--color-feedback-error-border);
|
|
3907
4499
|
}
|
|
4500
|
+
.bg-feedback-error-border\/20 {
|
|
4501
|
+
background-color: color-mix(in srgb, #c42d2d 20%, transparent);
|
|
4502
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4503
|
+
background-color: color-mix(in oklab, var(--color-feedback-error-border) 20%, transparent);
|
|
4504
|
+
}
|
|
4505
|
+
}
|
|
3908
4506
|
.bg-feedback-error-text {
|
|
3909
4507
|
background-color: var(--color-feedback-error-text);
|
|
3910
4508
|
}
|
|
@@ -3929,6 +4527,12 @@
|
|
|
3929
4527
|
.bg-feedback-success-border {
|
|
3930
4528
|
background-color: var(--color-feedback-success-border);
|
|
3931
4529
|
}
|
|
4530
|
+
.bg-feedback-success-border\/20 {
|
|
4531
|
+
background-color: color-mix(in srgb, #278a4a 20%, transparent);
|
|
4532
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4533
|
+
background-color: color-mix(in oklab, var(--color-feedback-success-border) 20%, transparent);
|
|
4534
|
+
}
|
|
4535
|
+
}
|
|
3932
4536
|
.bg-feedback-success-text {
|
|
3933
4537
|
background-color: var(--color-feedback-success-text);
|
|
3934
4538
|
}
|
|
@@ -3938,101 +4542,143 @@
|
|
|
3938
4542
|
.bg-feedback-warning-border {
|
|
3939
4543
|
background-color: var(--color-feedback-warning-border);
|
|
3940
4544
|
}
|
|
4545
|
+
.bg-feedback-warning-border\/20 {
|
|
4546
|
+
background-color: color-mix(in srgb, #c88420 20%, transparent);
|
|
4547
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4548
|
+
background-color: color-mix(in oklab, var(--color-feedback-warning-border) 20%, transparent);
|
|
4549
|
+
}
|
|
4550
|
+
}
|
|
3941
4551
|
.bg-feedback-warning-text {
|
|
3942
4552
|
background-color: var(--color-feedback-warning-text);
|
|
3943
4553
|
}
|
|
4554
|
+
.bg-graphite {
|
|
4555
|
+
background-color: var(--color-graphite);
|
|
4556
|
+
}
|
|
3944
4557
|
.bg-gray-50 {
|
|
3945
4558
|
background-color: var(--color-gray-50);
|
|
3946
4559
|
}
|
|
3947
4560
|
.bg-gray-100 {
|
|
3948
4561
|
background-color: var(--color-gray-100);
|
|
3949
4562
|
}
|
|
3950
|
-
.bg-gray-100\/60 {
|
|
3951
|
-
background-color: color-mix(in srgb, #f5f5f4 60%, transparent);
|
|
3952
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
3953
|
-
background-color: color-mix(in oklab, var(--color-gray-100) 60%, transparent);
|
|
3954
|
-
}
|
|
3955
|
-
}
|
|
3956
4563
|
.bg-gray-200 {
|
|
3957
4564
|
background-color: var(--color-gray-200);
|
|
3958
4565
|
}
|
|
4566
|
+
.bg-gray-300 {
|
|
4567
|
+
background-color: var(--color-gray-300);
|
|
4568
|
+
}
|
|
3959
4569
|
.bg-gray-400 {
|
|
3960
4570
|
background-color: var(--color-gray-400);
|
|
3961
4571
|
}
|
|
4572
|
+
.bg-gray-500 {
|
|
4573
|
+
background-color: var(--color-gray-500);
|
|
4574
|
+
}
|
|
4575
|
+
.bg-gray-600 {
|
|
4576
|
+
background-color: var(--color-gray-600);
|
|
4577
|
+
}
|
|
4578
|
+
.bg-gray-700 {
|
|
4579
|
+
background-color: var(--color-gray-700);
|
|
4580
|
+
}
|
|
4581
|
+
.bg-gray-800 {
|
|
4582
|
+
background-color: var(--color-gray-800);
|
|
4583
|
+
}
|
|
4584
|
+
.bg-gray-900 {
|
|
4585
|
+
background-color: var(--color-gray-900);
|
|
4586
|
+
}
|
|
4587
|
+
.bg-gray-950 {
|
|
4588
|
+
background-color: var(--color-gray-950);
|
|
4589
|
+
}
|
|
3962
4590
|
.bg-green-50 {
|
|
3963
4591
|
background-color: var(--color-green-50);
|
|
3964
4592
|
}
|
|
3965
4593
|
.bg-green-100 {
|
|
3966
4594
|
background-color: var(--color-green-100);
|
|
3967
4595
|
}
|
|
3968
|
-
.bg-green-500 {
|
|
3969
|
-
background-color: var(--color-green-500);
|
|
3970
|
-
}
|
|
3971
|
-
.bg-green-500\/20 {
|
|
3972
|
-
background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
|
|
3973
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
3974
|
-
background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
|
|
3975
|
-
}
|
|
3976
|
-
}
|
|
3977
4596
|
.bg-green-600 {
|
|
3978
4597
|
background-color: var(--color-green-600);
|
|
3979
4598
|
}
|
|
4599
|
+
.bg-honey-base {
|
|
4600
|
+
background-color: var(--color-honey-base);
|
|
4601
|
+
}
|
|
4602
|
+
.bg-honey-pastel {
|
|
4603
|
+
background-color: var(--color-honey-pastel);
|
|
4604
|
+
}
|
|
4605
|
+
.bg-info-base {
|
|
4606
|
+
background-color: var(--color-info-base);
|
|
4607
|
+
}
|
|
4608
|
+
.bg-info-dark {
|
|
4609
|
+
background-color: var(--color-info-dark);
|
|
4610
|
+
}
|
|
4611
|
+
.bg-info-light {
|
|
4612
|
+
background-color: var(--color-info-light);
|
|
4613
|
+
}
|
|
3980
4614
|
.bg-inherit {
|
|
3981
4615
|
background-color: inherit;
|
|
3982
4616
|
}
|
|
3983
|
-
.bg-
|
|
3984
|
-
background-color: var(--color-
|
|
4617
|
+
.bg-ink {
|
|
4618
|
+
background-color: var(--color-ink);
|
|
4619
|
+
}
|
|
4620
|
+
.bg-input-background-dark {
|
|
4621
|
+
background-color: var(--color-input-background-dark);
|
|
3985
4622
|
}
|
|
3986
|
-
.bg-
|
|
3987
|
-
background-color: var(--color-
|
|
4623
|
+
.bg-iris-base {
|
|
4624
|
+
background-color: var(--color-iris-base);
|
|
3988
4625
|
}
|
|
3989
|
-
.bg-
|
|
3990
|
-
background-color: var(--color-
|
|
4626
|
+
.bg-iris-pastel {
|
|
4627
|
+
background-color: var(--color-iris-pastel);
|
|
3991
4628
|
}
|
|
3992
|
-
.bg-
|
|
3993
|
-
background-color: var(--color-
|
|
4629
|
+
.bg-linen {
|
|
4630
|
+
background-color: var(--color-linen);
|
|
3994
4631
|
}
|
|
3995
|
-
.bg-
|
|
3996
|
-
background-color: var(--color-
|
|
4632
|
+
.bg-map-marker-default {
|
|
4633
|
+
background-color: var(--color-map-marker-default);
|
|
3997
4634
|
}
|
|
3998
|
-
.bg-
|
|
3999
|
-
background-color: var(--color-
|
|
4635
|
+
.bg-moss-base {
|
|
4636
|
+
background-color: var(--color-moss-base);
|
|
4000
4637
|
}
|
|
4001
|
-
.bg-
|
|
4002
|
-
background-color: var(--color-
|
|
4638
|
+
.bg-moss-pastel {
|
|
4639
|
+
background-color: var(--color-moss-pastel);
|
|
4003
4640
|
}
|
|
4004
|
-
.bg-
|
|
4005
|
-
background-color: var(--color-
|
|
4641
|
+
.bg-ocean-base {
|
|
4642
|
+
background-color: var(--color-ocean-base);
|
|
4006
4643
|
}
|
|
4007
|
-
.bg-
|
|
4008
|
-
background-color: var(--color-
|
|
4644
|
+
.bg-ocean-pastel {
|
|
4645
|
+
background-color: var(--color-ocean-pastel);
|
|
4009
4646
|
}
|
|
4010
|
-
.bg-
|
|
4011
|
-
background-color: var(--color-
|
|
4647
|
+
.bg-plum-base {
|
|
4648
|
+
background-color: var(--color-plum-base);
|
|
4012
4649
|
}
|
|
4013
|
-
.bg-
|
|
4014
|
-
background-color: var(--color-
|
|
4650
|
+
.bg-plum-pastel {
|
|
4651
|
+
background-color: var(--color-plum-pastel);
|
|
4015
4652
|
}
|
|
4016
4653
|
.bg-red-50 {
|
|
4017
4654
|
background-color: var(--color-red-50);
|
|
4018
4655
|
}
|
|
4019
|
-
.bg-
|
|
4020
|
-
background-color: var(--color-
|
|
4656
|
+
.bg-rose-base {
|
|
4657
|
+
background-color: var(--color-rose-base);
|
|
4021
4658
|
}
|
|
4022
|
-
.bg-
|
|
4023
|
-
background-color: var(--color-
|
|
4659
|
+
.bg-rose-pastel {
|
|
4660
|
+
background-color: var(--color-rose-pastel);
|
|
4024
4661
|
}
|
|
4025
|
-
.bg-
|
|
4026
|
-
background-color: color-
|
|
4027
|
-
|
|
4028
|
-
|
|
4029
|
-
|
|
4662
|
+
.bg-scrim-dark {
|
|
4663
|
+
background-color: var(--color-scrim-dark);
|
|
4664
|
+
}
|
|
4665
|
+
.bg-scrim-light {
|
|
4666
|
+
background-color: var(--color-scrim-light);
|
|
4667
|
+
}
|
|
4668
|
+
.bg-skeleton-base {
|
|
4669
|
+
background-color: var(--color-skeleton-base);
|
|
4030
4670
|
}
|
|
4031
|
-
.bg-
|
|
4032
|
-
background-color: var(--color-
|
|
4671
|
+
.bg-skeleton-highlight {
|
|
4672
|
+
background-color: var(--color-skeleton-highlight);
|
|
4033
4673
|
}
|
|
4034
|
-
.bg-
|
|
4035
|
-
background-color: var(--color-
|
|
4674
|
+
.bg-skeleton-wave {
|
|
4675
|
+
background-color: var(--color-skeleton-wave);
|
|
4676
|
+
}
|
|
4677
|
+
.bg-skeleton-wave-dark {
|
|
4678
|
+
background-color: var(--color-skeleton-wave-dark);
|
|
4679
|
+
}
|
|
4680
|
+
.bg-skeleton-wave-light {
|
|
4681
|
+
background-color: var(--color-skeleton-wave-light);
|
|
4036
4682
|
}
|
|
4037
4683
|
.bg-state-auto {
|
|
4038
4684
|
background-color: var(--color-state-auto);
|
|
@@ -4040,6 +4686,9 @@
|
|
|
4040
4686
|
.bg-state-charging {
|
|
4041
4687
|
background-color: var(--color-state-charging);
|
|
4042
4688
|
}
|
|
4689
|
+
.bg-state-circulate {
|
|
4690
|
+
background-color: var(--color-state-circulate);
|
|
4691
|
+
}
|
|
4043
4692
|
.bg-state-cool {
|
|
4044
4693
|
background-color: var(--color-state-cool);
|
|
4045
4694
|
}
|
|
@@ -4070,8 +4719,14 @@
|
|
|
4070
4719
|
.bg-state-unknown {
|
|
4071
4720
|
background-color: var(--color-state-unknown);
|
|
4072
4721
|
}
|
|
4073
|
-
.bg-
|
|
4074
|
-
background-color: var(--color-
|
|
4722
|
+
.bg-success-base {
|
|
4723
|
+
background-color: var(--color-success-base);
|
|
4724
|
+
}
|
|
4725
|
+
.bg-success-dark {
|
|
4726
|
+
background-color: var(--color-success-dark);
|
|
4727
|
+
}
|
|
4728
|
+
.bg-success-light {
|
|
4729
|
+
background-color: var(--color-success-light);
|
|
4075
4730
|
}
|
|
4076
4731
|
.bg-text-caption {
|
|
4077
4732
|
background-color: var(--color-text-caption);
|
|
@@ -4079,38 +4734,362 @@
|
|
|
4079
4734
|
.bg-text-heading {
|
|
4080
4735
|
background-color: var(--color-text-heading);
|
|
4081
4736
|
}
|
|
4737
|
+
.bg-text-inverse\/20 {
|
|
4738
|
+
background-color: color-mix(in srgb, #ffffff 20%, transparent);
|
|
4739
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4740
|
+
background-color: color-mix(in oklab, var(--color-text-inverse) 20%, transparent);
|
|
4741
|
+
}
|
|
4742
|
+
}
|
|
4082
4743
|
.bg-text-muted {
|
|
4083
4744
|
background-color: var(--color-text-muted);
|
|
4084
4745
|
}
|
|
4746
|
+
.bg-text-primary {
|
|
4747
|
+
background-color: var(--color-text-primary);
|
|
4748
|
+
}
|
|
4749
|
+
.bg-text-secondary {
|
|
4750
|
+
background-color: var(--color-text-secondary);
|
|
4751
|
+
}
|
|
4085
4752
|
.bg-transparent {
|
|
4086
4753
|
background-color: transparent;
|
|
4087
4754
|
}
|
|
4088
|
-
.bg-
|
|
4089
|
-
background-color: var(--color-
|
|
4755
|
+
.bg-viz-categorical-1 {
|
|
4756
|
+
background-color: var(--color-viz-categorical-1);
|
|
4090
4757
|
}
|
|
4091
|
-
.bg-
|
|
4092
|
-
background-color: color-
|
|
4758
|
+
.bg-viz-categorical-2 {
|
|
4759
|
+
background-color: var(--color-viz-categorical-2);
|
|
4760
|
+
}
|
|
4761
|
+
.bg-viz-categorical-3 {
|
|
4762
|
+
background-color: var(--color-viz-categorical-3);
|
|
4763
|
+
}
|
|
4764
|
+
.bg-viz-categorical-4 {
|
|
4765
|
+
background-color: var(--color-viz-categorical-4);
|
|
4766
|
+
}
|
|
4767
|
+
.bg-viz-categorical-4\/15 {
|
|
4768
|
+
background-color: color-mix(in srgb, #5d89ff 15%, transparent);
|
|
4093
4769
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4094
|
-
background-color: color-mix(in oklab, var(--color-
|
|
4770
|
+
background-color: color-mix(in oklab, var(--color-viz-categorical-4) 15%, transparent);
|
|
4095
4771
|
}
|
|
4096
4772
|
}
|
|
4097
|
-
.bg-
|
|
4098
|
-
background-color: var(--color-
|
|
4773
|
+
.bg-viz-categorical-5 {
|
|
4774
|
+
background-color: var(--color-viz-categorical-5);
|
|
4099
4775
|
}
|
|
4100
|
-
.bg-
|
|
4101
|
-
background-color:
|
|
4102
|
-
|
|
4103
|
-
|
|
4104
|
-
|
|
4776
|
+
.bg-viz-categorical-5\/10 {
|
|
4777
|
+
background-color: color-mix(in srgb, #9a47e2 10%, transparent);
|
|
4778
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4779
|
+
background-color: color-mix(in oklab, var(--color-viz-categorical-5) 10%, transparent);
|
|
4780
|
+
}
|
|
4105
4781
|
}
|
|
4106
|
-
.bg-
|
|
4107
|
-
background-color: color-mix(in srgb,
|
|
4782
|
+
.bg-viz-categorical-5\/15 {
|
|
4783
|
+
background-color: color-mix(in srgb, #9a47e2 15%, transparent);
|
|
4108
4784
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4109
|
-
background-color: color-mix(in oklab, var(--color-
|
|
4785
|
+
background-color: color-mix(in oklab, var(--color-viz-categorical-5) 15%, transparent);
|
|
4110
4786
|
}
|
|
4111
4787
|
}
|
|
4112
|
-
.bg-
|
|
4113
|
-
background-color: var(--color-
|
|
4788
|
+
.bg-viz-categorical-6 {
|
|
4789
|
+
background-color: var(--color-viz-categorical-6);
|
|
4790
|
+
}
|
|
4791
|
+
.bg-viz-categorical-7 {
|
|
4792
|
+
background-color: var(--color-viz-categorical-7);
|
|
4793
|
+
}
|
|
4794
|
+
.bg-viz-categorical-8 {
|
|
4795
|
+
background-color: var(--color-viz-categorical-8);
|
|
4796
|
+
}
|
|
4797
|
+
.bg-viz-categorical-9 {
|
|
4798
|
+
background-color: var(--color-viz-categorical-9);
|
|
4799
|
+
}
|
|
4800
|
+
.bg-viz-categorical-10 {
|
|
4801
|
+
background-color: var(--color-viz-categorical-10);
|
|
4802
|
+
}
|
|
4803
|
+
.bg-viz-categorical-11 {
|
|
4804
|
+
background-color: var(--color-viz-categorical-11);
|
|
4805
|
+
}
|
|
4806
|
+
.bg-viz-categorical-12 {
|
|
4807
|
+
background-color: var(--color-viz-categorical-12);
|
|
4808
|
+
}
|
|
4809
|
+
.bg-viz-default {
|
|
4810
|
+
background-color: var(--color-viz-default);
|
|
4811
|
+
}
|
|
4812
|
+
.bg-viz-diverging-orange-yellow-seafoam-1 {
|
|
4813
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-1);
|
|
4814
|
+
}
|
|
4815
|
+
.bg-viz-diverging-orange-yellow-seafoam-2 {
|
|
4816
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-2);
|
|
4817
|
+
}
|
|
4818
|
+
.bg-viz-diverging-orange-yellow-seafoam-3 {
|
|
4819
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-3);
|
|
4820
|
+
}
|
|
4821
|
+
.bg-viz-diverging-orange-yellow-seafoam-4 {
|
|
4822
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-4);
|
|
4823
|
+
}
|
|
4824
|
+
.bg-viz-diverging-orange-yellow-seafoam-5 {
|
|
4825
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-5);
|
|
4826
|
+
}
|
|
4827
|
+
.bg-viz-diverging-orange-yellow-seafoam-6 {
|
|
4828
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-6);
|
|
4829
|
+
}
|
|
4830
|
+
.bg-viz-diverging-orange-yellow-seafoam-7 {
|
|
4831
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-7);
|
|
4832
|
+
}
|
|
4833
|
+
.bg-viz-diverging-orange-yellow-seafoam-8 {
|
|
4834
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-8);
|
|
4835
|
+
}
|
|
4836
|
+
.bg-viz-diverging-orange-yellow-seafoam-9 {
|
|
4837
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-9);
|
|
4838
|
+
}
|
|
4839
|
+
.bg-viz-diverging-orange-yellow-seafoam-10 {
|
|
4840
|
+
background-color: var(--color-viz-diverging-orange-yellow-seafoam-10);
|
|
4841
|
+
}
|
|
4842
|
+
.bg-viz-diverging-red-blue-1 {
|
|
4843
|
+
background-color: var(--color-viz-diverging-red-blue-1);
|
|
4844
|
+
}
|
|
4845
|
+
.bg-viz-diverging-red-blue-2 {
|
|
4846
|
+
background-color: var(--color-viz-diverging-red-blue-2);
|
|
4847
|
+
}
|
|
4848
|
+
.bg-viz-diverging-red-blue-3 {
|
|
4849
|
+
background-color: var(--color-viz-diverging-red-blue-3);
|
|
4850
|
+
}
|
|
4851
|
+
.bg-viz-diverging-red-blue-4 {
|
|
4852
|
+
background-color: var(--color-viz-diverging-red-blue-4);
|
|
4853
|
+
}
|
|
4854
|
+
.bg-viz-diverging-red-blue-5 {
|
|
4855
|
+
background-color: var(--color-viz-diverging-red-blue-5);
|
|
4856
|
+
}
|
|
4857
|
+
.bg-viz-diverging-red-blue-6 {
|
|
4858
|
+
background-color: var(--color-viz-diverging-red-blue-6);
|
|
4859
|
+
}
|
|
4860
|
+
.bg-viz-diverging-red-blue-7 {
|
|
4861
|
+
background-color: var(--color-viz-diverging-red-blue-7);
|
|
4862
|
+
}
|
|
4863
|
+
.bg-viz-diverging-red-blue-8 {
|
|
4864
|
+
background-color: var(--color-viz-diverging-red-blue-8);
|
|
4865
|
+
}
|
|
4866
|
+
.bg-viz-diverging-red-blue-9 {
|
|
4867
|
+
background-color: var(--color-viz-diverging-red-blue-9);
|
|
4868
|
+
}
|
|
4869
|
+
.bg-viz-diverging-red-blue-10 {
|
|
4870
|
+
background-color: var(--color-viz-diverging-red-blue-10);
|
|
4871
|
+
}
|
|
4872
|
+
.bg-viz-diverging-red-yellow-blue-1 {
|
|
4873
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-1);
|
|
4874
|
+
}
|
|
4875
|
+
.bg-viz-diverging-red-yellow-blue-2 {
|
|
4876
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-2);
|
|
4877
|
+
}
|
|
4878
|
+
.bg-viz-diverging-red-yellow-blue-3 {
|
|
4879
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-3);
|
|
4880
|
+
}
|
|
4881
|
+
.bg-viz-diverging-red-yellow-blue-4 {
|
|
4882
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-4);
|
|
4883
|
+
}
|
|
4884
|
+
.bg-viz-diverging-red-yellow-blue-5 {
|
|
4885
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-5);
|
|
4886
|
+
}
|
|
4887
|
+
.bg-viz-diverging-red-yellow-blue-6 {
|
|
4888
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-6);
|
|
4889
|
+
}
|
|
4890
|
+
.bg-viz-diverging-red-yellow-blue-7 {
|
|
4891
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-7);
|
|
4892
|
+
}
|
|
4893
|
+
.bg-viz-diverging-red-yellow-blue-8 {
|
|
4894
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-8);
|
|
4895
|
+
}
|
|
4896
|
+
.bg-viz-diverging-red-yellow-blue-9 {
|
|
4897
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-9);
|
|
4898
|
+
}
|
|
4899
|
+
.bg-viz-diverging-red-yellow-blue-10 {
|
|
4900
|
+
background-color: var(--color-viz-diverging-red-yellow-blue-10);
|
|
4901
|
+
}
|
|
4902
|
+
.bg-viz-sequential-cerulean-1 {
|
|
4903
|
+
background-color: var(--color-viz-sequential-cerulean-1);
|
|
4904
|
+
}
|
|
4905
|
+
.bg-viz-sequential-cerulean-2 {
|
|
4906
|
+
background-color: var(--color-viz-sequential-cerulean-2);
|
|
4907
|
+
}
|
|
4908
|
+
.bg-viz-sequential-cerulean-3 {
|
|
4909
|
+
background-color: var(--color-viz-sequential-cerulean-3);
|
|
4910
|
+
}
|
|
4911
|
+
.bg-viz-sequential-cerulean-4 {
|
|
4912
|
+
background-color: var(--color-viz-sequential-cerulean-4);
|
|
4913
|
+
}
|
|
4914
|
+
.bg-viz-sequential-cerulean-5 {
|
|
4915
|
+
background-color: var(--color-viz-sequential-cerulean-5);
|
|
4916
|
+
}
|
|
4917
|
+
.bg-viz-sequential-cerulean-6 {
|
|
4918
|
+
background-color: var(--color-viz-sequential-cerulean-6);
|
|
4919
|
+
}
|
|
4920
|
+
.bg-viz-sequential-cerulean-7 {
|
|
4921
|
+
background-color: var(--color-viz-sequential-cerulean-7);
|
|
4922
|
+
}
|
|
4923
|
+
.bg-viz-sequential-cerulean-8 {
|
|
4924
|
+
background-color: var(--color-viz-sequential-cerulean-8);
|
|
4925
|
+
}
|
|
4926
|
+
.bg-viz-sequential-cerulean-9 {
|
|
4927
|
+
background-color: var(--color-viz-sequential-cerulean-9);
|
|
4928
|
+
}
|
|
4929
|
+
.bg-viz-sequential-cerulean-10 {
|
|
4930
|
+
background-color: var(--color-viz-sequential-cerulean-10);
|
|
4931
|
+
}
|
|
4932
|
+
.bg-viz-sequential-forest-1 {
|
|
4933
|
+
background-color: var(--color-viz-sequential-forest-1);
|
|
4934
|
+
}
|
|
4935
|
+
.bg-viz-sequential-forest-2 {
|
|
4936
|
+
background-color: var(--color-viz-sequential-forest-2);
|
|
4937
|
+
}
|
|
4938
|
+
.bg-viz-sequential-forest-3 {
|
|
4939
|
+
background-color: var(--color-viz-sequential-forest-3);
|
|
4940
|
+
}
|
|
4941
|
+
.bg-viz-sequential-forest-4 {
|
|
4942
|
+
background-color: var(--color-viz-sequential-forest-4);
|
|
4943
|
+
}
|
|
4944
|
+
.bg-viz-sequential-forest-5 {
|
|
4945
|
+
background-color: var(--color-viz-sequential-forest-5);
|
|
4946
|
+
}
|
|
4947
|
+
.bg-viz-sequential-forest-6 {
|
|
4948
|
+
background-color: var(--color-viz-sequential-forest-6);
|
|
4949
|
+
}
|
|
4950
|
+
.bg-viz-sequential-forest-7 {
|
|
4951
|
+
background-color: var(--color-viz-sequential-forest-7);
|
|
4952
|
+
}
|
|
4953
|
+
.bg-viz-sequential-forest-8 {
|
|
4954
|
+
background-color: var(--color-viz-sequential-forest-8);
|
|
4955
|
+
}
|
|
4956
|
+
.bg-viz-sequential-forest-9 {
|
|
4957
|
+
background-color: var(--color-viz-sequential-forest-9);
|
|
4958
|
+
}
|
|
4959
|
+
.bg-viz-sequential-forest-10 {
|
|
4960
|
+
background-color: var(--color-viz-sequential-forest-10);
|
|
4961
|
+
}
|
|
4962
|
+
.bg-viz-sequential-magma-1 {
|
|
4963
|
+
background-color: var(--color-viz-sequential-magma-1);
|
|
4964
|
+
}
|
|
4965
|
+
.bg-viz-sequential-magma-2 {
|
|
4966
|
+
background-color: var(--color-viz-sequential-magma-2);
|
|
4967
|
+
}
|
|
4968
|
+
.bg-viz-sequential-magma-3 {
|
|
4969
|
+
background-color: var(--color-viz-sequential-magma-3);
|
|
4970
|
+
}
|
|
4971
|
+
.bg-viz-sequential-magma-4 {
|
|
4972
|
+
background-color: var(--color-viz-sequential-magma-4);
|
|
4973
|
+
}
|
|
4974
|
+
.bg-viz-sequential-magma-5 {
|
|
4975
|
+
background-color: var(--color-viz-sequential-magma-5);
|
|
4976
|
+
}
|
|
4977
|
+
.bg-viz-sequential-magma-6 {
|
|
4978
|
+
background-color: var(--color-viz-sequential-magma-6);
|
|
4979
|
+
}
|
|
4980
|
+
.bg-viz-sequential-magma-7 {
|
|
4981
|
+
background-color: var(--color-viz-sequential-magma-7);
|
|
4982
|
+
}
|
|
4983
|
+
.bg-viz-sequential-magma-8 {
|
|
4984
|
+
background-color: var(--color-viz-sequential-magma-8);
|
|
4985
|
+
}
|
|
4986
|
+
.bg-viz-sequential-magma-9 {
|
|
4987
|
+
background-color: var(--color-viz-sequential-magma-9);
|
|
4988
|
+
}
|
|
4989
|
+
.bg-viz-sequential-magma-10 {
|
|
4990
|
+
background-color: var(--color-viz-sequential-magma-10);
|
|
4991
|
+
}
|
|
4992
|
+
.bg-viz-sequential-red-yellow-green-1 {
|
|
4993
|
+
background-color: var(--color-viz-sequential-red-yellow-green-1);
|
|
4994
|
+
}
|
|
4995
|
+
.bg-viz-sequential-red-yellow-green-2 {
|
|
4996
|
+
background-color: var(--color-viz-sequential-red-yellow-green-2);
|
|
4997
|
+
}
|
|
4998
|
+
.bg-viz-sequential-red-yellow-green-3 {
|
|
4999
|
+
background-color: var(--color-viz-sequential-red-yellow-green-3);
|
|
5000
|
+
}
|
|
5001
|
+
.bg-viz-sequential-red-yellow-green-4 {
|
|
5002
|
+
background-color: var(--color-viz-sequential-red-yellow-green-4);
|
|
5003
|
+
}
|
|
5004
|
+
.bg-viz-sequential-red-yellow-green-5 {
|
|
5005
|
+
background-color: var(--color-viz-sequential-red-yellow-green-5);
|
|
5006
|
+
}
|
|
5007
|
+
.bg-viz-sequential-red-yellow-green-6 {
|
|
5008
|
+
background-color: var(--color-viz-sequential-red-yellow-green-6);
|
|
5009
|
+
}
|
|
5010
|
+
.bg-viz-sequential-red-yellow-green-7 {
|
|
5011
|
+
background-color: var(--color-viz-sequential-red-yellow-green-7);
|
|
5012
|
+
}
|
|
5013
|
+
.bg-viz-sequential-red-yellow-green-8 {
|
|
5014
|
+
background-color: var(--color-viz-sequential-red-yellow-green-8);
|
|
5015
|
+
}
|
|
5016
|
+
.bg-viz-sequential-red-yellow-green-9 {
|
|
5017
|
+
background-color: var(--color-viz-sequential-red-yellow-green-9);
|
|
5018
|
+
}
|
|
5019
|
+
.bg-viz-sequential-red-yellow-green-10 {
|
|
5020
|
+
background-color: var(--color-viz-sequential-red-yellow-green-10);
|
|
5021
|
+
}
|
|
5022
|
+
.bg-viz-sequential-rose-1 {
|
|
5023
|
+
background-color: var(--color-viz-sequential-rose-1);
|
|
5024
|
+
}
|
|
5025
|
+
.bg-viz-sequential-rose-2 {
|
|
5026
|
+
background-color: var(--color-viz-sequential-rose-2);
|
|
5027
|
+
}
|
|
5028
|
+
.bg-viz-sequential-rose-3 {
|
|
5029
|
+
background-color: var(--color-viz-sequential-rose-3);
|
|
5030
|
+
}
|
|
5031
|
+
.bg-viz-sequential-rose-4 {
|
|
5032
|
+
background-color: var(--color-viz-sequential-rose-4);
|
|
5033
|
+
}
|
|
5034
|
+
.bg-viz-sequential-rose-5 {
|
|
5035
|
+
background-color: var(--color-viz-sequential-rose-5);
|
|
5036
|
+
}
|
|
5037
|
+
.bg-viz-sequential-rose-6 {
|
|
5038
|
+
background-color: var(--color-viz-sequential-rose-6);
|
|
5039
|
+
}
|
|
5040
|
+
.bg-viz-sequential-rose-7 {
|
|
5041
|
+
background-color: var(--color-viz-sequential-rose-7);
|
|
5042
|
+
}
|
|
5043
|
+
.bg-viz-sequential-rose-8 {
|
|
5044
|
+
background-color: var(--color-viz-sequential-rose-8);
|
|
5045
|
+
}
|
|
5046
|
+
.bg-viz-sequential-rose-9 {
|
|
5047
|
+
background-color: var(--color-viz-sequential-rose-9);
|
|
5048
|
+
}
|
|
5049
|
+
.bg-viz-sequential-rose-10 {
|
|
5050
|
+
background-color: var(--color-viz-sequential-rose-10);
|
|
5051
|
+
}
|
|
5052
|
+
.bg-viz-sequential-viridis-1 {
|
|
5053
|
+
background-color: var(--color-viz-sequential-viridis-1);
|
|
5054
|
+
}
|
|
5055
|
+
.bg-viz-sequential-viridis-2 {
|
|
5056
|
+
background-color: var(--color-viz-sequential-viridis-2);
|
|
5057
|
+
}
|
|
5058
|
+
.bg-viz-sequential-viridis-3 {
|
|
5059
|
+
background-color: var(--color-viz-sequential-viridis-3);
|
|
5060
|
+
}
|
|
5061
|
+
.bg-viz-sequential-viridis-4 {
|
|
5062
|
+
background-color: var(--color-viz-sequential-viridis-4);
|
|
5063
|
+
}
|
|
5064
|
+
.bg-viz-sequential-viridis-5 {
|
|
5065
|
+
background-color: var(--color-viz-sequential-viridis-5);
|
|
5066
|
+
}
|
|
5067
|
+
.bg-viz-sequential-viridis-6 {
|
|
5068
|
+
background-color: var(--color-viz-sequential-viridis-6);
|
|
5069
|
+
}
|
|
5070
|
+
.bg-viz-sequential-viridis-7 {
|
|
5071
|
+
background-color: var(--color-viz-sequential-viridis-7);
|
|
5072
|
+
}
|
|
5073
|
+
.bg-viz-sequential-viridis-8 {
|
|
5074
|
+
background-color: var(--color-viz-sequential-viridis-8);
|
|
5075
|
+
}
|
|
5076
|
+
.bg-viz-sequential-viridis-9 {
|
|
5077
|
+
background-color: var(--color-viz-sequential-viridis-9);
|
|
5078
|
+
}
|
|
5079
|
+
.bg-viz-sequential-viridis-10 {
|
|
5080
|
+
background-color: var(--color-viz-sequential-viridis-10);
|
|
5081
|
+
}
|
|
5082
|
+
.bg-warning-base {
|
|
5083
|
+
background-color: var(--color-warning-base);
|
|
5084
|
+
}
|
|
5085
|
+
.bg-warning-dark {
|
|
5086
|
+
background-color: var(--color-warning-dark);
|
|
5087
|
+
}
|
|
5088
|
+
.bg-warning-light {
|
|
5089
|
+
background-color: var(--color-warning-light);
|
|
5090
|
+
}
|
|
5091
|
+
.bg-white {
|
|
5092
|
+
background-color: var(--color-white);
|
|
4114
5093
|
}
|
|
4115
5094
|
.bg-gradient-to-br {
|
|
4116
5095
|
--tw-gradient-position: to bottom right in oklab;
|
|
@@ -4128,10 +5107,10 @@
|
|
|
4128
5107
|
--tw-gradient-from: var(--color-action-brand);
|
|
4129
5108
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4130
5109
|
}
|
|
4131
|
-
.from-
|
|
4132
|
-
--tw-gradient-from: color-mix(in srgb,
|
|
5110
|
+
.from-background-modal\/20 {
|
|
5111
|
+
--tw-gradient-from: color-mix(in srgb, rgba(0, 0, 0, 0.15) 20%, transparent);
|
|
4133
5112
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4134
|
-
--tw-gradient-from: color-mix(in oklab, var(--color-
|
|
5113
|
+
--tw-gradient-from: color-mix(in oklab, var(--color-background-modal) 20%, transparent);
|
|
4135
5114
|
}
|
|
4136
5115
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4137
5116
|
}
|
|
@@ -4152,10 +5131,10 @@
|
|
|
4152
5131
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4153
5132
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4154
5133
|
}
|
|
4155
|
-
.via-
|
|
4156
|
-
--tw-gradient-via: color-mix(in srgb,
|
|
5134
|
+
.via-background-modal\/15 {
|
|
5135
|
+
--tw-gradient-via: color-mix(in srgb, rgba(0, 0, 0, 0.15) 15%, transparent);
|
|
4157
5136
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4158
|
-
--tw-gradient-via: color-mix(in oklab, var(--color-
|
|
5137
|
+
--tw-gradient-via: color-mix(in oklab, var(--color-background-modal) 15%, transparent);
|
|
4159
5138
|
}
|
|
4160
5139
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4161
5140
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
@@ -4164,10 +5143,10 @@
|
|
|
4164
5143
|
--tw-gradient-to: var(--color-skeleton-base);
|
|
4165
5144
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4166
5145
|
}
|
|
4167
|
-
.to-
|
|
4168
|
-
--tw-gradient-to: color-mix(in srgb,
|
|
5146
|
+
.to-background-modal\/20 {
|
|
5147
|
+
--tw-gradient-to: color-mix(in srgb, rgba(0, 0, 0, 0.15) 20%, transparent);
|
|
4169
5148
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4170
|
-
--tw-gradient-to: color-mix(in oklab, var(--color-
|
|
5149
|
+
--tw-gradient-to: color-mix(in oklab, var(--color-background-modal) 20%, transparent);
|
|
4171
5150
|
}
|
|
4172
5151
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4173
5152
|
}
|
|
@@ -4190,24 +5169,24 @@
|
|
|
4190
5169
|
.bg-clip-padding {
|
|
4191
5170
|
background-clip: padding-box;
|
|
4192
5171
|
}
|
|
5172
|
+
.fill-action-brand {
|
|
5173
|
+
fill: var(--color-action-brand);
|
|
5174
|
+
}
|
|
5175
|
+
.fill-action-default {
|
|
5176
|
+
fill: var(--color-action-default);
|
|
5177
|
+
}
|
|
4193
5178
|
.fill-background-muted {
|
|
4194
5179
|
fill: var(--color-background-muted);
|
|
4195
5180
|
}
|
|
4196
5181
|
.fill-background-surface {
|
|
4197
5182
|
fill: var(--color-background-surface);
|
|
4198
5183
|
}
|
|
4199
|
-
.fill-brand-primary {
|
|
4200
|
-
fill: var(--color-brand-primary);
|
|
4201
|
-
}
|
|
4202
5184
|
.fill-neutral-black {
|
|
4203
5185
|
fill: var(--color-neutral-black);
|
|
4204
5186
|
}
|
|
4205
5187
|
.fill-red-500 {
|
|
4206
5188
|
fill: var(--color-red-500);
|
|
4207
5189
|
}
|
|
4208
|
-
.fill-slate-700 {
|
|
4209
|
-
fill: var(--color-slate-700);
|
|
4210
|
-
}
|
|
4211
5190
|
.fill-text-body {
|
|
4212
5191
|
fill: var(--color-text-body);
|
|
4213
5192
|
}
|
|
@@ -4220,18 +5199,24 @@
|
|
|
4220
5199
|
.fill-text-muted {
|
|
4221
5200
|
fill: var(--color-text-muted);
|
|
4222
5201
|
}
|
|
5202
|
+
.fill-text-primary {
|
|
5203
|
+
fill: var(--color-text-primary);
|
|
5204
|
+
}
|
|
5205
|
+
.fill-text-secondary {
|
|
5206
|
+
fill: var(--color-text-secondary);
|
|
5207
|
+
}
|
|
4223
5208
|
.fill-white {
|
|
4224
5209
|
fill: var(--color-white);
|
|
4225
5210
|
}
|
|
5211
|
+
.stroke-action-default-hover {
|
|
5212
|
+
stroke: var(--color-action-default-hover);
|
|
5213
|
+
}
|
|
4226
5214
|
.stroke-border-default {
|
|
4227
5215
|
stroke: var(--color-border-default);
|
|
4228
5216
|
}
|
|
4229
5217
|
.stroke-border-muted {
|
|
4230
5218
|
stroke: var(--color-border-muted);
|
|
4231
5219
|
}
|
|
4232
|
-
.stroke-gray-800 {
|
|
4233
|
-
stroke: var(--color-gray-800);
|
|
4234
|
-
}
|
|
4235
5220
|
.stroke-1 {
|
|
4236
5221
|
stroke-width: 1;
|
|
4237
5222
|
}
|
|
@@ -4608,14 +5593,6 @@
|
|
|
4608
5593
|
.text-\[length\:var\(--control-text-xl\)\] {
|
|
4609
5594
|
font-size: var(--control-text-xl);
|
|
4610
5595
|
}
|
|
4611
|
-
.leading-5 {
|
|
4612
|
-
--tw-leading: var(--spacing-5);
|
|
4613
|
-
line-height: var(--spacing-5);
|
|
4614
|
-
}
|
|
4615
|
-
.leading-6 {
|
|
4616
|
-
--tw-leading: var(--spacing-6);
|
|
4617
|
-
line-height: var(--spacing-6);
|
|
4618
|
-
}
|
|
4619
5596
|
.leading-\[2\.25\] {
|
|
4620
5597
|
--tw-leading: 2.25;
|
|
4621
5598
|
line-height: 2.25;
|
|
@@ -4685,8 +5662,11 @@
|
|
|
4685
5662
|
.whitespace-pre-line {
|
|
4686
5663
|
white-space: pre-line;
|
|
4687
5664
|
}
|
|
4688
|
-
.\!text-action-
|
|
4689
|
-
color: var(--color-action-
|
|
5665
|
+
.\!text-action-primary {
|
|
5666
|
+
color: var(--color-action-primary) !important;
|
|
5667
|
+
}
|
|
5668
|
+
.\!text-text-label {
|
|
5669
|
+
color: var(--color-text-label) !important;
|
|
4690
5670
|
}
|
|
4691
5671
|
.text-\[\#111827\] {
|
|
4692
5672
|
color: #111827;
|
|
@@ -4703,12 +5683,45 @@
|
|
|
4703
5683
|
.text-\[color\:var\(--color-action-default-text\)\] {
|
|
4704
5684
|
color: var(--color-action-default-text);
|
|
4705
5685
|
}
|
|
5686
|
+
.text-\[color\:var\(--color-action-destructive-text\)\] {
|
|
5687
|
+
color: var(--color-action-destructive-text);
|
|
5688
|
+
}
|
|
5689
|
+
.text-\[color\:var\(--color-action-primary-text\)\] {
|
|
5690
|
+
color: var(--color-action-primary-text);
|
|
5691
|
+
}
|
|
5692
|
+
.text-\[color\:var\(--color-action-secondary-text\)\] {
|
|
5693
|
+
color: var(--color-action-secondary-text);
|
|
5694
|
+
}
|
|
4706
5695
|
.text-action-brand {
|
|
4707
5696
|
color: var(--color-action-brand);
|
|
4708
5697
|
}
|
|
5698
|
+
.text-action-brand-text {
|
|
5699
|
+
color: var(--color-action-brand-text);
|
|
5700
|
+
}
|
|
4709
5701
|
.text-action-default {
|
|
4710
5702
|
color: var(--color-action-default);
|
|
4711
5703
|
}
|
|
5704
|
+
.text-action-default-text {
|
|
5705
|
+
color: var(--color-action-default-text);
|
|
5706
|
+
}
|
|
5707
|
+
.text-action-destructive {
|
|
5708
|
+
color: var(--color-action-destructive);
|
|
5709
|
+
}
|
|
5710
|
+
.text-action-destructive-text {
|
|
5711
|
+
color: var(--color-action-destructive-text);
|
|
5712
|
+
}
|
|
5713
|
+
.text-action-primary {
|
|
5714
|
+
color: var(--color-action-primary);
|
|
5715
|
+
}
|
|
5716
|
+
.text-action-primary-text {
|
|
5717
|
+
color: var(--color-action-primary-text);
|
|
5718
|
+
}
|
|
5719
|
+
.text-action-secondary {
|
|
5720
|
+
color: var(--color-action-secondary);
|
|
5721
|
+
}
|
|
5722
|
+
.text-action-secondary-text {
|
|
5723
|
+
color: var(--color-action-secondary-text);
|
|
5724
|
+
}
|
|
4712
5725
|
.text-amber-800 {
|
|
4713
5726
|
color: var(--color-amber-800);
|
|
4714
5727
|
}
|
|
@@ -4721,42 +5734,72 @@
|
|
|
4721
5734
|
.text-black {
|
|
4722
5735
|
color: var(--color-black);
|
|
4723
5736
|
}
|
|
4724
|
-
.text-blue-400 {
|
|
4725
|
-
color: var(--color-blue-400);
|
|
4726
|
-
}
|
|
4727
5737
|
.text-blue-500 {
|
|
4728
5738
|
color: var(--color-blue-500);
|
|
4729
5739
|
}
|
|
4730
|
-
.text-blue-600 {
|
|
4731
|
-
color: var(--color-blue-600);
|
|
4732
|
-
}
|
|
4733
5740
|
.text-blue-800 {
|
|
4734
5741
|
color: var(--color-blue-800);
|
|
4735
5742
|
}
|
|
4736
5743
|
.text-blue-900 {
|
|
4737
5744
|
color: var(--color-blue-900);
|
|
4738
5745
|
}
|
|
4739
|
-
.text-brand-light {
|
|
4740
|
-
color: var(--color-brand-light);
|
|
4741
|
-
}
|
|
4742
5746
|
.text-brand-primary {
|
|
4743
5747
|
color: var(--color-brand-primary);
|
|
4744
5748
|
}
|
|
5749
|
+
.text-canary-base {
|
|
5750
|
+
color: var(--color-canary-base);
|
|
5751
|
+
}
|
|
5752
|
+
.text-canary-pastel {
|
|
5753
|
+
color: var(--color-canary-pastel);
|
|
5754
|
+
}
|
|
4745
5755
|
.text-current {
|
|
4746
5756
|
color: currentcolor;
|
|
4747
5757
|
}
|
|
5758
|
+
.text-error-base {
|
|
5759
|
+
color: var(--color-error-base);
|
|
5760
|
+
}
|
|
5761
|
+
.text-error-dark {
|
|
5762
|
+
color: var(--color-error-dark);
|
|
5763
|
+
}
|
|
5764
|
+
.text-error-light {
|
|
5765
|
+
color: var(--color-error-light);
|
|
5766
|
+
}
|
|
5767
|
+
.text-feedback-error-border {
|
|
5768
|
+
color: var(--color-feedback-error-border);
|
|
5769
|
+
}
|
|
4748
5770
|
.text-feedback-error-text {
|
|
4749
5771
|
color: var(--color-feedback-error-text);
|
|
4750
5772
|
}
|
|
5773
|
+
.text-feedback-info-border {
|
|
5774
|
+
color: var(--color-feedback-info-border);
|
|
5775
|
+
}
|
|
4751
5776
|
.text-feedback-info-text {
|
|
4752
5777
|
color: var(--color-feedback-info-text);
|
|
4753
5778
|
}
|
|
5779
|
+
.text-feedback-success-border {
|
|
5780
|
+
color: var(--color-feedback-success-border);
|
|
5781
|
+
}
|
|
4754
5782
|
.text-feedback-success-text {
|
|
4755
5783
|
color: var(--color-feedback-success-text);
|
|
4756
5784
|
}
|
|
5785
|
+
.text-feedback-warning-border {
|
|
5786
|
+
color: var(--color-feedback-warning-border);
|
|
5787
|
+
}
|
|
4757
5788
|
.text-feedback-warning-text {
|
|
4758
5789
|
color: var(--color-feedback-warning-text);
|
|
4759
5790
|
}
|
|
5791
|
+
.text-graphite {
|
|
5792
|
+
color: var(--color-graphite);
|
|
5793
|
+
}
|
|
5794
|
+
.text-gray-50 {
|
|
5795
|
+
color: var(--color-gray-50);
|
|
5796
|
+
}
|
|
5797
|
+
.text-gray-100 {
|
|
5798
|
+
color: var(--color-gray-100);
|
|
5799
|
+
}
|
|
5800
|
+
.text-gray-200 {
|
|
5801
|
+
color: var(--color-gray-200);
|
|
5802
|
+
}
|
|
4760
5803
|
.text-gray-300 {
|
|
4761
5804
|
color: var(--color-gray-300);
|
|
4762
5805
|
}
|
|
@@ -4778,90 +5821,165 @@
|
|
|
4778
5821
|
.text-gray-900 {
|
|
4779
5822
|
color: var(--color-gray-900);
|
|
4780
5823
|
}
|
|
5824
|
+
.text-gray-950 {
|
|
5825
|
+
color: var(--color-gray-950);
|
|
5826
|
+
}
|
|
4781
5827
|
.text-green-600 {
|
|
4782
5828
|
color: var(--color-green-600);
|
|
4783
5829
|
}
|
|
4784
|
-
.text-green-700 {
|
|
4785
|
-
color: var(--color-green-700);
|
|
4786
|
-
}
|
|
4787
|
-
.text-green-800 {
|
|
4788
|
-
color: var(--color-green-800);
|
|
4789
|
-
}
|
|
4790
5830
|
.text-green-900 {
|
|
4791
5831
|
color: var(--color-green-900);
|
|
4792
5832
|
}
|
|
5833
|
+
.text-honey-base {
|
|
5834
|
+
color: var(--color-honey-base);
|
|
5835
|
+
}
|
|
5836
|
+
.text-honey-pastel {
|
|
5837
|
+
color: var(--color-honey-pastel);
|
|
5838
|
+
}
|
|
5839
|
+
.text-info-base {
|
|
5840
|
+
color: var(--color-info-base);
|
|
5841
|
+
}
|
|
5842
|
+
.text-info-dark {
|
|
5843
|
+
color: var(--color-info-dark);
|
|
5844
|
+
}
|
|
5845
|
+
.text-info-light {
|
|
5846
|
+
color: var(--color-info-light);
|
|
5847
|
+
}
|
|
5848
|
+
.text-ink {
|
|
5849
|
+
color: var(--color-ink);
|
|
5850
|
+
}
|
|
5851
|
+
.text-iris-base {
|
|
5852
|
+
color: var(--color-iris-base);
|
|
5853
|
+
}
|
|
5854
|
+
.text-iris-pastel {
|
|
5855
|
+
color: var(--color-iris-pastel);
|
|
5856
|
+
}
|
|
5857
|
+
.text-linen {
|
|
5858
|
+
color: var(--color-linen);
|
|
5859
|
+
}
|
|
4793
5860
|
.text-map-marker-default {
|
|
4794
5861
|
color: var(--color-map-marker-default);
|
|
4795
5862
|
}
|
|
4796
|
-
.text-
|
|
4797
|
-
color: var(--color-
|
|
5863
|
+
.text-moss-base {
|
|
5864
|
+
color: var(--color-moss-base);
|
|
4798
5865
|
}
|
|
4799
|
-
.text-
|
|
4800
|
-
color: var(--color-
|
|
5866
|
+
.text-moss-pastel {
|
|
5867
|
+
color: var(--color-moss-pastel);
|
|
4801
5868
|
}
|
|
4802
|
-
.text-
|
|
4803
|
-
color: var(--color-
|
|
5869
|
+
.text-ocean-base {
|
|
5870
|
+
color: var(--color-ocean-base);
|
|
4804
5871
|
}
|
|
4805
|
-
.text-
|
|
4806
|
-
color: var(--color-
|
|
5872
|
+
.text-ocean-pastel {
|
|
5873
|
+
color: var(--color-ocean-pastel);
|
|
4807
5874
|
}
|
|
4808
|
-
.text-
|
|
4809
|
-
color: var(--color-
|
|
5875
|
+
.text-plum-base {
|
|
5876
|
+
color: var(--color-plum-base);
|
|
5877
|
+
}
|
|
5878
|
+
.text-plum-pastel {
|
|
5879
|
+
color: var(--color-plum-pastel);
|
|
4810
5880
|
}
|
|
4811
5881
|
.text-red-500 {
|
|
4812
5882
|
color: var(--color-red-500);
|
|
4813
5883
|
}
|
|
4814
|
-
.text-red-600 {
|
|
4815
|
-
color: var(--color-red-600);
|
|
4816
|
-
}
|
|
4817
|
-
.text-red-700 {
|
|
4818
|
-
color: var(--color-red-700);
|
|
4819
|
-
}
|
|
4820
5884
|
.text-red-800 {
|
|
4821
5885
|
color: var(--color-red-800);
|
|
4822
5886
|
}
|
|
4823
5887
|
.text-red-900 {
|
|
4824
5888
|
color: var(--color-red-900);
|
|
4825
5889
|
}
|
|
4826
|
-
.text-
|
|
4827
|
-
color: var(--color-
|
|
5890
|
+
.text-rose-base {
|
|
5891
|
+
color: var(--color-rose-base);
|
|
5892
|
+
}
|
|
5893
|
+
.text-rose-pastel {
|
|
5894
|
+
color: var(--color-rose-pastel);
|
|
5895
|
+
}
|
|
5896
|
+
.text-state-auto {
|
|
5897
|
+
color: var(--color-state-auto);
|
|
4828
5898
|
}
|
|
4829
5899
|
.text-state-auto-text {
|
|
4830
5900
|
color: var(--color-state-auto-text);
|
|
4831
5901
|
}
|
|
5902
|
+
.text-state-charging {
|
|
5903
|
+
color: var(--color-state-charging);
|
|
5904
|
+
}
|
|
4832
5905
|
.text-state-charging-text {
|
|
4833
5906
|
color: var(--color-state-charging-text);
|
|
4834
5907
|
}
|
|
5908
|
+
.text-state-circulate {
|
|
5909
|
+
color: var(--color-state-circulate);
|
|
5910
|
+
}
|
|
5911
|
+
.text-state-circulate-text {
|
|
5912
|
+
color: var(--color-state-circulate-text);
|
|
5913
|
+
}
|
|
5914
|
+
.text-state-cool {
|
|
5915
|
+
color: var(--color-state-cool);
|
|
5916
|
+
}
|
|
4835
5917
|
.text-state-cool-text {
|
|
4836
5918
|
color: var(--color-state-cool-text);
|
|
4837
5919
|
}
|
|
5920
|
+
.text-state-discharging {
|
|
5921
|
+
color: var(--color-state-discharging);
|
|
5922
|
+
}
|
|
4838
5923
|
.text-state-discharging-text {
|
|
4839
5924
|
color: var(--color-state-discharging-text);
|
|
4840
5925
|
}
|
|
5926
|
+
.text-state-eco {
|
|
5927
|
+
color: var(--color-state-eco);
|
|
5928
|
+
}
|
|
4841
5929
|
.text-state-eco-text {
|
|
4842
5930
|
color: var(--color-state-eco-text);
|
|
4843
5931
|
}
|
|
5932
|
+
.text-state-exporting {
|
|
5933
|
+
color: var(--color-state-exporting);
|
|
5934
|
+
}
|
|
4844
5935
|
.text-state-exporting-text {
|
|
4845
5936
|
color: var(--color-state-exporting-text);
|
|
4846
5937
|
}
|
|
5938
|
+
.text-state-heat {
|
|
5939
|
+
color: var(--color-state-heat);
|
|
5940
|
+
}
|
|
4847
5941
|
.text-state-heat-text {
|
|
4848
5942
|
color: var(--color-state-heat-text);
|
|
4849
5943
|
}
|
|
5944
|
+
.text-state-idle {
|
|
5945
|
+
color: var(--color-state-idle);
|
|
5946
|
+
}
|
|
4850
5947
|
.text-state-idle-text {
|
|
4851
5948
|
color: var(--color-state-idle-text);
|
|
4852
5949
|
}
|
|
5950
|
+
.text-state-importing {
|
|
5951
|
+
color: var(--color-state-importing);
|
|
5952
|
+
}
|
|
4853
5953
|
.text-state-importing-text {
|
|
4854
5954
|
color: var(--color-state-importing-text);
|
|
4855
5955
|
}
|
|
5956
|
+
.text-state-off {
|
|
5957
|
+
color: var(--color-state-off);
|
|
5958
|
+
}
|
|
4856
5959
|
.text-state-off-text {
|
|
4857
5960
|
color: var(--color-state-off-text);
|
|
4858
5961
|
}
|
|
5962
|
+
.text-state-on {
|
|
5963
|
+
color: var(--color-state-on);
|
|
5964
|
+
}
|
|
4859
5965
|
.text-state-on-text {
|
|
4860
5966
|
color: var(--color-state-on-text);
|
|
4861
5967
|
}
|
|
5968
|
+
.text-state-unknown {
|
|
5969
|
+
color: var(--color-state-unknown);
|
|
5970
|
+
}
|
|
4862
5971
|
.text-state-unknown-text {
|
|
4863
5972
|
color: var(--color-state-unknown-text);
|
|
4864
5973
|
}
|
|
5974
|
+
.text-success-base {
|
|
5975
|
+
color: var(--color-success-base);
|
|
5976
|
+
}
|
|
5977
|
+
.text-success-dark {
|
|
5978
|
+
color: var(--color-success-dark);
|
|
5979
|
+
}
|
|
5980
|
+
.text-success-light {
|
|
5981
|
+
color: var(--color-success-light);
|
|
5982
|
+
}
|
|
4865
5983
|
.text-text-body {
|
|
4866
5984
|
color: var(--color-text-body);
|
|
4867
5985
|
}
|
|
@@ -4874,44 +5992,365 @@
|
|
|
4874
5992
|
.text-text-heading {
|
|
4875
5993
|
color: var(--color-text-heading);
|
|
4876
5994
|
}
|
|
5995
|
+
.text-text-inverse {
|
|
5996
|
+
color: var(--color-text-inverse);
|
|
5997
|
+
}
|
|
5998
|
+
.text-text-inverse\/90 {
|
|
5999
|
+
color: color-mix(in srgb, #ffffff 90%, transparent);
|
|
6000
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6001
|
+
color: color-mix(in oklab, var(--color-text-inverse) 90%, transparent);
|
|
6002
|
+
}
|
|
6003
|
+
}
|
|
6004
|
+
.text-text-label {
|
|
6005
|
+
color: var(--color-text-label);
|
|
6006
|
+
}
|
|
4877
6007
|
.text-text-link-default {
|
|
4878
6008
|
color: var(--color-text-link-default);
|
|
4879
6009
|
}
|
|
6010
|
+
.text-text-link-hover {
|
|
6011
|
+
color: var(--color-text-link-hover);
|
|
6012
|
+
}
|
|
4880
6013
|
.text-text-muted {
|
|
4881
6014
|
color: var(--color-text-muted);
|
|
4882
6015
|
}
|
|
6016
|
+
.text-text-onBrand {
|
|
6017
|
+
color: var(--color-text-onBrand);
|
|
6018
|
+
}
|
|
4883
6019
|
.text-text-onPrimary {
|
|
4884
6020
|
color: var(--color-text-onPrimary);
|
|
4885
6021
|
}
|
|
4886
6022
|
.text-text-placeholder {
|
|
4887
6023
|
color: var(--color-text-placeholder);
|
|
4888
6024
|
}
|
|
6025
|
+
.text-text-primary {
|
|
6026
|
+
color: var(--color-text-primary);
|
|
6027
|
+
}
|
|
6028
|
+
.text-text-secondary {
|
|
6029
|
+
color: var(--color-text-secondary);
|
|
6030
|
+
}
|
|
4889
6031
|
.text-text-subtle {
|
|
4890
6032
|
color: var(--color-text-subtle);
|
|
4891
6033
|
}
|
|
4892
|
-
.text-
|
|
4893
|
-
color: var(--color-
|
|
6034
|
+
.text-viz-categorical-1 {
|
|
6035
|
+
color: var(--color-viz-categorical-1);
|
|
4894
6036
|
}
|
|
4895
|
-
.text-
|
|
4896
|
-
color: color-
|
|
4897
|
-
|
|
4898
|
-
|
|
4899
|
-
|
|
6037
|
+
.text-viz-categorical-2 {
|
|
6038
|
+
color: var(--color-viz-categorical-2);
|
|
6039
|
+
}
|
|
6040
|
+
.text-viz-categorical-3 {
|
|
6041
|
+
color: var(--color-viz-categorical-3);
|
|
6042
|
+
}
|
|
6043
|
+
.text-viz-categorical-4 {
|
|
6044
|
+
color: var(--color-viz-categorical-4);
|
|
6045
|
+
}
|
|
6046
|
+
.text-viz-categorical-5 {
|
|
6047
|
+
color: var(--color-viz-categorical-5);
|
|
6048
|
+
}
|
|
6049
|
+
.text-viz-categorical-6 {
|
|
6050
|
+
color: var(--color-viz-categorical-6);
|
|
6051
|
+
}
|
|
6052
|
+
.text-viz-categorical-7 {
|
|
6053
|
+
color: var(--color-viz-categorical-7);
|
|
6054
|
+
}
|
|
6055
|
+
.text-viz-categorical-8 {
|
|
6056
|
+
color: var(--color-viz-categorical-8);
|
|
6057
|
+
}
|
|
6058
|
+
.text-viz-categorical-9 {
|
|
6059
|
+
color: var(--color-viz-categorical-9);
|
|
6060
|
+
}
|
|
6061
|
+
.text-viz-categorical-10 {
|
|
6062
|
+
color: var(--color-viz-categorical-10);
|
|
6063
|
+
}
|
|
6064
|
+
.text-viz-categorical-11 {
|
|
6065
|
+
color: var(--color-viz-categorical-11);
|
|
6066
|
+
}
|
|
6067
|
+
.text-viz-categorical-12 {
|
|
6068
|
+
color: var(--color-viz-categorical-12);
|
|
6069
|
+
}
|
|
6070
|
+
.text-viz-default {
|
|
6071
|
+
color: var(--color-viz-default);
|
|
6072
|
+
}
|
|
6073
|
+
.text-viz-diverging-orange-yellow-seafoam-1 {
|
|
6074
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-1);
|
|
6075
|
+
}
|
|
6076
|
+
.text-viz-diverging-orange-yellow-seafoam-2 {
|
|
6077
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-2);
|
|
6078
|
+
}
|
|
6079
|
+
.text-viz-diverging-orange-yellow-seafoam-3 {
|
|
6080
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-3);
|
|
6081
|
+
}
|
|
6082
|
+
.text-viz-diverging-orange-yellow-seafoam-4 {
|
|
6083
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-4);
|
|
6084
|
+
}
|
|
6085
|
+
.text-viz-diverging-orange-yellow-seafoam-5 {
|
|
6086
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-5);
|
|
6087
|
+
}
|
|
6088
|
+
.text-viz-diverging-orange-yellow-seafoam-6 {
|
|
6089
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-6);
|
|
6090
|
+
}
|
|
6091
|
+
.text-viz-diverging-orange-yellow-seafoam-7 {
|
|
6092
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-7);
|
|
6093
|
+
}
|
|
6094
|
+
.text-viz-diverging-orange-yellow-seafoam-8 {
|
|
6095
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-8);
|
|
6096
|
+
}
|
|
6097
|
+
.text-viz-diverging-orange-yellow-seafoam-9 {
|
|
6098
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-9);
|
|
6099
|
+
}
|
|
6100
|
+
.text-viz-diverging-orange-yellow-seafoam-10 {
|
|
6101
|
+
color: var(--color-viz-diverging-orange-yellow-seafoam-10);
|
|
6102
|
+
}
|
|
6103
|
+
.text-viz-diverging-red-blue-1 {
|
|
6104
|
+
color: var(--color-viz-diverging-red-blue-1);
|
|
6105
|
+
}
|
|
6106
|
+
.text-viz-diverging-red-blue-2 {
|
|
6107
|
+
color: var(--color-viz-diverging-red-blue-2);
|
|
6108
|
+
}
|
|
6109
|
+
.text-viz-diverging-red-blue-3 {
|
|
6110
|
+
color: var(--color-viz-diverging-red-blue-3);
|
|
6111
|
+
}
|
|
6112
|
+
.text-viz-diverging-red-blue-4 {
|
|
6113
|
+
color: var(--color-viz-diverging-red-blue-4);
|
|
6114
|
+
}
|
|
6115
|
+
.text-viz-diverging-red-blue-5 {
|
|
6116
|
+
color: var(--color-viz-diverging-red-blue-5);
|
|
6117
|
+
}
|
|
6118
|
+
.text-viz-diverging-red-blue-6 {
|
|
6119
|
+
color: var(--color-viz-diverging-red-blue-6);
|
|
6120
|
+
}
|
|
6121
|
+
.text-viz-diverging-red-blue-7 {
|
|
6122
|
+
color: var(--color-viz-diverging-red-blue-7);
|
|
6123
|
+
}
|
|
6124
|
+
.text-viz-diverging-red-blue-8 {
|
|
6125
|
+
color: var(--color-viz-diverging-red-blue-8);
|
|
6126
|
+
}
|
|
6127
|
+
.text-viz-diverging-red-blue-9 {
|
|
6128
|
+
color: var(--color-viz-diverging-red-blue-9);
|
|
6129
|
+
}
|
|
6130
|
+
.text-viz-diverging-red-blue-10 {
|
|
6131
|
+
color: var(--color-viz-diverging-red-blue-10);
|
|
6132
|
+
}
|
|
6133
|
+
.text-viz-diverging-red-yellow-blue-1 {
|
|
6134
|
+
color: var(--color-viz-diverging-red-yellow-blue-1);
|
|
6135
|
+
}
|
|
6136
|
+
.text-viz-diverging-red-yellow-blue-2 {
|
|
6137
|
+
color: var(--color-viz-diverging-red-yellow-blue-2);
|
|
6138
|
+
}
|
|
6139
|
+
.text-viz-diverging-red-yellow-blue-3 {
|
|
6140
|
+
color: var(--color-viz-diverging-red-yellow-blue-3);
|
|
6141
|
+
}
|
|
6142
|
+
.text-viz-diverging-red-yellow-blue-4 {
|
|
6143
|
+
color: var(--color-viz-diverging-red-yellow-blue-4);
|
|
6144
|
+
}
|
|
6145
|
+
.text-viz-diverging-red-yellow-blue-5 {
|
|
6146
|
+
color: var(--color-viz-diverging-red-yellow-blue-5);
|
|
6147
|
+
}
|
|
6148
|
+
.text-viz-diverging-red-yellow-blue-6 {
|
|
6149
|
+
color: var(--color-viz-diverging-red-yellow-blue-6);
|
|
6150
|
+
}
|
|
6151
|
+
.text-viz-diverging-red-yellow-blue-7 {
|
|
6152
|
+
color: var(--color-viz-diverging-red-yellow-blue-7);
|
|
6153
|
+
}
|
|
6154
|
+
.text-viz-diverging-red-yellow-blue-8 {
|
|
6155
|
+
color: var(--color-viz-diverging-red-yellow-blue-8);
|
|
6156
|
+
}
|
|
6157
|
+
.text-viz-diverging-red-yellow-blue-9 {
|
|
6158
|
+
color: var(--color-viz-diverging-red-yellow-blue-9);
|
|
6159
|
+
}
|
|
6160
|
+
.text-viz-diverging-red-yellow-blue-10 {
|
|
6161
|
+
color: var(--color-viz-diverging-red-yellow-blue-10);
|
|
6162
|
+
}
|
|
6163
|
+
.text-viz-sequential-cerulean-1 {
|
|
6164
|
+
color: var(--color-viz-sequential-cerulean-1);
|
|
6165
|
+
}
|
|
6166
|
+
.text-viz-sequential-cerulean-2 {
|
|
6167
|
+
color: var(--color-viz-sequential-cerulean-2);
|
|
6168
|
+
}
|
|
6169
|
+
.text-viz-sequential-cerulean-3 {
|
|
6170
|
+
color: var(--color-viz-sequential-cerulean-3);
|
|
6171
|
+
}
|
|
6172
|
+
.text-viz-sequential-cerulean-4 {
|
|
6173
|
+
color: var(--color-viz-sequential-cerulean-4);
|
|
6174
|
+
}
|
|
6175
|
+
.text-viz-sequential-cerulean-5 {
|
|
6176
|
+
color: var(--color-viz-sequential-cerulean-5);
|
|
6177
|
+
}
|
|
6178
|
+
.text-viz-sequential-cerulean-6 {
|
|
6179
|
+
color: var(--color-viz-sequential-cerulean-6);
|
|
6180
|
+
}
|
|
6181
|
+
.text-viz-sequential-cerulean-7 {
|
|
6182
|
+
color: var(--color-viz-sequential-cerulean-7);
|
|
6183
|
+
}
|
|
6184
|
+
.text-viz-sequential-cerulean-8 {
|
|
6185
|
+
color: var(--color-viz-sequential-cerulean-8);
|
|
6186
|
+
}
|
|
6187
|
+
.text-viz-sequential-cerulean-9 {
|
|
6188
|
+
color: var(--color-viz-sequential-cerulean-9);
|
|
6189
|
+
}
|
|
6190
|
+
.text-viz-sequential-cerulean-10 {
|
|
6191
|
+
color: var(--color-viz-sequential-cerulean-10);
|
|
6192
|
+
}
|
|
6193
|
+
.text-viz-sequential-forest-1 {
|
|
6194
|
+
color: var(--color-viz-sequential-forest-1);
|
|
6195
|
+
}
|
|
6196
|
+
.text-viz-sequential-forest-2 {
|
|
6197
|
+
color: var(--color-viz-sequential-forest-2);
|
|
6198
|
+
}
|
|
6199
|
+
.text-viz-sequential-forest-3 {
|
|
6200
|
+
color: var(--color-viz-sequential-forest-3);
|
|
6201
|
+
}
|
|
6202
|
+
.text-viz-sequential-forest-4 {
|
|
6203
|
+
color: var(--color-viz-sequential-forest-4);
|
|
6204
|
+
}
|
|
6205
|
+
.text-viz-sequential-forest-5 {
|
|
6206
|
+
color: var(--color-viz-sequential-forest-5);
|
|
6207
|
+
}
|
|
6208
|
+
.text-viz-sequential-forest-6 {
|
|
6209
|
+
color: var(--color-viz-sequential-forest-6);
|
|
6210
|
+
}
|
|
6211
|
+
.text-viz-sequential-forest-7 {
|
|
6212
|
+
color: var(--color-viz-sequential-forest-7);
|
|
6213
|
+
}
|
|
6214
|
+
.text-viz-sequential-forest-8 {
|
|
6215
|
+
color: var(--color-viz-sequential-forest-8);
|
|
6216
|
+
}
|
|
6217
|
+
.text-viz-sequential-forest-9 {
|
|
6218
|
+
color: var(--color-viz-sequential-forest-9);
|
|
6219
|
+
}
|
|
6220
|
+
.text-viz-sequential-forest-10 {
|
|
6221
|
+
color: var(--color-viz-sequential-forest-10);
|
|
6222
|
+
}
|
|
6223
|
+
.text-viz-sequential-magma-1 {
|
|
6224
|
+
color: var(--color-viz-sequential-magma-1);
|
|
6225
|
+
}
|
|
6226
|
+
.text-viz-sequential-magma-2 {
|
|
6227
|
+
color: var(--color-viz-sequential-magma-2);
|
|
6228
|
+
}
|
|
6229
|
+
.text-viz-sequential-magma-3 {
|
|
6230
|
+
color: var(--color-viz-sequential-magma-3);
|
|
6231
|
+
}
|
|
6232
|
+
.text-viz-sequential-magma-4 {
|
|
6233
|
+
color: var(--color-viz-sequential-magma-4);
|
|
6234
|
+
}
|
|
6235
|
+
.text-viz-sequential-magma-5 {
|
|
6236
|
+
color: var(--color-viz-sequential-magma-5);
|
|
6237
|
+
}
|
|
6238
|
+
.text-viz-sequential-magma-6 {
|
|
6239
|
+
color: var(--color-viz-sequential-magma-6);
|
|
6240
|
+
}
|
|
6241
|
+
.text-viz-sequential-magma-7 {
|
|
6242
|
+
color: var(--color-viz-sequential-magma-7);
|
|
6243
|
+
}
|
|
6244
|
+
.text-viz-sequential-magma-8 {
|
|
6245
|
+
color: var(--color-viz-sequential-magma-8);
|
|
6246
|
+
}
|
|
6247
|
+
.text-viz-sequential-magma-9 {
|
|
6248
|
+
color: var(--color-viz-sequential-magma-9);
|
|
6249
|
+
}
|
|
6250
|
+
.text-viz-sequential-magma-10 {
|
|
6251
|
+
color: var(--color-viz-sequential-magma-10);
|
|
6252
|
+
}
|
|
6253
|
+
.text-viz-sequential-red-yellow-green-1 {
|
|
6254
|
+
color: var(--color-viz-sequential-red-yellow-green-1);
|
|
6255
|
+
}
|
|
6256
|
+
.text-viz-sequential-red-yellow-green-2 {
|
|
6257
|
+
color: var(--color-viz-sequential-red-yellow-green-2);
|
|
6258
|
+
}
|
|
6259
|
+
.text-viz-sequential-red-yellow-green-3 {
|
|
6260
|
+
color: var(--color-viz-sequential-red-yellow-green-3);
|
|
6261
|
+
}
|
|
6262
|
+
.text-viz-sequential-red-yellow-green-4 {
|
|
6263
|
+
color: var(--color-viz-sequential-red-yellow-green-4);
|
|
6264
|
+
}
|
|
6265
|
+
.text-viz-sequential-red-yellow-green-5 {
|
|
6266
|
+
color: var(--color-viz-sequential-red-yellow-green-5);
|
|
6267
|
+
}
|
|
6268
|
+
.text-viz-sequential-red-yellow-green-6 {
|
|
6269
|
+
color: var(--color-viz-sequential-red-yellow-green-6);
|
|
4900
6270
|
}
|
|
4901
|
-
.text-yellow-
|
|
4902
|
-
color: var(--color-yellow-
|
|
6271
|
+
.text-viz-sequential-red-yellow-green-7 {
|
|
6272
|
+
color: var(--color-viz-sequential-red-yellow-green-7);
|
|
4903
6273
|
}
|
|
4904
|
-
.text-yellow-
|
|
4905
|
-
color: var(--color-yellow-
|
|
6274
|
+
.text-viz-sequential-red-yellow-green-8 {
|
|
6275
|
+
color: var(--color-viz-sequential-red-yellow-green-8);
|
|
4906
6276
|
}
|
|
4907
|
-
.text-yellow-
|
|
4908
|
-
color: var(--color-yellow-
|
|
6277
|
+
.text-viz-sequential-red-yellow-green-9 {
|
|
6278
|
+
color: var(--color-viz-sequential-red-yellow-green-9);
|
|
4909
6279
|
}
|
|
4910
|
-
.text-yellow-
|
|
4911
|
-
color: var(--color-yellow-
|
|
6280
|
+
.text-viz-sequential-red-yellow-green-10 {
|
|
6281
|
+
color: var(--color-viz-sequential-red-yellow-green-10);
|
|
4912
6282
|
}
|
|
4913
|
-
.text-
|
|
4914
|
-
color: var(--color-
|
|
6283
|
+
.text-viz-sequential-rose-1 {
|
|
6284
|
+
color: var(--color-viz-sequential-rose-1);
|
|
6285
|
+
}
|
|
6286
|
+
.text-viz-sequential-rose-2 {
|
|
6287
|
+
color: var(--color-viz-sequential-rose-2);
|
|
6288
|
+
}
|
|
6289
|
+
.text-viz-sequential-rose-3 {
|
|
6290
|
+
color: var(--color-viz-sequential-rose-3);
|
|
6291
|
+
}
|
|
6292
|
+
.text-viz-sequential-rose-4 {
|
|
6293
|
+
color: var(--color-viz-sequential-rose-4);
|
|
6294
|
+
}
|
|
6295
|
+
.text-viz-sequential-rose-5 {
|
|
6296
|
+
color: var(--color-viz-sequential-rose-5);
|
|
6297
|
+
}
|
|
6298
|
+
.text-viz-sequential-rose-6 {
|
|
6299
|
+
color: var(--color-viz-sequential-rose-6);
|
|
6300
|
+
}
|
|
6301
|
+
.text-viz-sequential-rose-7 {
|
|
6302
|
+
color: var(--color-viz-sequential-rose-7);
|
|
6303
|
+
}
|
|
6304
|
+
.text-viz-sequential-rose-8 {
|
|
6305
|
+
color: var(--color-viz-sequential-rose-8);
|
|
6306
|
+
}
|
|
6307
|
+
.text-viz-sequential-rose-9 {
|
|
6308
|
+
color: var(--color-viz-sequential-rose-9);
|
|
6309
|
+
}
|
|
6310
|
+
.text-viz-sequential-rose-10 {
|
|
6311
|
+
color: var(--color-viz-sequential-rose-10);
|
|
6312
|
+
}
|
|
6313
|
+
.text-viz-sequential-viridis-1 {
|
|
6314
|
+
color: var(--color-viz-sequential-viridis-1);
|
|
6315
|
+
}
|
|
6316
|
+
.text-viz-sequential-viridis-2 {
|
|
6317
|
+
color: var(--color-viz-sequential-viridis-2);
|
|
6318
|
+
}
|
|
6319
|
+
.text-viz-sequential-viridis-3 {
|
|
6320
|
+
color: var(--color-viz-sequential-viridis-3);
|
|
6321
|
+
}
|
|
6322
|
+
.text-viz-sequential-viridis-4 {
|
|
6323
|
+
color: var(--color-viz-sequential-viridis-4);
|
|
6324
|
+
}
|
|
6325
|
+
.text-viz-sequential-viridis-5 {
|
|
6326
|
+
color: var(--color-viz-sequential-viridis-5);
|
|
6327
|
+
}
|
|
6328
|
+
.text-viz-sequential-viridis-6 {
|
|
6329
|
+
color: var(--color-viz-sequential-viridis-6);
|
|
6330
|
+
}
|
|
6331
|
+
.text-viz-sequential-viridis-7 {
|
|
6332
|
+
color: var(--color-viz-sequential-viridis-7);
|
|
6333
|
+
}
|
|
6334
|
+
.text-viz-sequential-viridis-8 {
|
|
6335
|
+
color: var(--color-viz-sequential-viridis-8);
|
|
6336
|
+
}
|
|
6337
|
+
.text-viz-sequential-viridis-9 {
|
|
6338
|
+
color: var(--color-viz-sequential-viridis-9);
|
|
6339
|
+
}
|
|
6340
|
+
.text-viz-sequential-viridis-10 {
|
|
6341
|
+
color: var(--color-viz-sequential-viridis-10);
|
|
6342
|
+
}
|
|
6343
|
+
.text-warning-base {
|
|
6344
|
+
color: var(--color-warning-base);
|
|
6345
|
+
}
|
|
6346
|
+
.text-warning-dark {
|
|
6347
|
+
color: var(--color-warning-dark);
|
|
6348
|
+
}
|
|
6349
|
+
.text-warning-light {
|
|
6350
|
+
color: var(--color-warning-light);
|
|
6351
|
+
}
|
|
6352
|
+
.text-white {
|
|
6353
|
+
color: var(--color-white);
|
|
4915
6354
|
}
|
|
4916
6355
|
.capitalize {
|
|
4917
6356
|
text-transform: capitalize;
|
|
@@ -4943,7 +6382,7 @@
|
|
|
4943
6382
|
text-decoration-color: currentcolor;
|
|
4944
6383
|
}
|
|
4945
6384
|
.decoration-text-link-default\/30 {
|
|
4946
|
-
text-decoration-color: color-mix(in srgb, #
|
|
6385
|
+
text-decoration-color: color-mix(in srgb, #2c2a26 30%, transparent);
|
|
4947
6386
|
@supports (color: color-mix(in lab, red, red)) {
|
|
4948
6387
|
text-decoration-color: color-mix(in oklab, var(--color-text-link-default) 30%, transparent);
|
|
4949
6388
|
}
|
|
@@ -4960,14 +6399,6 @@
|
|
|
4960
6399
|
.underline-offset-4 {
|
|
4961
6400
|
text-underline-offset: 4px;
|
|
4962
6401
|
}
|
|
4963
|
-
.placeholder-text-muted {
|
|
4964
|
-
&::-moz-placeholder {
|
|
4965
|
-
color: var(--color-text-muted);
|
|
4966
|
-
}
|
|
4967
|
-
&::placeholder {
|
|
4968
|
-
color: var(--color-text-muted);
|
|
4969
|
-
}
|
|
4970
|
-
}
|
|
4971
6402
|
.opacity-0 {
|
|
4972
6403
|
opacity: 0%;
|
|
4973
6404
|
}
|
|
@@ -5029,10 +6460,6 @@
|
|
|
5029
6460
|
--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-feedback-error-border));
|
|
5030
6461
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5031
6462
|
}
|
|
5032
|
-
.shadow-\[inset_0_1px_0_0_theme\(colors\.gray\.600\)\] {
|
|
5033
|
-
--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, #5d5b56);
|
|
5034
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5035
|
-
}
|
|
5036
6463
|
.shadow-inner {
|
|
5037
6464
|
--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
5038
6465
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -5049,10 +6476,6 @@
|
|
|
5049
6476
|
--tw-shadow: 0 0 #0000;
|
|
5050
6477
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5051
6478
|
}
|
|
5052
|
-
.shadow-overflow {
|
|
5053
|
-
--tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.10));
|
|
5054
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5055
|
-
}
|
|
5056
6479
|
.shadow-sm {
|
|
5057
6480
|
--tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
|
|
5058
6481
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -5061,10 +6484,6 @@
|
|
|
5061
6484
|
--tw-shadow: 0 20px 48px var(--tw-shadow-color, rgba(0, 0, 0, 0.16)), 0 8px 16px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));
|
|
5062
6485
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5063
6486
|
}
|
|
5064
|
-
.shadow-xs {
|
|
5065
|
-
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));
|
|
5066
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5067
|
-
}
|
|
5068
6487
|
.\!ring-0 {
|
|
5069
6488
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
|
|
5070
6489
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
|
|
@@ -5097,6 +6516,9 @@
|
|
|
5097
6516
|
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
|
|
5098
6517
|
}
|
|
5099
6518
|
}
|
|
6519
|
+
.ring-action-primary {
|
|
6520
|
+
--tw-ring-color: var(--color-action-primary);
|
|
6521
|
+
}
|
|
5100
6522
|
.ring-background-surface {
|
|
5101
6523
|
--tw-ring-color: var(--color-background-surface);
|
|
5102
6524
|
}
|
|
@@ -5112,9 +6534,6 @@
|
|
|
5112
6534
|
.ring-border-muted {
|
|
5113
6535
|
--tw-ring-color: var(--color-border-muted);
|
|
5114
6536
|
}
|
|
5115
|
-
.ring-gray-200 {
|
|
5116
|
-
--tw-ring-color: var(--color-gray-200);
|
|
5117
|
-
}
|
|
5118
6537
|
.ring-offset-2 {
|
|
5119
6538
|
--tw-ring-offset-width: 2px;
|
|
5120
6539
|
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
@@ -5292,9 +6711,9 @@
|
|
|
5292
6711
|
.ring-inset {
|
|
5293
6712
|
--tw-ring-inset: inset;
|
|
5294
6713
|
}
|
|
5295
|
-
.group-invalid\:bg-
|
|
6714
|
+
.group-invalid\:bg-feedback-error-border {
|
|
5296
6715
|
&:is(:where(.group):invalid *) {
|
|
5297
|
-
background-color: var(--color-
|
|
6716
|
+
background-color: var(--color-feedback-error-border);
|
|
5298
6717
|
}
|
|
5299
6718
|
}
|
|
5300
6719
|
.group-invalid\:outline-2 {
|
|
@@ -5332,6 +6751,13 @@
|
|
|
5332
6751
|
}
|
|
5333
6752
|
}
|
|
5334
6753
|
}
|
|
6754
|
+
.group-hover\:bg-action-brand-hover {
|
|
6755
|
+
&:is(:where(.group):hover *) {
|
|
6756
|
+
@media (hover: hover) {
|
|
6757
|
+
background-color: var(--color-action-brand-hover);
|
|
6758
|
+
}
|
|
6759
|
+
}
|
|
6760
|
+
}
|
|
5335
6761
|
.group-hover\:bg-action-brand\/50 {
|
|
5336
6762
|
&:is(:where(.group):hover *) {
|
|
5337
6763
|
@media (hover: hover) {
|
|
@@ -5356,44 +6782,17 @@
|
|
|
5356
6782
|
}
|
|
5357
6783
|
}
|
|
5358
6784
|
}
|
|
5359
|
-
.group-hover\:
|
|
5360
|
-
&:is(:where(.group):hover *) {
|
|
5361
|
-
@media (hover: hover) {
|
|
5362
|
-
background-color: color-mix(in srgb, #111111 15%, transparent);
|
|
5363
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5364
|
-
background-color: color-mix(in oklab, var(--color-brand-primary) 15%, transparent);
|
|
5365
|
-
}
|
|
5366
|
-
}
|
|
5367
|
-
}
|
|
5368
|
-
}
|
|
5369
|
-
.group-hover\:bg-brand-primary\/90 {
|
|
6785
|
+
.group-hover\:text-text-link-hover {
|
|
5370
6786
|
&:is(:where(.group):hover *) {
|
|
5371
6787
|
@media (hover: hover) {
|
|
5372
|
-
|
|
5373
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5374
|
-
background-color: color-mix(in oklab, var(--color-brand-primary) 90%, transparent);
|
|
5375
|
-
}
|
|
5376
|
-
}
|
|
5377
|
-
}
|
|
5378
|
-
}
|
|
5379
|
-
.group-hover\:bg-gray-200 {
|
|
5380
|
-
&:is(:where(.group):hover *) {
|
|
5381
|
-
@media (hover: hover) {
|
|
5382
|
-
background-color: var(--color-gray-200);
|
|
5383
|
-
}
|
|
5384
|
-
}
|
|
5385
|
-
}
|
|
5386
|
-
.group-hover\:text-brand-primary {
|
|
5387
|
-
&:is(:where(.group):hover *) {
|
|
5388
|
-
@media (hover: hover) {
|
|
5389
|
-
color: var(--color-brand-primary);
|
|
6788
|
+
color: var(--color-text-link-hover);
|
|
5390
6789
|
}
|
|
5391
6790
|
}
|
|
5392
6791
|
}
|
|
5393
|
-
.group-hover\:text-text-
|
|
6792
|
+
.group-hover\:text-text-primary {
|
|
5394
6793
|
&:is(:where(.group):hover *) {
|
|
5395
6794
|
@media (hover: hover) {
|
|
5396
|
-
color: var(--color-text-
|
|
6795
|
+
color: var(--color-text-primary);
|
|
5397
6796
|
}
|
|
5398
6797
|
}
|
|
5399
6798
|
}
|
|
@@ -5404,11 +6803,11 @@
|
|
|
5404
6803
|
}
|
|
5405
6804
|
}
|
|
5406
6805
|
}
|
|
5407
|
-
.group-invalid\:group-hover\:bg-
|
|
6806
|
+
.group-invalid\:group-hover\:bg-feedback-error-background {
|
|
5408
6807
|
&:is(:where(.group):invalid *) {
|
|
5409
6808
|
&:is(:where(.group):hover *) {
|
|
5410
6809
|
@media (hover: hover) {
|
|
5411
|
-
background-color: var(--color-
|
|
6810
|
+
background-color: var(--color-feedback-error-background);
|
|
5412
6811
|
}
|
|
5413
6812
|
}
|
|
5414
6813
|
}
|
|
@@ -5418,11 +6817,6 @@
|
|
|
5418
6817
|
opacity: 100%;
|
|
5419
6818
|
}
|
|
5420
6819
|
}
|
|
5421
|
-
.group-disabled\:text-gray-200 {
|
|
5422
|
-
&:is(:where(.group):disabled *) {
|
|
5423
|
-
color: var(--color-gray-200);
|
|
5424
|
-
}
|
|
5425
|
-
}
|
|
5426
6820
|
.group-disabled\:text-text-disabled {
|
|
5427
6821
|
&:is(:where(.group):disabled *) {
|
|
5428
6822
|
color: var(--color-text-disabled);
|
|
@@ -5459,12 +6853,20 @@
|
|
|
5459
6853
|
opacity: 100%;
|
|
5460
6854
|
}
|
|
5461
6855
|
}
|
|
5462
|
-
.placeholder\:text-text-
|
|
6856
|
+
.placeholder\:text-text-disabled {
|
|
5463
6857
|
&::-moz-placeholder {
|
|
5464
|
-
color: var(--color-text-
|
|
6858
|
+
color: var(--color-text-disabled);
|
|
5465
6859
|
}
|
|
5466
6860
|
&::placeholder {
|
|
5467
|
-
color: var(--color-text-
|
|
6861
|
+
color: var(--color-text-disabled);
|
|
6862
|
+
}
|
|
6863
|
+
}
|
|
6864
|
+
.placeholder\:text-text-secondary {
|
|
6865
|
+
&::-moz-placeholder {
|
|
6866
|
+
color: var(--color-text-secondary);
|
|
6867
|
+
}
|
|
6868
|
+
&::placeholder {
|
|
6869
|
+
color: var(--color-text-secondary);
|
|
5468
6870
|
}
|
|
5469
6871
|
}
|
|
5470
6872
|
.before\:absolute {
|
|
@@ -5644,14 +7046,19 @@
|
|
|
5644
7046
|
padding-right: var(--spacing-0);
|
|
5645
7047
|
}
|
|
5646
7048
|
}
|
|
5647
|
-
.visited\:text-action-
|
|
7049
|
+
.visited\:text-action-primary {
|
|
7050
|
+
&:visited {
|
|
7051
|
+
color: var(--color-action-primary);
|
|
7052
|
+
}
|
|
7053
|
+
}
|
|
7054
|
+
.visited\:text-text-link-default {
|
|
5648
7055
|
&:visited {
|
|
5649
|
-
color: var(--color-
|
|
7056
|
+
color: var(--color-text-link-default);
|
|
5650
7057
|
}
|
|
5651
7058
|
}
|
|
5652
|
-
.visited\:text-text-
|
|
7059
|
+
.visited\:text-text-secondary {
|
|
5653
7060
|
&:visited {
|
|
5654
|
-
color: var(--color-text-
|
|
7061
|
+
color: var(--color-text-secondary);
|
|
5655
7062
|
}
|
|
5656
7063
|
}
|
|
5657
7064
|
.invalid\:bg-feedback-error-border {
|
|
@@ -5740,6 +7147,13 @@
|
|
|
5740
7147
|
}
|
|
5741
7148
|
}
|
|
5742
7149
|
}
|
|
7150
|
+
.hover\:border-action-primary-hover {
|
|
7151
|
+
&:hover {
|
|
7152
|
+
@media (hover: hover) {
|
|
7153
|
+
border-color: var(--color-action-primary-hover);
|
|
7154
|
+
}
|
|
7155
|
+
}
|
|
7156
|
+
}
|
|
5743
7157
|
.hover\:border-border-default {
|
|
5744
7158
|
&:hover {
|
|
5745
7159
|
@media (hover: hover) {
|
|
@@ -5754,54 +7168,85 @@
|
|
|
5754
7168
|
}
|
|
5755
7169
|
}
|
|
5756
7170
|
}
|
|
5757
|
-
.hover\:bg-action-brand-hover {
|
|
7171
|
+
.hover\:bg-action-brand-hover {
|
|
7172
|
+
&:hover {
|
|
7173
|
+
@media (hover: hover) {
|
|
7174
|
+
background-color: var(--color-action-brand-hover);
|
|
7175
|
+
}
|
|
7176
|
+
}
|
|
7177
|
+
}
|
|
7178
|
+
.hover\:bg-action-brand\/90 {
|
|
7179
|
+
&:hover {
|
|
7180
|
+
@media (hover: hover) {
|
|
7181
|
+
background-color: color-mix(in srgb, #111111 90%, transparent);
|
|
7182
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7183
|
+
background-color: color-mix(in oklab, var(--color-action-brand) 90%, transparent);
|
|
7184
|
+
}
|
|
7185
|
+
}
|
|
7186
|
+
}
|
|
7187
|
+
}
|
|
7188
|
+
.hover\:bg-action-default-hover {
|
|
7189
|
+
&:hover {
|
|
7190
|
+
@media (hover: hover) {
|
|
7191
|
+
background-color: var(--color-action-default-hover);
|
|
7192
|
+
}
|
|
7193
|
+
}
|
|
7194
|
+
}
|
|
7195
|
+
.hover\:bg-action-destructive-hover {
|
|
7196
|
+
&:hover {
|
|
7197
|
+
@media (hover: hover) {
|
|
7198
|
+
background-color: var(--color-action-destructive-hover);
|
|
7199
|
+
}
|
|
7200
|
+
}
|
|
7201
|
+
}
|
|
7202
|
+
.hover\:bg-action-primary-hover {
|
|
5758
7203
|
&:hover {
|
|
5759
7204
|
@media (hover: hover) {
|
|
5760
|
-
background-color: var(--color-action-
|
|
7205
|
+
background-color: var(--color-action-primary-hover);
|
|
5761
7206
|
}
|
|
5762
7207
|
}
|
|
5763
7208
|
}
|
|
5764
|
-
.hover\:bg-action-
|
|
7209
|
+
.hover\:bg-action-primary\/15 {
|
|
5765
7210
|
&:hover {
|
|
5766
7211
|
@media (hover: hover) {
|
|
5767
7212
|
background-color: color-mix(in srgb, #111111 15%, transparent);
|
|
5768
7213
|
@supports (color: color-mix(in lab, red, red)) {
|
|
5769
|
-
background-color: color-mix(in oklab, var(--color-action-
|
|
7214
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 15%, transparent);
|
|
5770
7215
|
}
|
|
5771
7216
|
}
|
|
5772
7217
|
}
|
|
5773
7218
|
}
|
|
5774
|
-
.hover\:bg-action-
|
|
7219
|
+
.hover\:bg-action-primary\/90 {
|
|
5775
7220
|
&:hover {
|
|
5776
7221
|
@media (hover: hover) {
|
|
5777
7222
|
background-color: color-mix(in srgb, #111111 90%, transparent);
|
|
5778
7223
|
@supports (color: color-mix(in lab, red, red)) {
|
|
5779
|
-
background-color: color-mix(in oklab, var(--color-action-
|
|
7224
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 90%, transparent);
|
|
5780
7225
|
}
|
|
5781
7226
|
}
|
|
5782
7227
|
}
|
|
5783
7228
|
}
|
|
5784
|
-
.hover\:bg-action-
|
|
7229
|
+
.hover\:bg-action-secondary-hover {
|
|
5785
7230
|
&:hover {
|
|
5786
7231
|
@media (hover: hover) {
|
|
5787
|
-
background-color: var(--color-action-
|
|
7232
|
+
background-color: var(--color-action-secondary-hover);
|
|
5788
7233
|
}
|
|
5789
7234
|
}
|
|
5790
7235
|
}
|
|
5791
|
-
.hover\:bg-
|
|
7236
|
+
.hover\:bg-background-hover {
|
|
5792
7237
|
&:hover {
|
|
5793
7238
|
@media (hover: hover) {
|
|
5794
|
-
background-color: color-
|
|
5795
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5796
|
-
background-color: color-mix(in oklab, var(--color-action-default) 90%, transparent);
|
|
5797
|
-
}
|
|
7239
|
+
background-color: var(--color-background-hover);
|
|
5798
7240
|
}
|
|
5799
7241
|
}
|
|
5800
7242
|
}
|
|
5801
|
-
.hover\:bg-background-
|
|
7243
|
+
.hover\:bg-background-modal\/10 {
|
|
5802
7244
|
&:hover {
|
|
5803
7245
|
@media (hover: hover) {
|
|
5804
|
-
background-color:
|
|
7246
|
+
background-color: color-mix(in srgb, rgba(0, 0, 0, 0.15) 10%, transparent);
|
|
7247
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7248
|
+
background-color: color-mix(in oklab, var(--color-background-modal) 10%, transparent);
|
|
7249
|
+
}
|
|
5805
7250
|
}
|
|
5806
7251
|
}
|
|
5807
7252
|
}
|
|
@@ -5826,30 +7271,16 @@
|
|
|
5826
7271
|
}
|
|
5827
7272
|
}
|
|
5828
7273
|
}
|
|
5829
|
-
.hover\:bg-
|
|
7274
|
+
.hover\:bg-background-surface\/90 {
|
|
5830
7275
|
&:hover {
|
|
5831
7276
|
@media (hover: hover) {
|
|
5832
|
-
background-color: color-mix(in srgb, #
|
|
7277
|
+
background-color: color-mix(in srgb, #ffffff 90%, transparent);
|
|
5833
7278
|
@supports (color: color-mix(in lab, red, red)) {
|
|
5834
|
-
background-color: color-mix(in oklab, var(--color-
|
|
7279
|
+
background-color: color-mix(in oklab, var(--color-background-surface) 90%, transparent);
|
|
5835
7280
|
}
|
|
5836
7281
|
}
|
|
5837
7282
|
}
|
|
5838
7283
|
}
|
|
5839
|
-
.hover\:bg-blue-200 {
|
|
5840
|
-
&:hover {
|
|
5841
|
-
@media (hover: hover) {
|
|
5842
|
-
background-color: var(--color-blue-200);
|
|
5843
|
-
}
|
|
5844
|
-
}
|
|
5845
|
-
}
|
|
5846
|
-
.hover\:bg-blue-600 {
|
|
5847
|
-
&:hover {
|
|
5848
|
-
@media (hover: hover) {
|
|
5849
|
-
background-color: var(--color-blue-600);
|
|
5850
|
-
}
|
|
5851
|
-
}
|
|
5852
|
-
}
|
|
5853
7284
|
.hover\:bg-border-default {
|
|
5854
7285
|
&:hover {
|
|
5855
7286
|
@media (hover: hover) {
|
|
@@ -5881,16 +7312,6 @@
|
|
|
5881
7312
|
}
|
|
5882
7313
|
}
|
|
5883
7314
|
}
|
|
5884
|
-
.hover\:bg-feedback-error-background\/50 {
|
|
5885
|
-
&:hover {
|
|
5886
|
-
@media (hover: hover) {
|
|
5887
|
-
background-color: color-mix(in srgb, #fdecec 50%, transparent);
|
|
5888
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5889
|
-
background-color: color-mix(in oklab, var(--color-feedback-error-background) 50%, transparent);
|
|
5890
|
-
}
|
|
5891
|
-
}
|
|
5892
|
-
}
|
|
5893
|
-
}
|
|
5894
7315
|
.hover\:bg-feedback-error-background\/80 {
|
|
5895
7316
|
&:hover {
|
|
5896
7317
|
@media (hover: hover) {
|
|
@@ -5911,70 +7332,59 @@
|
|
|
5911
7332
|
}
|
|
5912
7333
|
}
|
|
5913
7334
|
}
|
|
5914
|
-
.hover\:bg-
|
|
5915
|
-
&:hover {
|
|
5916
|
-
@media (hover: hover) {
|
|
5917
|
-
background-color: var(--color-gray-50);
|
|
5918
|
-
}
|
|
5919
|
-
}
|
|
5920
|
-
}
|
|
5921
|
-
.hover\:bg-gray-100 {
|
|
5922
|
-
&:hover {
|
|
5923
|
-
@media (hover: hover) {
|
|
5924
|
-
background-color: var(--color-gray-100);
|
|
5925
|
-
}
|
|
5926
|
-
}
|
|
5927
|
-
}
|
|
5928
|
-
.hover\:bg-red-50 {
|
|
7335
|
+
.hover\:bg-text-body {
|
|
5929
7336
|
&:hover {
|
|
5930
7337
|
@media (hover: hover) {
|
|
5931
|
-
background-color: var(--color-
|
|
7338
|
+
background-color: var(--color-text-body);
|
|
5932
7339
|
}
|
|
5933
7340
|
}
|
|
5934
7341
|
}
|
|
5935
|
-
.hover\:bg-
|
|
7342
|
+
.hover\:bg-text-inverse\/10 {
|
|
5936
7343
|
&:hover {
|
|
5937
7344
|
@media (hover: hover) {
|
|
5938
|
-
background-color:
|
|
7345
|
+
background-color: color-mix(in srgb, #ffffff 10%, transparent);
|
|
7346
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7347
|
+
background-color: color-mix(in oklab, var(--color-text-inverse) 10%, transparent);
|
|
7348
|
+
}
|
|
5939
7349
|
}
|
|
5940
7350
|
}
|
|
5941
7351
|
}
|
|
5942
|
-
.hover\:bg-text-
|
|
7352
|
+
.hover\:bg-text-primary\/5 {
|
|
5943
7353
|
&:hover {
|
|
5944
7354
|
@media (hover: hover) {
|
|
5945
7355
|
background-color: color-mix(in srgb, #2c2a26 5%, transparent);
|
|
5946
7356
|
@supports (color: color-mix(in lab, red, red)) {
|
|
5947
|
-
background-color: color-mix(in oklab, var(--color-text-
|
|
7357
|
+
background-color: color-mix(in oklab, var(--color-text-primary) 5%, transparent);
|
|
5948
7358
|
}
|
|
5949
7359
|
}
|
|
5950
7360
|
}
|
|
5951
7361
|
}
|
|
5952
|
-
.hover\:bg-text-
|
|
7362
|
+
.hover\:bg-text-primary\/10 {
|
|
5953
7363
|
&:hover {
|
|
5954
7364
|
@media (hover: hover) {
|
|
5955
|
-
background-color: color-mix(in srgb, #2c2a26
|
|
7365
|
+
background-color: color-mix(in srgb, #2c2a26 10%, transparent);
|
|
5956
7366
|
@supports (color: color-mix(in lab, red, red)) {
|
|
5957
|
-
background-color: color-mix(in oklab, var(--color-text-
|
|
7367
|
+
background-color: color-mix(in oklab, var(--color-text-primary) 10%, transparent);
|
|
5958
7368
|
}
|
|
5959
7369
|
}
|
|
5960
7370
|
}
|
|
5961
7371
|
}
|
|
5962
|
-
.hover\:bg-
|
|
7372
|
+
.hover\:bg-text-primary\/\[0\.05\] {
|
|
5963
7373
|
&:hover {
|
|
5964
7374
|
@media (hover: hover) {
|
|
5965
|
-
background-color: color-mix(in srgb, #
|
|
7375
|
+
background-color: color-mix(in srgb, #2c2a26 5%, transparent);
|
|
5966
7376
|
@supports (color: color-mix(in lab, red, red)) {
|
|
5967
|
-
background-color: color-mix(in oklab, var(--color-
|
|
7377
|
+
background-color: color-mix(in oklab, var(--color-text-primary) 5%, transparent);
|
|
5968
7378
|
}
|
|
5969
7379
|
}
|
|
5970
7380
|
}
|
|
5971
7381
|
}
|
|
5972
|
-
.hover\:bg-
|
|
7382
|
+
.hover\:bg-viz-categorical-4\/20 {
|
|
5973
7383
|
&:hover {
|
|
5974
7384
|
@media (hover: hover) {
|
|
5975
|
-
background-color: color-mix(in srgb, #
|
|
7385
|
+
background-color: color-mix(in srgb, #5d89ff 20%, transparent);
|
|
5976
7386
|
@supports (color: color-mix(in lab, red, red)) {
|
|
5977
|
-
background-color: color-mix(in oklab, var(--color-
|
|
7387
|
+
background-color: color-mix(in oklab, var(--color-viz-categorical-4) 20%, transparent);
|
|
5978
7388
|
}
|
|
5979
7389
|
}
|
|
5980
7390
|
}
|
|
@@ -5994,41 +7404,37 @@
|
|
|
5994
7404
|
}
|
|
5995
7405
|
}
|
|
5996
7406
|
}
|
|
5997
|
-
.hover\:text-action-
|
|
5998
|
-
&:hover {
|
|
5999
|
-
@media (hover: hover) {
|
|
6000
|
-
color: var(--color-action-brand-hover);
|
|
6001
|
-
}
|
|
6002
|
-
}
|
|
6003
|
-
}
|
|
6004
|
-
.hover\:text-action-brand\/90 {
|
|
7407
|
+
.hover\:text-action-primary {
|
|
6005
7408
|
&:hover {
|
|
6006
7409
|
@media (hover: hover) {
|
|
6007
|
-
color: color-
|
|
6008
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
6009
|
-
color: color-mix(in oklab, var(--color-action-brand) 90%, transparent);
|
|
6010
|
-
}
|
|
7410
|
+
color: var(--color-action-primary);
|
|
6011
7411
|
}
|
|
6012
7412
|
}
|
|
6013
7413
|
}
|
|
6014
|
-
.hover\:text-
|
|
7414
|
+
.hover\:text-action-primary-hover {
|
|
6015
7415
|
&:hover {
|
|
6016
7416
|
@media (hover: hover) {
|
|
6017
|
-
color: var(--color-
|
|
7417
|
+
color: var(--color-action-primary-hover);
|
|
6018
7418
|
}
|
|
6019
7419
|
}
|
|
6020
7420
|
}
|
|
6021
|
-
.hover\:text-
|
|
7421
|
+
.hover\:text-action-primary\/90 {
|
|
6022
7422
|
&:hover {
|
|
6023
7423
|
@media (hover: hover) {
|
|
6024
|
-
color:
|
|
7424
|
+
color: color-mix(in srgb, #111111 90%, transparent);
|
|
7425
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7426
|
+
color: color-mix(in oklab, var(--color-action-primary) 90%, transparent);
|
|
7427
|
+
}
|
|
6025
7428
|
}
|
|
6026
7429
|
}
|
|
6027
7430
|
}
|
|
6028
|
-
.hover\:text-text-
|
|
7431
|
+
.hover\:text-text-inverse\/80 {
|
|
6029
7432
|
&:hover {
|
|
6030
7433
|
@media (hover: hover) {
|
|
6031
|
-
color:
|
|
7434
|
+
color: color-mix(in srgb, #ffffff 80%, transparent);
|
|
7435
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7436
|
+
color: color-mix(in oklab, var(--color-text-inverse) 80%, transparent);
|
|
7437
|
+
}
|
|
6032
7438
|
}
|
|
6033
7439
|
}
|
|
6034
7440
|
}
|
|
@@ -6039,20 +7445,17 @@
|
|
|
6039
7445
|
}
|
|
6040
7446
|
}
|
|
6041
7447
|
}
|
|
6042
|
-
.hover\:text-text-
|
|
7448
|
+
.hover\:text-text-primary {
|
|
6043
7449
|
&:hover {
|
|
6044
7450
|
@media (hover: hover) {
|
|
6045
|
-
color: var(--color-text-
|
|
7451
|
+
color: var(--color-text-primary);
|
|
6046
7452
|
}
|
|
6047
7453
|
}
|
|
6048
7454
|
}
|
|
6049
|
-
.hover\:text-
|
|
7455
|
+
.hover\:text-text-secondary {
|
|
6050
7456
|
&:hover {
|
|
6051
7457
|
@media (hover: hover) {
|
|
6052
|
-
color: color-
|
|
6053
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
6054
|
-
color: color-mix(in oklab, var(--color-white) 80%, transparent);
|
|
6055
|
-
}
|
|
7458
|
+
color: var(--color-text-secondary);
|
|
6056
7459
|
}
|
|
6057
7460
|
}
|
|
6058
7461
|
}
|
|
@@ -6174,9 +7577,9 @@
|
|
|
6174
7577
|
--tw-ring-color: var(--color-action-brand);
|
|
6175
7578
|
}
|
|
6176
7579
|
}
|
|
6177
|
-
.focus\:ring-action-
|
|
7580
|
+
.focus\:ring-action-primary {
|
|
6178
7581
|
&:focus {
|
|
6179
|
-
--tw-ring-color: var(--color-action-
|
|
7582
|
+
--tw-ring-color: var(--color-action-primary);
|
|
6180
7583
|
}
|
|
6181
7584
|
}
|
|
6182
7585
|
.focus\:ring-border-focus {
|
|
@@ -6208,9 +7611,9 @@
|
|
|
6208
7611
|
border-width: 0px !important;
|
|
6209
7612
|
}
|
|
6210
7613
|
}
|
|
6211
|
-
.focus-visible\:bg-
|
|
7614
|
+
.focus-visible\:bg-background-muted {
|
|
6212
7615
|
&:focus-visible {
|
|
6213
|
-
background-color: var(--color-
|
|
7616
|
+
background-color: var(--color-background-muted);
|
|
6214
7617
|
}
|
|
6215
7618
|
}
|
|
6216
7619
|
.focus-visible\:\!ring-0 {
|
|
@@ -6225,6 +7628,28 @@
|
|
|
6225
7628
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6226
7629
|
}
|
|
6227
7630
|
}
|
|
7631
|
+
.focus-visible\:ring-2 {
|
|
7632
|
+
&:focus-visible {
|
|
7633
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
7634
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
7635
|
+
}
|
|
7636
|
+
}
|
|
7637
|
+
.focus-visible\:ring-border-focus {
|
|
7638
|
+
&:focus-visible {
|
|
7639
|
+
--tw-ring-color: var(--color-border-focus);
|
|
7640
|
+
}
|
|
7641
|
+
}
|
|
7642
|
+
.focus-visible\:ring-offset-1 {
|
|
7643
|
+
&:focus-visible {
|
|
7644
|
+
--tw-ring-offset-width: 1px;
|
|
7645
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
7646
|
+
}
|
|
7647
|
+
}
|
|
7648
|
+
.focus-visible\:ring-offset-background-surface {
|
|
7649
|
+
&:focus-visible {
|
|
7650
|
+
--tw-ring-offset-color: var(--color-background-surface);
|
|
7651
|
+
}
|
|
7652
|
+
}
|
|
6228
7653
|
.focus-visible\:outline {
|
|
6229
7654
|
&:focus-visible {
|
|
6230
7655
|
outline-style: var(--tw-outline-style);
|
|
@@ -6242,9 +7667,9 @@
|
|
|
6242
7667
|
outline-offset: 0px;
|
|
6243
7668
|
}
|
|
6244
7669
|
}
|
|
6245
|
-
.focus-visible\:outline-action-
|
|
7670
|
+
.focus-visible\:outline-\[color\:var\(--color-action-secondary-text\)\] {
|
|
6246
7671
|
&:focus-visible {
|
|
6247
|
-
outline-color: var(--color-action-
|
|
7672
|
+
outline-color: var(--color-action-secondary-text);
|
|
6248
7673
|
}
|
|
6249
7674
|
}
|
|
6250
7675
|
.focus-visible\:outline-action-default {
|
|
@@ -6252,6 +7677,11 @@
|
|
|
6252
7677
|
outline-color: var(--color-action-default);
|
|
6253
7678
|
}
|
|
6254
7679
|
}
|
|
7680
|
+
.focus-visible\:outline-action-primary {
|
|
7681
|
+
&:focus-visible {
|
|
7682
|
+
outline-color: var(--color-action-primary);
|
|
7683
|
+
}
|
|
7684
|
+
}
|
|
6255
7685
|
.focus-visible\:\!outline-none {
|
|
6256
7686
|
&:focus-visible {
|
|
6257
7687
|
--tw-outline-style: none !important;
|
|
@@ -6295,14 +7725,14 @@
|
|
|
6295
7725
|
cursor: not-allowed;
|
|
6296
7726
|
}
|
|
6297
7727
|
}
|
|
6298
|
-
.disabled\:text-
|
|
7728
|
+
.disabled\:text-text-disabled {
|
|
6299
7729
|
&:disabled {
|
|
6300
|
-
color: var(--color-
|
|
7730
|
+
color: var(--color-text-disabled);
|
|
6301
7731
|
}
|
|
6302
7732
|
}
|
|
6303
|
-
.disabled\:text-text-
|
|
7733
|
+
.disabled\:text-text-secondary {
|
|
6304
7734
|
&:disabled {
|
|
6305
|
-
color: var(--color-text-
|
|
7735
|
+
color: var(--color-text-secondary);
|
|
6306
7736
|
}
|
|
6307
7737
|
}
|
|
6308
7738
|
.disabled\:opacity-40 {
|
|
@@ -6360,6 +7790,11 @@
|
|
|
6360
7790
|
--tw-ring-color: var(--color-action-default);
|
|
6361
7791
|
}
|
|
6362
7792
|
}
|
|
7793
|
+
.data-\[focus-visible\]\:ring-action-primary {
|
|
7794
|
+
&[data-focus-visible] {
|
|
7795
|
+
--tw-ring-color: var(--color-action-primary);
|
|
7796
|
+
}
|
|
7797
|
+
}
|
|
6363
7798
|
.data-\[focus-visible\]\:ring-feedback-error-border {
|
|
6364
7799
|
&[data-focus-visible] {
|
|
6365
7800
|
--tw-ring-color: var(--color-feedback-error-border);
|
|
@@ -6407,9 +7842,9 @@
|
|
|
6407
7842
|
background-color: var(--color-feedback-error-background);
|
|
6408
7843
|
}
|
|
6409
7844
|
}
|
|
6410
|
-
.data-\[focused\]\:text-text-
|
|
7845
|
+
.data-\[focused\]\:text-text-primary {
|
|
6411
7846
|
&[data-focused] {
|
|
6412
|
-
color: var(--color-text-
|
|
7847
|
+
color: var(--color-text-primary);
|
|
6413
7848
|
}
|
|
6414
7849
|
}
|
|
6415
7850
|
.data-\[focused\]\:opacity-100 {
|
|
@@ -6417,9 +7852,31 @@
|
|
|
6417
7852
|
opacity: 100%;
|
|
6418
7853
|
}
|
|
6419
7854
|
}
|
|
6420
|
-
.data-\[
|
|
7855
|
+
.data-\[focused\]\:ring-2 {
|
|
7856
|
+
&[data-focused] {
|
|
7857
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
7858
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
7859
|
+
}
|
|
7860
|
+
}
|
|
7861
|
+
.data-\[focused\]\:ring-border-focus {
|
|
7862
|
+
&[data-focused] {
|
|
7863
|
+
--tw-ring-color: var(--color-border-focus);
|
|
7864
|
+
}
|
|
7865
|
+
}
|
|
7866
|
+
.data-\[focused\]\:ring-offset-1 {
|
|
7867
|
+
&[data-focused] {
|
|
7868
|
+
--tw-ring-offset-width: 1px;
|
|
7869
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
7870
|
+
}
|
|
7871
|
+
}
|
|
7872
|
+
.data-\[focused\]\:ring-offset-background-surface {
|
|
7873
|
+
&[data-focused] {
|
|
7874
|
+
--tw-ring-offset-color: var(--color-background-surface);
|
|
7875
|
+
}
|
|
7876
|
+
}
|
|
7877
|
+
.data-\[placeholder\]\:text-text-disabled {
|
|
6421
7878
|
&[data-placeholder] {
|
|
6422
|
-
color: var(--color-text-
|
|
7879
|
+
color: var(--color-text-disabled);
|
|
6423
7880
|
}
|
|
6424
7881
|
}
|
|
6425
7882
|
.data-\[selected\]\:bg-background-selected {
|
|
@@ -6438,24 +7895,24 @@
|
|
|
6438
7895
|
opacity: 100%;
|
|
6439
7896
|
}
|
|
6440
7897
|
}
|
|
6441
|
-
.supports-\[-moz-appearance\:none\]\:bg-
|
|
7898
|
+
.supports-\[-moz-appearance\:none\]\:bg-background-muted {
|
|
6442
7899
|
@supports (-moz-appearance:none) {
|
|
6443
|
-
background-color: var(--color-
|
|
7900
|
+
background-color: var(--color-background-muted);
|
|
6444
7901
|
}
|
|
6445
7902
|
}
|
|
6446
|
-
.supports-\[backdrop-filter\]\:bg-background-
|
|
7903
|
+
.supports-\[backdrop-filter\]\:bg-background-modal\/15 {
|
|
6447
7904
|
@supports (backdrop-filter: var(--tw)) {
|
|
6448
|
-
background-color: color-mix(in srgb,
|
|
7905
|
+
background-color: color-mix(in srgb, rgba(0, 0, 0, 0.15) 15%, transparent);
|
|
6449
7906
|
@supports (color: color-mix(in lab, red, red)) {
|
|
6450
|
-
background-color: color-mix(in oklab, var(--color-background-
|
|
7907
|
+
background-color: color-mix(in oklab, var(--color-background-modal) 15%, transparent);
|
|
6451
7908
|
}
|
|
6452
7909
|
}
|
|
6453
7910
|
}
|
|
6454
|
-
.supports-\[backdrop-filter\]\:bg-
|
|
7911
|
+
.supports-\[backdrop-filter\]\:bg-background-surface\/70 {
|
|
6455
7912
|
@supports (backdrop-filter: var(--tw)) {
|
|
6456
|
-
background-color: color-mix(in srgb, #
|
|
7913
|
+
background-color: color-mix(in srgb, #ffffff 70%, transparent);
|
|
6457
7914
|
@supports (color: color-mix(in lab, red, red)) {
|
|
6458
|
-
background-color: color-mix(in oklab, var(--color-
|
|
7915
|
+
background-color: color-mix(in oklab, var(--color-background-surface) 70%, transparent);
|
|
6459
7916
|
}
|
|
6460
7917
|
}
|
|
6461
7918
|
}
|
|
@@ -7093,24 +8550,6 @@
|
|
|
7093
8550
|
padding-bottom: var(--spacing-28);
|
|
7094
8551
|
}
|
|
7095
8552
|
}
|
|
7096
|
-
.md\:text-2xl {
|
|
7097
|
-
@media (width >= 48rem) {
|
|
7098
|
-
font-size: var(--text-2xl);
|
|
7099
|
-
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
7100
|
-
}
|
|
7101
|
-
}
|
|
7102
|
-
.md\:text-3xl {
|
|
7103
|
-
@media (width >= 48rem) {
|
|
7104
|
-
font-size: var(--text-3xl);
|
|
7105
|
-
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
7106
|
-
}
|
|
7107
|
-
}
|
|
7108
|
-
.md\:text-4xl {
|
|
7109
|
-
@media (width >= 48rem) {
|
|
7110
|
-
font-size: var(--text-4xl);
|
|
7111
|
-
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
7112
|
-
}
|
|
7113
|
-
}
|
|
7114
8553
|
.md\:text-lg {
|
|
7115
8554
|
@media (width >= 48rem) {
|
|
7116
8555
|
font-size: var(--text-lg);
|
|
@@ -7123,12 +8562,6 @@
|
|
|
7123
8562
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
7124
8563
|
}
|
|
7125
8564
|
}
|
|
7126
|
-
.md\:text-xl {
|
|
7127
|
-
@media (width >= 48rem) {
|
|
7128
|
-
font-size: var(--text-xl);
|
|
7129
|
-
line-height: var(--tw-leading, var(--text-xl--line-height));
|
|
7130
|
-
}
|
|
7131
|
-
}
|
|
7132
8565
|
.md\:text-xs {
|
|
7133
8566
|
@media (width >= 48rem) {
|
|
7134
8567
|
font-size: var(--text-xs);
|
|
@@ -7637,37 +9070,29 @@
|
|
|
7637
9070
|
border-color: var(--color-blue-800);
|
|
7638
9071
|
}
|
|
7639
9072
|
}
|
|
7640
|
-
.dark\:border-
|
|
7641
|
-
@media (prefers-color-scheme: dark) {
|
|
7642
|
-
border-color: var(--color-gray-600);
|
|
7643
|
-
}
|
|
7644
|
-
}
|
|
7645
|
-
.dark\:border-gray-700 {
|
|
9073
|
+
.dark\:border-border-muted {
|
|
7646
9074
|
@media (prefers-color-scheme: dark) {
|
|
7647
|
-
border-color: var(--color-
|
|
9075
|
+
border-color: var(--color-border-muted);
|
|
7648
9076
|
}
|
|
7649
9077
|
}
|
|
7650
|
-
.dark\:border-
|
|
9078
|
+
.dark\:border-feedback-info-border {
|
|
7651
9079
|
@media (prefers-color-scheme: dark) {
|
|
7652
|
-
border-color: var(--color-
|
|
9080
|
+
border-color: var(--color-feedback-info-border);
|
|
7653
9081
|
}
|
|
7654
9082
|
}
|
|
7655
|
-
.dark\:border-
|
|
9083
|
+
.dark\:border-gray-600 {
|
|
7656
9084
|
@media (prefers-color-scheme: dark) {
|
|
7657
|
-
border-color: var(--color-
|
|
9085
|
+
border-color: var(--color-gray-600);
|
|
7658
9086
|
}
|
|
7659
9087
|
}
|
|
7660
|
-
.dark\:border-
|
|
9088
|
+
.dark\:border-gray-700 {
|
|
7661
9089
|
@media (prefers-color-scheme: dark) {
|
|
7662
|
-
border-color: color-
|
|
7663
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
7664
|
-
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
|
|
7665
|
-
}
|
|
9090
|
+
border-color: var(--color-gray-700);
|
|
7666
9091
|
}
|
|
7667
9092
|
}
|
|
7668
|
-
.dark\:border-
|
|
9093
|
+
.dark\:border-red-800 {
|
|
7669
9094
|
@media (prefers-color-scheme: dark) {
|
|
7670
|
-
border-
|
|
9095
|
+
border-color: var(--color-red-800);
|
|
7671
9096
|
}
|
|
7672
9097
|
}
|
|
7673
9098
|
.dark\:bg-amber-950 {
|
|
@@ -7675,17 +9100,9 @@
|
|
|
7675
9100
|
background-color: var(--color-amber-950);
|
|
7676
9101
|
}
|
|
7677
9102
|
}
|
|
7678
|
-
.dark\:bg-
|
|
7679
|
-
@media (prefers-color-scheme: dark) {
|
|
7680
|
-
background-color: var(--color-blue-500);
|
|
7681
|
-
}
|
|
7682
|
-
}
|
|
7683
|
-
.dark\:bg-blue-900\/20 {
|
|
9103
|
+
.dark\:bg-background-muted {
|
|
7684
9104
|
@media (prefers-color-scheme: dark) {
|
|
7685
|
-
background-color: color-
|
|
7686
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
7687
|
-
background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
|
|
7688
|
-
}
|
|
9105
|
+
background-color: var(--color-background-muted);
|
|
7689
9106
|
}
|
|
7690
9107
|
}
|
|
7691
9108
|
.dark\:bg-blue-950 {
|
|
@@ -7693,22 +9110,19 @@
|
|
|
7693
9110
|
background-color: var(--color-blue-950);
|
|
7694
9111
|
}
|
|
7695
9112
|
}
|
|
7696
|
-
.dark\:bg-
|
|
9113
|
+
.dark\:bg-feedback-info-background {
|
|
7697
9114
|
@media (prefers-color-scheme: dark) {
|
|
7698
|
-
background-color: var(--color-
|
|
9115
|
+
background-color: var(--color-feedback-info-background);
|
|
7699
9116
|
}
|
|
7700
9117
|
}
|
|
7701
|
-
.dark\:bg-
|
|
9118
|
+
.dark\:bg-feedback-success-background {
|
|
7702
9119
|
@media (prefers-color-scheme: dark) {
|
|
7703
|
-
background-color: var(--color-
|
|
9120
|
+
background-color: var(--color-feedback-success-background);
|
|
7704
9121
|
}
|
|
7705
9122
|
}
|
|
7706
|
-
.dark\:bg-
|
|
9123
|
+
.dark\:bg-gray-900 {
|
|
7707
9124
|
@media (prefers-color-scheme: dark) {
|
|
7708
|
-
background-color: color-
|
|
7709
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
7710
|
-
background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
|
|
7711
|
-
}
|
|
9125
|
+
background-color: var(--color-gray-900);
|
|
7712
9126
|
}
|
|
7713
9127
|
}
|
|
7714
9128
|
.dark\:bg-red-950 {
|
|
@@ -7716,52 +9130,6 @@
|
|
|
7716
9130
|
background-color: var(--color-red-950);
|
|
7717
9131
|
}
|
|
7718
9132
|
}
|
|
7719
|
-
.dark\:bg-slate-600 {
|
|
7720
|
-
@media (prefers-color-scheme: dark) {
|
|
7721
|
-
background-color: var(--color-slate-600);
|
|
7722
|
-
}
|
|
7723
|
-
}
|
|
7724
|
-
.dark\:bg-zinc-100 {
|
|
7725
|
-
@media (prefers-color-scheme: dark) {
|
|
7726
|
-
background-color: var(--color-zinc-100);
|
|
7727
|
-
}
|
|
7728
|
-
}
|
|
7729
|
-
.dark\:bg-zinc-400 {
|
|
7730
|
-
@media (prefers-color-scheme: dark) {
|
|
7731
|
-
background-color: var(--color-zinc-400);
|
|
7732
|
-
}
|
|
7733
|
-
}
|
|
7734
|
-
.dark\:bg-zinc-700 {
|
|
7735
|
-
@media (prefers-color-scheme: dark) {
|
|
7736
|
-
background-color: var(--color-zinc-700);
|
|
7737
|
-
}
|
|
7738
|
-
}
|
|
7739
|
-
.dark\:bg-zinc-700\/60 {
|
|
7740
|
-
@media (prefers-color-scheme: dark) {
|
|
7741
|
-
background-color: color-mix(in srgb, oklch(37% 0.013 285.805) 60%, transparent);
|
|
7742
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
7743
|
-
background-color: color-mix(in oklab, var(--color-zinc-700) 60%, transparent);
|
|
7744
|
-
}
|
|
7745
|
-
}
|
|
7746
|
-
}
|
|
7747
|
-
.dark\:bg-zinc-900 {
|
|
7748
|
-
@media (prefers-color-scheme: dark) {
|
|
7749
|
-
background-color: var(--color-zinc-900);
|
|
7750
|
-
}
|
|
7751
|
-
}
|
|
7752
|
-
.dark\:fill-slate-600 {
|
|
7753
|
-
@media (prefers-color-scheme: dark) {
|
|
7754
|
-
fill: var(--color-slate-600);
|
|
7755
|
-
}
|
|
7756
|
-
}
|
|
7757
|
-
.dark\:stroke-white\/10 {
|
|
7758
|
-
@media (prefers-color-scheme: dark) {
|
|
7759
|
-
stroke: color-mix(in srgb, #ffffff 10%, transparent);
|
|
7760
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
7761
|
-
stroke: color-mix(in oklab, var(--color-white) 10%, transparent);
|
|
7762
|
-
}
|
|
7763
|
-
}
|
|
7764
|
-
}
|
|
7765
9133
|
.dark\:text-amber-100 {
|
|
7766
9134
|
@media (prefers-color-scheme: dark) {
|
|
7767
9135
|
color: var(--color-amber-100);
|
|
@@ -7782,6 +9150,11 @@
|
|
|
7782
9150
|
color: var(--color-blue-200);
|
|
7783
9151
|
}
|
|
7784
9152
|
}
|
|
9153
|
+
.dark\:text-feedback-info-text {
|
|
9154
|
+
@media (prefers-color-scheme: dark) {
|
|
9155
|
+
color: var(--color-feedback-info-text);
|
|
9156
|
+
}
|
|
9157
|
+
}
|
|
7785
9158
|
.dark\:text-gray-100 {
|
|
7786
9159
|
@media (prefers-color-scheme: dark) {
|
|
7787
9160
|
color: var(--color-gray-100);
|
|
@@ -7812,40 +9185,19 @@
|
|
|
7812
9185
|
color: var(--color-red-200);
|
|
7813
9186
|
}
|
|
7814
9187
|
}
|
|
7815
|
-
.dark\:text-text-
|
|
7816
|
-
@media (prefers-color-scheme: dark) {
|
|
7817
|
-
color: var(--color-text-body);
|
|
7818
|
-
}
|
|
7819
|
-
}
|
|
7820
|
-
.dark\:text-zinc-100 {
|
|
7821
|
-
@media (prefers-color-scheme: dark) {
|
|
7822
|
-
color: var(--color-zinc-100);
|
|
7823
|
-
}
|
|
7824
|
-
}
|
|
7825
|
-
.dark\:text-zinc-200 {
|
|
7826
|
-
@media (prefers-color-scheme: dark) {
|
|
7827
|
-
color: var(--color-zinc-200);
|
|
7828
|
-
}
|
|
7829
|
-
}
|
|
7830
|
-
.dark\:text-zinc-300 {
|
|
7831
|
-
@media (prefers-color-scheme: dark) {
|
|
7832
|
-
color: var(--color-zinc-300);
|
|
7833
|
-
}
|
|
7834
|
-
}
|
|
7835
|
-
.dark\:text-zinc-600 {
|
|
9188
|
+
.dark\:text-text-primary {
|
|
7836
9189
|
@media (prefers-color-scheme: dark) {
|
|
7837
|
-
color: var(--color-
|
|
9190
|
+
color: var(--color-text-primary);
|
|
7838
9191
|
}
|
|
7839
9192
|
}
|
|
7840
|
-
.dark\:text-
|
|
9193
|
+
.dark\:text-text-secondary {
|
|
7841
9194
|
@media (prefers-color-scheme: dark) {
|
|
7842
|
-
color: var(--color-
|
|
9195
|
+
color: var(--color-text-secondary);
|
|
7843
9196
|
}
|
|
7844
9197
|
}
|
|
7845
|
-
.dark\:
|
|
9198
|
+
.dark\:text-viz-categorical-4 {
|
|
7846
9199
|
@media (prefers-color-scheme: dark) {
|
|
7847
|
-
--
|
|
7848
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
9200
|
+
color: var(--color-viz-categorical-4);
|
|
7849
9201
|
}
|
|
7850
9202
|
}
|
|
7851
9203
|
.dark\:shadow-black\/60 {
|
|
@@ -7856,27 +9208,6 @@
|
|
|
7856
9208
|
}
|
|
7857
9209
|
}
|
|
7858
9210
|
}
|
|
7859
|
-
.dark\:ring-gray-700 {
|
|
7860
|
-
@media (prefers-color-scheme: dark) {
|
|
7861
|
-
--tw-ring-color: var(--color-gray-700);
|
|
7862
|
-
}
|
|
7863
|
-
}
|
|
7864
|
-
.dark\:group-hover\:bg-zinc-600 {
|
|
7865
|
-
@media (prefers-color-scheme: dark) {
|
|
7866
|
-
&:is(:where(.group):hover *) {
|
|
7867
|
-
@media (hover: hover) {
|
|
7868
|
-
background-color: var(--color-zinc-600);
|
|
7869
|
-
}
|
|
7870
|
-
}
|
|
7871
|
-
}
|
|
7872
|
-
}
|
|
7873
|
-
.group-disabled\:dark\:text-zinc-600 {
|
|
7874
|
-
&:is(:where(.group):disabled *) {
|
|
7875
|
-
@media (prefers-color-scheme: dark) {
|
|
7876
|
-
color: var(--color-zinc-600);
|
|
7877
|
-
}
|
|
7878
|
-
}
|
|
7879
|
-
}
|
|
7880
9211
|
.dark\:hover\:bg-background-hover {
|
|
7881
9212
|
@media (prefers-color-scheme: dark) {
|
|
7882
9213
|
&:hover {
|
|
@@ -7886,44 +9217,10 @@
|
|
|
7886
9217
|
}
|
|
7887
9218
|
}
|
|
7888
9219
|
}
|
|
7889
|
-
.dark\:
|
|
7890
|
-
@media (prefers-color-scheme: dark) {
|
|
7891
|
-
&:hover {
|
|
7892
|
-
@media (hover: hover) {
|
|
7893
|
-
background-color: var(--color-gray-700);
|
|
7894
|
-
}
|
|
7895
|
-
}
|
|
7896
|
-
}
|
|
7897
|
-
}
|
|
7898
|
-
.dark\:hover\:bg-gray-800 {
|
|
7899
|
-
@media (prefers-color-scheme: dark) {
|
|
7900
|
-
&:hover {
|
|
7901
|
-
@media (hover: hover) {
|
|
7902
|
-
background-color: var(--color-gray-800);
|
|
7903
|
-
}
|
|
7904
|
-
}
|
|
7905
|
-
}
|
|
7906
|
-
}
|
|
7907
|
-
.dark\:hover\:bg-zinc-700 {
|
|
7908
|
-
@media (prefers-color-scheme: dark) {
|
|
7909
|
-
&:hover {
|
|
7910
|
-
@media (hover: hover) {
|
|
7911
|
-
background-color: var(--color-zinc-700);
|
|
7912
|
-
}
|
|
7913
|
-
}
|
|
7914
|
-
}
|
|
7915
|
-
}
|
|
7916
|
-
.dark\:disabled\:text-text-muted {
|
|
7917
|
-
@media (prefers-color-scheme: dark) {
|
|
7918
|
-
&:disabled {
|
|
7919
|
-
color: var(--color-text-muted);
|
|
7920
|
-
}
|
|
7921
|
-
}
|
|
7922
|
-
}
|
|
7923
|
-
.dark\:disabled\:text-zinc-600 {
|
|
9220
|
+
.dark\:disabled\:text-text-secondary {
|
|
7924
9221
|
@media (prefers-color-scheme: dark) {
|
|
7925
9222
|
&:disabled {
|
|
7926
|
-
color: var(--color-
|
|
9223
|
+
color: var(--color-text-secondary);
|
|
7927
9224
|
}
|
|
7928
9225
|
}
|
|
7929
9226
|
}
|
|
@@ -7987,6 +9284,11 @@
|
|
|
7987
9284
|
background-color: Highlight;
|
|
7988
9285
|
}
|
|
7989
9286
|
}
|
|
9287
|
+
.forced-colors\:bg-\[Mark\] {
|
|
9288
|
+
@media (forced-colors: active) {
|
|
9289
|
+
background-color: Mark;
|
|
9290
|
+
}
|
|
9291
|
+
}
|
|
7990
9292
|
.forced-colors\:fill-\[Canvas\] {
|
|
7991
9293
|
@media (forced-colors: active) {
|
|
7992
9294
|
fill: Canvas;
|
|
@@ -8032,14 +9334,14 @@
|
|
|
8032
9334
|
color: HighlightText;
|
|
8033
9335
|
}
|
|
8034
9336
|
}
|
|
8035
|
-
.forced-colors\:text-\[
|
|
9337
|
+
.forced-colors\:text-\[MarkText\] {
|
|
8036
9338
|
@media (forced-colors: active) {
|
|
8037
|
-
color:
|
|
9339
|
+
color: MarkText;
|
|
8038
9340
|
}
|
|
8039
9341
|
}
|
|
8040
|
-
.forced-colors\:text-
|
|
9342
|
+
.forced-colors\:text-text-disabled {
|
|
8041
9343
|
@media (forced-colors: active) {
|
|
8042
|
-
color: var(--color-
|
|
9344
|
+
color: var(--color-text-disabled);
|
|
8043
9345
|
}
|
|
8044
9346
|
}
|
|
8045
9347
|
.forced-colors\:outline-\[GrayText\] {
|
|
@@ -8457,17 +9759,17 @@
|
|
|
8457
9759
|
text-align: left;
|
|
8458
9760
|
}
|
|
8459
9761
|
}
|
|
8460
|
-
.\[\&_\[data-chip-id\]\:\:selection\]\:bg-action-
|
|
9762
|
+
.\[\&_\[data-chip-id\]\:\:selection\]\:bg-action-primary\/20 {
|
|
8461
9763
|
& [data-chip-id]::-moz-selection {
|
|
8462
9764
|
background-color: color-mix(in srgb, #111111 20%, transparent);
|
|
8463
9765
|
@supports (color: color-mix(in lab, red, red)) {
|
|
8464
|
-
background-color: color-mix(in oklab, var(--color-action-
|
|
9766
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
|
|
8465
9767
|
}
|
|
8466
9768
|
}
|
|
8467
9769
|
& [data-chip-id]::selection {
|
|
8468
9770
|
background-color: color-mix(in srgb, #111111 20%, transparent);
|
|
8469
9771
|
@supports (color: color-mix(in lab, red, red)) {
|
|
8470
|
-
background-color: color-mix(in oklab, var(--color-action-
|
|
9772
|
+
background-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
|
|
8471
9773
|
}
|
|
8472
9774
|
}
|
|
8473
9775
|
}
|
|
@@ -8667,11 +9969,11 @@
|
|
|
8667
9969
|
}
|
|
8668
9970
|
}
|
|
8669
9971
|
}
|
|
8670
|
-
.\[\&\:empty\]\:before\:text-text-
|
|
9972
|
+
.\[\&\:empty\]\:before\:text-text-disabled {
|
|
8671
9973
|
&:empty {
|
|
8672
9974
|
&::before {
|
|
8673
9975
|
content: var(--tw-content);
|
|
8674
|
-
color: var(--color-text-
|
|
9976
|
+
color: var(--color-text-disabled);
|
|
8675
9977
|
}
|
|
8676
9978
|
}
|
|
8677
9979
|
}
|
|
@@ -8729,11 +10031,11 @@
|
|
|
8729
10031
|
@layer base {
|
|
8730
10032
|
:root {
|
|
8731
10033
|
--default-border-color: var(--color-border-default);
|
|
8732
|
-
--default-text-color: var(--color-text-
|
|
10034
|
+
--default-text-color: var(--color-text-primary);
|
|
8733
10035
|
}
|
|
8734
10036
|
.theme-dark {
|
|
8735
10037
|
--default-border-color: var(--color-border-default);
|
|
8736
|
-
--default-text-color: var(--color-text-
|
|
10038
|
+
--default-text-color: var(--color-text-primary);
|
|
8737
10039
|
}
|
|
8738
10040
|
*,
|
|
8739
10041
|
::after,
|