@dialpad/dialtone 9.105.0-rebrand-2025-beta.2 → 9.106.0-rebrand-2025-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/css/dialtone-default-theme.css +0 -3
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +0 -3
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/css/tokens/tokens-tmo-dark.css +402 -402
  6. package/dist/css/tokens/tokens-tmo-light.css +410 -410
  7. package/dist/tokens/css/tokens-tmo-dark.css +402 -402
  8. package/dist/tokens/css/tokens-tmo-light.css +410 -410
  9. package/dist/tokens/doc.json +15649 -15684
  10. package/dist/tokens/less/tokens-tmo-dark.less +59 -59
  11. package/dist/tokens/less/tokens-tmo-light.less +58 -58
  12. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  13. package/dist/tokens/themes/tmo-dark.js +1 -1
  14. package/dist/tokens/themes/tmo-light.cjs +1 -1
  15. package/dist/tokens/themes/tmo-light.js +1 -1
  16. package/dist/tokens/tokens-tmo-dark.json +59 -59
  17. package/dist/tokens/tokens-tmo-light.json +59 -59
  18. package/dist/vue2/component-documentation.json +1 -1
  19. package/dist/vue2/components/popover/popover.vue.cjs +2 -2
  20. package/dist/vue2/components/popover/popover.vue.cjs.map +1 -1
  21. package/dist/vue2/components/popover/popover.vue.js +2 -2
  22. package/dist/vue2/components/popover/popover.vue.js.map +1 -1
  23. package/dist/vue2/components/tab/tab_panel.vue.cjs +1 -1
  24. package/dist/vue2/components/tab/tab_panel.vue.cjs.map +1 -1
  25. package/dist/vue2/components/tab/tab_panel.vue.js +1 -1
  26. package/dist/vue2/components/tab/tab_panel.vue.js.map +1 -1
  27. package/dist/vue2/recipes/leftbar/group_row/group_row.vue.cjs +8 -1
  28. package/dist/vue2/recipes/leftbar/group_row/group_row.vue.cjs.map +1 -1
  29. package/dist/vue2/recipes/leftbar/group_row/group_row.vue.js +8 -1
  30. package/dist/vue2/recipes/leftbar/group_row/group_row.vue.js.map +1 -1
  31. package/dist/vue2/types/components/tab/tab_panel.vue.d.ts.map +1 -1
  32. package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts +9 -0
  33. package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts.map +1 -1
  34. package/dist/vue3/component-documentation.json +1 -1
  35. package/dist/vue3/components/popover/popover.vue.cjs +2 -2
  36. package/dist/vue3/components/popover/popover.vue.cjs.map +1 -1
  37. package/dist/vue3/components/popover/popover.vue.js +2 -2
  38. package/dist/vue3/components/popover/popover.vue.js.map +1 -1
  39. package/dist/vue3/components/tab/tab_panel.vue.cjs +1 -5
  40. package/dist/vue3/components/tab/tab_panel.vue.cjs.map +1 -1
  41. package/dist/vue3/components/tab/tab_panel.vue.js +2 -6
  42. package/dist/vue3/components/tab/tab_panel.vue.js.map +1 -1
  43. package/dist/vue3/recipes/leftbar/group_row/group_row.vue.cjs +9 -1
  44. package/dist/vue3/recipes/leftbar/group_row/group_row.vue.cjs.map +1 -1
  45. package/dist/vue3/recipes/leftbar/group_row/group_row.vue.js +9 -1
  46. package/dist/vue3/recipes/leftbar/group_row/group_row.vue.js.map +1 -1
  47. package/dist/vue3/types/components/tab/tab_panel.vue.d.ts.map +1 -1
  48. package/dist/vue3/types/recipes/leftbar/group_row/group_row.vue.d.ts +9 -0
  49. package/dist/vue3/types/recipes/leftbar/group_row/group_row.vue.d.ts.map +1 -1
  50. package/package.json +4 -4
@@ -138,27 +138,139 @@
138
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
139
139
  --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
140
140
  --dt-avatar-color-background-100: #1aa340;
141
- --dt-theme-mention-color-background-strong-h: 329.3877551020408;
141
+ --dt-theme-mention-color-background-strong-h: 329.20353982300884;
142
142
  --dt-theme-mention-color-background-strong-s: 100%;
143
- --dt-theme-mention-color-background-strong-l: 90.3921568627451%;
143
+ --dt-theme-mention-color-background-strong-l: 44.31372549019608%;
144
144
  --dt-theme-mention-color-background-strong-a: 100%;
145
145
  --dt-theme-mention-color-background-strong-hsl: var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l);
146
146
  --dt-theme-mention-color-background-strong-hsla: hsl(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
147
- --dt-theme-mention-color-background-strong: #FFCEE7;
148
- --dt-theme-mention-color-background-h: 329.20353982300884;
147
+ --dt-theme-mention-color-background-strong: #E20074;
148
+ --dt-theme-mention-color-background-h: 328.83116883116884;
149
149
  --dt-theme-mention-color-background-s: 100%;
150
- --dt-theme-mention-color-background-l: 44.31372549019608%;
150
+ --dt-theme-mention-color-background-l: 84.90196078431373%;
151
151
  --dt-theme-mention-color-background-a: 100%;
152
152
  --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
153
153
  --dt-theme-mention-color-background-hsla: hsl(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
154
- --dt-theme-mention-color-background: #E20074;
155
- --dt-theme-color-base-h: 329.72477064220186;
156
- --dt-theme-color-base-s: 80.74074074074072%;
157
- --dt-theme-color-base-l: 73.52941176470588%;
158
- --dt-theme-color-base-a: 100%;
159
- --dt-theme-color-base-hsl: var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l);
160
- --dt-theme-color-base-hsla: hsl(var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l) / var(--alpha, 100%));
161
- --dt-theme-color-base: #F285BC;
154
+ --dt-theme-mention-color-background: #FFB2DA;
155
+ --dt-action-color-background-base-primary-hover-h: 329.4117647058824;
156
+ --dt-action-color-background-base-primary-hover-s: 100%;
157
+ --dt-action-color-background-base-primary-hover-l: 90%;
158
+ --dt-action-color-background-base-primary-hover-a: 100%;
159
+ --dt-action-color-background-base-primary-hover-hsl: var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l);
160
+ --dt-action-color-background-base-primary-hover-hsla: hsl(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
161
+ --dt-action-color-background-base-primary-hover: #FFCCE6;
162
+ --dt-action-color-background-base-primary-default-h: 328.83116883116884;
163
+ --dt-action-color-background-base-primary-default-s: 100%;
164
+ --dt-action-color-background-base-primary-default-l: 84.90196078431373%;
165
+ --dt-action-color-background-base-primary-default-a: 100%;
166
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l);
167
+ --dt-action-color-background-base-primary-default-hsla: hsl(var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l) / var(--alpha, 100%));
168
+ --dt-action-color-background-base-primary-default: #FFB2DA;
169
+ --dt-color-border-brand-strong-inverted-h: 329.2857142857143;
170
+ --dt-color-border-brand-strong-inverted-s: 100%;
171
+ --dt-color-border-brand-strong-inverted-l: 32.94117647058823%;
172
+ --dt-color-border-brand-strong-inverted-a: 100%;
173
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l);
174
+ --dt-color-border-brand-strong-inverted-hsla: hsl(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--alpha, 100%));
175
+ --dt-color-border-brand-strong-inverted: #A80056;
176
+ --dt-color-border-brand-subtle-inverted-h: 328.83116883116884;
177
+ --dt-color-border-brand-subtle-inverted-s: 100%;
178
+ --dt-color-border-brand-subtle-inverted-l: 84.90196078431373%;
179
+ --dt-color-border-brand-subtle-inverted-a: 100%;
180
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l);
181
+ --dt-color-border-brand-subtle-inverted-hsla: hsl(var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l) / var(--alpha, 100%));
182
+ --dt-color-border-brand-subtle-inverted: #FFB2DA;
183
+ --dt-color-border-brand-inverted-h: 329.20353982300884;
184
+ --dt-color-border-brand-inverted-s: 100%;
185
+ --dt-color-border-brand-inverted-l: 44.31372549019608%;
186
+ --dt-color-border-brand-inverted-a: 100%;
187
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l);
188
+ --dt-color-border-brand-inverted-hsla: hsl(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--alpha, 100%));
189
+ --dt-color-border-brand-inverted: #E20074;
190
+ --dt-color-border-brand-strong-h: 329.4117647058824;
191
+ --dt-color-border-brand-strong-s: 100%;
192
+ --dt-color-border-brand-strong-l: 90%;
193
+ --dt-color-border-brand-strong-a: 100%;
194
+ --dt-color-border-brand-strong-hsl: var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l);
195
+ --dt-color-border-brand-strong-hsla: hsl(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--alpha, 100%));
196
+ --dt-color-border-brand-strong: #FFCCE6;
197
+ --dt-color-border-brand-subtle-h: 329.3258426966292;
198
+ --dt-color-border-brand-subtle-s: 100%;
199
+ --dt-color-border-brand-subtle-l: 65.09803921568627%;
200
+ --dt-color-border-brand-subtle-a: 100%;
201
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l);
202
+ --dt-color-border-brand-subtle-hsla: hsl(var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l) / var(--alpha, 100%));
203
+ --dt-color-border-brand-subtle: #FF4DA8;
204
+ --dt-color-border-brand-h: 328.83116883116884;
205
+ --dt-color-border-brand-s: 100%;
206
+ --dt-color-border-brand-l: 84.90196078431373%;
207
+ --dt-color-border-brand-a: 100%;
208
+ --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
209
+ --dt-color-border-brand-hsla: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
210
+ --dt-color-border-brand: #FFB2DA;
211
+ --dt-color-surface-brand-subtle-opaque-h: 329;
212
+ --dt-color-surface-brand-subtle-opaque-s: 100%;
213
+ --dt-color-surface-brand-subtle-opaque-l: 44.3%;
214
+ --dt-color-surface-brand-subtle-opaque-a: 5%;
215
+ --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
216
+ --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 5%));
217
+ --dt-color-surface-brand-subtle-opaque: hsl(329 100% 44.3% / 0.05);
218
+ --dt-color-surface-brand-opaque-h: 329;
219
+ --dt-color-surface-brand-opaque-s: 100%;
220
+ --dt-color-surface-brand-opaque-l: 44.3%;
221
+ --dt-color-surface-brand-opaque-a: 11%;
222
+ --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
223
+ --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 11%));
224
+ --dt-color-surface-brand-opaque: hsl(329 100% 44.3% / 0.11);
225
+ --dt-color-surface-brand-strong-h: 328.83116883116884;
226
+ --dt-color-surface-brand-strong-s: 100%;
227
+ --dt-color-surface-brand-strong-l: 84.90196078431373%;
228
+ --dt-color-surface-brand-strong-a: 100%;
229
+ --dt-color-surface-brand-strong-hsl: var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l);
230
+ --dt-color-surface-brand-strong-hsla: hsl(var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l) / var(--alpha, 100%));
231
+ --dt-color-surface-brand-strong: #FFB2DA;
232
+ --dt-color-surface-brand-subtle-h: 328.69565217391306;
233
+ --dt-color-surface-brand-subtle-s: 100%;
234
+ --dt-color-surface-brand-subtle-l: 9.019607843137255%;
235
+ --dt-color-surface-brand-subtle-a: 100%;
236
+ --dt-color-surface-brand-subtle-hsl: var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l);
237
+ --dt-color-surface-brand-subtle-hsla: hsl(var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l) / var(--alpha, 100%));
238
+ --dt-color-surface-brand-subtle: #2E0018;
239
+ --dt-color-surface-brand-h: 329.5081967213115;
240
+ --dt-color-surface-brand-s: 100%;
241
+ --dt-color-surface-brand-l: 11.96078431372549%;
242
+ --dt-color-surface-brand-a: 100%;
243
+ --dt-color-surface-brand-hsl: var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l);
244
+ --dt-color-surface-brand-hsla: hsl(var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l) / var(--alpha, 100%));
245
+ --dt-color-surface-brand: #3D001F;
246
+ --dt-color-link-primary-inverted-hover-h: 329.2857142857143;
247
+ --dt-color-link-primary-inverted-hover-s: 100%;
248
+ --dt-color-link-primary-inverted-hover-l: 32.94117647058823%;
249
+ --dt-color-link-primary-inverted-hover-a: 100%;
250
+ --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l);
251
+ --dt-color-link-primary-inverted-hover-hsla: hsl(var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l) / var(--alpha, 100%));
252
+ --dt-color-link-primary-inverted-hover: #A80056;
253
+ --dt-color-link-primary-inverted-h: 329.20353982300884;
254
+ --dt-color-link-primary-inverted-s: 100%;
255
+ --dt-color-link-primary-inverted-l: 44.31372549019608%;
256
+ --dt-color-link-primary-inverted-a: 100%;
257
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l);
258
+ --dt-color-link-primary-inverted-hsla: hsl(var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l) / var(--alpha, 100%));
259
+ --dt-color-link-primary-inverted: #e20074;
260
+ --dt-color-link-primary-hover-h: 329.4117647058824;
261
+ --dt-color-link-primary-hover-s: 100%;
262
+ --dt-color-link-primary-hover-l: 90%;
263
+ --dt-color-link-primary-hover-a: 100%;
264
+ --dt-color-link-primary-hover-hsl: var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l);
265
+ --dt-color-link-primary-hover-hsla: hsl(var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l) / var(--alpha, 100%));
266
+ --dt-color-link-primary-hover: #FFCCE6;
267
+ --dt-color-link-primary-h: 328.83116883116884;
268
+ --dt-color-link-primary-s: 100%;
269
+ --dt-color-link-primary-l: 84.90196078431373%;
270
+ --dt-color-link-primary-a: 100%;
271
+ --dt-color-link-primary-hsl: var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l);
272
+ --dt-color-link-primary-hsla: hsl(var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l) / var(--alpha, 100%));
273
+ --dt-color-link-primary: #FFB2DA;
162
274
  --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
163
275
  --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
164
276
  --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
@@ -166,6 +278,20 @@
166
278
  --dt-radio-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
167
279
  --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
168
280
  --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
281
+ --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
282
+ --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
283
+ --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
284
+ --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
285
+ --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
286
+ --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
287
+ --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
288
+ --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
289
+ --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
290
+ --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
291
+ --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
292
+ --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
293
+ --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
294
+ --dt-radio-color-border-checked: var(--dt-color-border-brand);
169
295
  --dt-radio-size-width: var(--dt-size-500);
170
296
  --dt-icon-size-border-100: var(--dt-size-border-100);
171
297
  --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
@@ -175,6 +301,20 @@
175
301
  --dt-checkbox-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
176
302
  --dt-checkbox-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
177
303
  --dt-checkbox-color-foreground-default: var(--dt-color-neutral-transparent);
304
+ --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
305
+ --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
306
+ --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
307
+ --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
308
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
309
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
310
+ --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
311
+ --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
312
+ --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
313
+ --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
314
+ --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
315
+ --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
316
+ --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
317
+ --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
178
318
  --dt-checkbox-size-width: var(--dt-size-500);
179
319
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
180
320
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -226,6 +366,13 @@
226
366
  --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-color-purple-200-hsl);
227
367
  --dt-badge-color-background-bulletin-subtle-hsla: var(--dt-color-purple-200-hsla);
228
368
  --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
369
+ --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
370
+ --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
371
+ --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
372
+ --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
373
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
374
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
375
+ --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
229
376
  --dt-badge-color-background-critical-h: var(--dt-color-red-200-h);
230
377
  --dt-badge-color-background-critical-s: var(--dt-color-red-200-s);
231
378
  --dt-badge-color-background-critical-l: var(--dt-color-red-200-l);
@@ -296,146 +443,20 @@
296
443
  --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
297
444
  --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
298
445
  --dt-theme-presence-color-background-available: var(--dt-color-green-425);
299
- --dt-theme-sidebar-selected-row-color-background-h: 330;
300
- --dt-theme-sidebar-selected-row-color-background-s: 80.7%;
301
- --dt-theme-sidebar-selected-row-color-background-l: 73.5%;
302
- --dt-theme-sidebar-selected-row-color-background-a: 12%;
303
- --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
304
- --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 12%));
305
- --dt-theme-sidebar-selected-row-color-background: hsl(330 80.7% 73.5% / 0.12);
306
- --dt-theme-sidebar-row-color-background-active-h: 330;
307
- --dt-theme-sidebar-row-color-background-active-s: 80.7%;
308
- --dt-theme-sidebar-row-color-background-active-l: 73.5%;
309
- --dt-theme-sidebar-row-color-background-active-a: 15%;
310
- --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
311
- --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
312
- --dt-theme-sidebar-row-color-background-active: hsl(330 80.7% 73.5% / 0.15);
313
- --dt-theme-sidebar-row-color-background-hover-h: 330;
314
- --dt-theme-sidebar-row-color-background-hover-s: 80.7%;
315
- --dt-theme-sidebar-row-color-background-hover-l: 73.5%;
316
- --dt-theme-sidebar-row-color-background-hover-a: 10%;
317
- --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
318
- --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 10%));
319
- --dt-theme-sidebar-row-color-background-hover: hsl(330 80.7% 73.5% / 0.1);
320
- --dt-theme-sidebar-row-color-background-h: 330;
321
- --dt-theme-sidebar-row-color-background-s: 80.7%;
322
- --dt-theme-sidebar-row-color-background-l: 73.5%;
323
- --dt-theme-sidebar-row-color-background-a: 0%;
324
- --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
325
- --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
326
- --dt-theme-sidebar-row-color-background: hsl(330 80.7% 73.5% / 0);
327
- --dt-theme-topbar-profile-color-background-active-h: 330;
328
- --dt-theme-topbar-profile-color-background-active-s: 80.7%;
329
- --dt-theme-topbar-profile-color-background-active-l: 73.5%;
330
- --dt-theme-topbar-profile-color-background-active-a: 14%;
331
- --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
332
- --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
333
- --dt-theme-topbar-profile-color-background-active: hsl(330 80.7% 73.5% / 0.14);
334
- --dt-theme-topbar-profile-color-background-hover-h: 330;
335
- --dt-theme-topbar-profile-color-background-hover-s: 80.7%;
336
- --dt-theme-topbar-profile-color-background-hover-l: 73.5%;
337
- --dt-theme-topbar-profile-color-background-hover-a: 10%;
338
- --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
339
- --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
340
- --dt-theme-topbar-profile-color-background-hover: hsl(330 80.7% 73.5% / 0.1);
341
- --dt-theme-topbar-profile-color-background-inverted-h: 330;
342
- --dt-theme-topbar-profile-color-background-inverted-s: 80.7%;
343
- --dt-theme-topbar-profile-color-background-inverted-l: 73.5%;
344
- --dt-theme-topbar-profile-color-background-inverted-a: 75%;
345
- --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
346
- --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
347
- --dt-theme-topbar-profile-color-background-inverted: hsl(330 80.7% 73.5% / 0.75);
348
- --dt-theme-topbar-profile-color-background-h: 330;
349
- --dt-theme-topbar-profile-color-background-s: 80.7%;
350
- --dt-theme-topbar-profile-color-background-l: 73.5%;
351
- --dt-theme-topbar-profile-color-background-a: 5%;
352
- --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
353
- --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
354
- --dt-theme-topbar-profile-color-background: hsl(330 80.7% 73.5% / 0.05);
355
- --dt-theme-topbar-button-color-background-active-h: 330;
356
- --dt-theme-topbar-button-color-background-active-s: 80.7%;
357
- --dt-theme-topbar-button-color-background-active-l: 73.5%;
358
- --dt-theme-topbar-button-color-background-active-a: 10%;
359
- --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
360
- --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
361
- --dt-theme-topbar-button-color-background-active: hsl(330 80.7% 73.5% / 0.1);
362
- --dt-theme-topbar-button-color-background-hover-h: 330;
363
- --dt-theme-topbar-button-color-background-hover-s: 80.7%;
364
- --dt-theme-topbar-button-color-background-hover-l: 73.5%;
365
- --dt-theme-topbar-button-color-background-hover-a: 15%;
366
- --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
367
- --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 15%));
368
- --dt-theme-topbar-button-color-background-hover: hsl(330 80.7% 73.5% / 0.15);
369
- --dt-theme-topbar-button-color-background-h: 330;
370
- --dt-theme-topbar-button-color-background-s: 80.7%;
371
- --dt-theme-topbar-button-color-background-l: 73.5%;
372
- --dt-theme-topbar-button-color-background-a: 0%;
373
- --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
374
- --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
375
- --dt-theme-topbar-button-color-background: hsl(330 80.7% 73.5% / 0);
376
- --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
377
- --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
378
- --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
379
- --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
380
- --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
381
- --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
382
- --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
383
- --dt-theme-topbar-button-color-foreground-h: 330;
384
- --dt-theme-topbar-button-color-foreground-s: 80.7%;
385
- --dt-theme-topbar-button-color-foreground-l: 73.5%;
386
- --dt-theme-topbar-button-color-foreground-a: 65%;
387
- --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
388
- --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
389
- --dt-theme-topbar-button-color-foreground: hsl(330 80.7% 73.5% / 0.65);
390
- --dt-theme-topbar-field-color-border-active-h: 330;
391
- --dt-theme-topbar-field-color-border-active-s: 80.7%;
392
- --dt-theme-topbar-field-color-border-active-l: 73.5%;
393
- --dt-theme-topbar-field-color-border-active-a: 20%;
394
- --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
395
- --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
396
- --dt-theme-topbar-field-color-border-active: hsl(330 80.7% 73.5% / 0.2);
397
- --dt-theme-topbar-field-color-border-hover-h: 330;
398
- --dt-theme-topbar-field-color-border-hover-s: 80.7%;
399
- --dt-theme-topbar-field-color-border-hover-l: 73.5%;
400
- --dt-theme-topbar-field-color-border-hover-a: 10%;
401
- --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
402
- --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
403
- --dt-theme-topbar-field-color-border-hover: hsl(330 80.7% 73.5% / 0.1);
404
- --dt-theme-topbar-field-color-border-h: 330;
405
- --dt-theme-topbar-field-color-border-s: 80.7%;
406
- --dt-theme-topbar-field-color-border-l: 73.5%;
407
- --dt-theme-topbar-field-color-border-a: 0%;
408
- --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
409
- --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
410
- --dt-theme-topbar-field-color-border: hsl(330 80.7% 73.5% / 0);
411
- --dt-theme-topbar-field-color-background-h: 330;
412
- --dt-theme-topbar-field-color-background-s: 80.7%;
413
- --dt-theme-topbar-field-color-background-l: 73.5%;
414
- --dt-theme-topbar-field-color-background-a: 5%;
415
- --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
416
- --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
417
- --dt-theme-topbar-field-color-background: hsl(330 80.7% 73.5% / 0.05);
418
- --dt-theme-topbar-field-color-foreground-hover-h: 330;
419
- --dt-theme-topbar-field-color-foreground-hover-s: 80.7%;
420
- --dt-theme-topbar-field-color-foreground-hover-l: 73.5%;
421
- --dt-theme-topbar-field-color-foreground-hover-a: 75%;
422
- --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
423
- --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
424
- --dt-theme-topbar-field-color-foreground-hover: hsl(330 80.7% 73.5% / 0.75);
425
- --dt-theme-topbar-field-color-foreground-h: 330;
426
- --dt-theme-topbar-field-color-foreground-s: 80.7%;
427
- --dt-theme-topbar-field-color-foreground-l: 73.5%;
428
- --dt-theme-topbar-field-color-foreground-a: 50%;
429
- --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
430
- --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
431
- --dt-theme-topbar-field-color-foreground: hsl(330 80.7% 73.5% / 0.5);
432
- --dt-theme-topbar-color-foreground-h: 330;
433
- --dt-theme-topbar-color-foreground-s: 80.7%;
434
- --dt-theme-topbar-color-foreground-l: 73.5%;
435
- --dt-theme-topbar-color-foreground-a: 80%;
436
- --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
437
- --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
438
- --dt-theme-topbar-color-foreground: hsl(330 80.7% 73.5% / 0.8);
446
+ --dt-theme-color-base-h: var(--dt-color-black-900-h);
447
+ --dt-theme-color-base-s: var(--dt-color-black-900-s);
448
+ --dt-theme-color-base-l: var(--dt-color-black-900-l);
449
+ --dt-theme-color-base-a: var(--dt-color-black-900-a);
450
+ --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
451
+ --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
452
+ --dt-theme-color-base: var(--dt-color-black-900);
453
+ --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
454
+ --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
455
+ --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
456
+ --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
457
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
458
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
459
+ --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
439
460
  --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
440
461
  --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
441
462
  --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
@@ -464,20 +485,20 @@
464
485
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
465
486
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
466
487
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
467
- --dt-action-color-background-inverted-primary-active-h: var(--dt-color-purple-200-h);
468
- --dt-action-color-background-inverted-primary-active-s: var(--dt-color-purple-200-s);
469
- --dt-action-color-background-inverted-primary-active-l: var(--dt-color-purple-200-l);
470
- --dt-action-color-background-inverted-primary-active-a: var(--dt-color-purple-200-a);
471
- --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
472
- --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
473
- --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
474
- --dt-action-color-background-inverted-primary-default-h: var(--dt-color-black-100-h);
475
- --dt-action-color-background-inverted-primary-default-s: var(--dt-color-black-100-s);
476
- --dt-action-color-background-inverted-primary-default-l: var(--dt-color-black-100-l);
477
- --dt-action-color-background-inverted-primary-default-a: var(--dt-color-black-100-a);
478
- --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
479
- --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
480
- --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
488
+ --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
489
+ --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
490
+ --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
491
+ --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
492
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
493
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
494
+ --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
495
+ --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-brand-subtle-h);
496
+ --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-brand-subtle-s);
497
+ --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-brand-subtle-l);
498
+ --dt-action-color-background-inverted-primary-default-a: var(--dt-color-surface-brand-subtle-a);
499
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-brand-subtle-hsl);
500
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-brand-subtle-hsla);
501
+ --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-brand-subtle);
481
502
  --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
482
503
  --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
483
504
  --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
@@ -506,27 +527,20 @@
506
527
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
507
528
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
508
529
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
509
- --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-550-h);
510
- --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-550-s);
511
- --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-550-l);
512
- --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-550-a);
513
- --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-550-hsl);
514
- --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-550-hsla);
515
- --dt-action-color-background-base-primary-hover: var(--dt-color-purple-550);
516
- --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-500-h);
517
- --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-500-s);
518
- --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-500-l);
519
- --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-500-a);
520
- --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-500-hsl);
521
- --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-500-hsla);
522
- --dt-action-color-background-base-primary-default: var(--dt-color-purple-500);
523
- --dt-action-color-background-base-hover-h: 253;
524
- --dt-action-color-background-base-hover-s: 95.9%;
525
- --dt-action-color-background-base-hover-l: 71.6%;
526
- --dt-action-color-background-base-hover-a: 20%;
527
- --dt-action-color-background-base-hover-hsl: var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l);
528
- --dt-action-color-background-base-hover-hsla: hsl(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 20%));
529
- --dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
530
+ --dt-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
531
+ --dt-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
532
+ --dt-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
533
+ --dt-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
534
+ --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
535
+ --dt-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
536
+ --dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
537
+ --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
538
+ --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
539
+ --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
540
+ --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
541
+ --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
542
+ --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
543
+ --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
530
544
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
531
545
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
532
546
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
@@ -541,6 +555,20 @@
541
555
  --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-black-50-hsl);
542
556
  --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-black-50-hsla);
543
557
  --dt-action-color-foreground-positive-primary-default: var(--dt-color-black-50);
558
+ --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
559
+ --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
560
+ --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
561
+ --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
562
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
563
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
564
+ --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
565
+ --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
566
+ --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
567
+ --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
568
+ --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
569
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
570
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
571
+ --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
544
572
  --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-black-50-h);
545
573
  --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-black-50-s);
546
574
  --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-black-50-l);
@@ -555,6 +583,20 @@
555
583
  --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
556
584
  --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
557
585
  --dt-action-color-foreground-base-primary-default: var(--dt-color-black-50);
586
+ --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
587
+ --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
588
+ --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
589
+ --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
590
+ --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
591
+ --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
592
+ --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
593
+ --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
594
+ --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
595
+ --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
596
+ --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
597
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
598
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
599
+ --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
558
600
  --dt-inputs-color-background-focus-h: var(--dt-color-black-100-h);
559
601
  --dt-inputs-color-background-focus-s: var(--dt-color-black-100-s);
560
602
  --dt-inputs-color-background-focus-l: var(--dt-color-black-100-l);
@@ -734,13 +776,6 @@
734
776
  --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
735
777
  --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
736
778
  --dt-color-border-focus: var(--dt-color-blue-300);
737
- --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-250-h);
738
- --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-250-s);
739
- --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-250-l);
740
- --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-250-a);
741
- --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-250-hsl);
742
- --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-250-hsla);
743
- --dt-color-border-brand-strong-inverted: var(--dt-color-purple-250);
744
779
  --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-350-h);
745
780
  --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-350-s);
746
781
  --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-350-l);
@@ -762,13 +797,6 @@
762
797
  --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
763
798
  --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
764
799
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-300);
765
- --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
766
- --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
767
- --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
768
- --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-500-a);
769
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
770
- --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
771
- --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
772
800
  --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
773
801
  --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
774
802
  --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
@@ -790,13 +818,6 @@
790
818
  --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-600-hsl);
791
819
  --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-600-hsla);
792
820
  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-600);
793
- --dt-color-border-brand-inverted-h: var(--dt-color-purple-350-h);
794
- --dt-color-border-brand-inverted-s: var(--dt-color-purple-350-s);
795
- --dt-color-border-brand-inverted-l: var(--dt-color-purple-350-l);
796
- --dt-color-border-brand-inverted-a: var(--dt-color-purple-350-a);
797
- --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-350-hsl);
798
- --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-350-hsla);
799
- --dt-color-border-brand-inverted: var(--dt-color-purple-350);
800
821
  --dt-color-border-warning-inverted-h: var(--dt-color-gold-450-h);
801
822
  --dt-color-border-warning-inverted-s: var(--dt-color-gold-450-s);
802
823
  --dt-color-border-warning-inverted-l: var(--dt-color-gold-450-l);
@@ -846,13 +867,6 @@
846
867
  --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
847
868
  --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 10%));
848
869
  --dt-color-border-subtle-inverted: hsl(0 0% 0% / 0.1);
849
- --dt-color-border-brand-strong-h: var(--dt-color-purple-550-h);
850
- --dt-color-border-brand-strong-s: var(--dt-color-purple-550-s);
851
- --dt-color-border-brand-strong-l: var(--dt-color-purple-550-l);
852
- --dt-color-border-brand-strong-a: var(--dt-color-purple-550-a);
853
- --dt-color-border-brand-strong-hsl: var(--dt-color-purple-550-hsl);
854
- --dt-color-border-brand-strong-hsla: var(--dt-color-purple-550-hsla);
855
- --dt-color-border-brand-strong: var(--dt-color-purple-550);
856
870
  --dt-color-border-warning-strong-h: var(--dt-color-gold-700-h);
857
871
  --dt-color-border-warning-strong-s: var(--dt-color-gold-700-s);
858
872
  --dt-color-border-warning-strong-l: var(--dt-color-gold-700-l);
@@ -874,13 +888,6 @@
874
888
  --dt-color-border-critical-strong-hsl: var(--dt-color-red-700-hsl);
875
889
  --dt-color-border-critical-strong-hsla: var(--dt-color-red-700-hsla);
876
890
  --dt-color-border-critical-strong: var(--dt-color-red-700);
877
- --dt-color-border-brand-subtle-h: var(--dt-color-purple-350-h);
878
- --dt-color-border-brand-subtle-s: var(--dt-color-purple-350-s);
879
- --dt-color-border-brand-subtle-l: var(--dt-color-purple-350-l);
880
- --dt-color-border-brand-subtle-a: var(--dt-color-purple-350-a);
881
- --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-350-hsl);
882
- --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-350-hsla);
883
- --dt-color-border-brand-subtle: var(--dt-color-purple-350);
884
891
  --dt-color-border-warning-subtle-h: var(--dt-color-gold-450-h);
885
892
  --dt-color-border-warning-subtle-s: var(--dt-color-gold-450-s);
886
893
  --dt-color-border-warning-subtle-l: var(--dt-color-gold-450-l);
@@ -902,13 +909,6 @@
902
909
  --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
903
910
  --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
904
911
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
905
- --dt-color-border-brand-h: var(--dt-color-purple-500-h);
906
- --dt-color-border-brand-s: var(--dt-color-purple-500-s);
907
- --dt-color-border-brand-l: var(--dt-color-purple-500-l);
908
- --dt-color-border-brand-a: var(--dt-color-purple-500-a);
909
- --dt-color-border-brand-hsl: var(--dt-color-purple-500-hsl);
910
- --dt-color-border-brand-hsla: var(--dt-color-purple-500-hsla);
911
- --dt-color-border-brand: var(--dt-color-purple-500);
912
912
  --dt-color-border-warning-h: var(--dt-color-gold-600-h);
913
913
  --dt-color-border-warning-s: var(--dt-color-gold-600-s);
914
914
  --dt-color-border-warning-l: var(--dt-color-gold-600-l);
@@ -1217,13 +1217,6 @@
1217
1217
  --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
1218
1218
  --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
1219
1219
  --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1220
- --dt-color-surface-brand-subtle-opaque-h: 260;
1221
- --dt-color-surface-brand-subtle-opaque-s: 91.3%;
1222
- --dt-color-surface-brand-subtle-opaque-l: 9.02%;
1223
- --dt-color-surface-brand-subtle-opaque-a: 65%;
1224
- --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
1225
- --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 65%));
1226
- --dt-color-surface-brand-subtle-opaque: hsl(260 91.3% 9.02% / 0.65);
1227
1220
  --dt-color-surface-info-subtle-opaque-h: 211;
1228
1221
  --dt-color-surface-info-subtle-opaque-s: 91.3%;
1229
1222
  --dt-color-surface-info-subtle-opaque-l: 4.51%;
@@ -1252,13 +1245,6 @@
1252
1245
  --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
1253
1246
  --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 60%));
1254
1247
  --dt-color-surface-critical-subtle-opaque: hsl(344 93.1% 5.69% / 0.6);
1255
- --dt-color-surface-brand-opaque-h: 260;
1256
- --dt-color-surface-brand-opaque-s: 97.7%;
1257
- --dt-color-surface-brand-opaque-l: 16.9%;
1258
- --dt-color-surface-brand-opaque-a: 70%;
1259
- --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
1260
- --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 70%));
1261
- --dt-color-surface-brand-opaque: hsl(260 97.7% 16.9% / 0.7);
1262
1248
  --dt-color-surface-info-opaque-h: 211;
1263
1249
  --dt-color-surface-info-opaque-s: 100%;
1264
1250
  --dt-color-surface-info-opaque-l: 8.04%;
@@ -1322,13 +1308,6 @@
1322
1308
  --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
1323
1309
  --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 3%));
1324
1310
  --dt-color-surface-secondary-opaque: hsl(0 0% 90.2% / 0.03);
1325
- --dt-color-surface-brand-strong-h: var(--dt-color-purple-500-h);
1326
- --dt-color-surface-brand-strong-s: var(--dt-color-purple-500-s);
1327
- --dt-color-surface-brand-strong-l: var(--dt-color-purple-500-l);
1328
- --dt-color-surface-brand-strong-a: var(--dt-color-purple-500-a);
1329
- --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-500-hsl);
1330
- --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-500-hsla);
1331
- --dt-color-surface-brand-strong: var(--dt-color-purple-500);
1332
1311
  --dt-color-surface-info-strong-h: var(--dt-color-blue-450-h);
1333
1312
  --dt-color-surface-info-strong-s: var(--dt-color-blue-450-s);
1334
1313
  --dt-color-surface-info-strong-l: var(--dt-color-blue-450-l);
@@ -1357,13 +1336,6 @@
1357
1336
  --dt-color-surface-critical-strong-hsl: var(--dt-color-red-600-hsl);
1358
1337
  --dt-color-surface-critical-strong-hsla: var(--dt-color-red-600-hsla);
1359
1338
  --dt-color-surface-critical-strong: var(--dt-color-red-600);
1360
- --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
1361
- --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
1362
- --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
1363
- --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
1364
- --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
1365
- --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
1366
- --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
1367
1339
  --dt-color-surface-info-subtle-h: 211;
1368
1340
  --dt-color-surface-info-subtle-s: 100%;
1369
1341
  --dt-color-surface-info-subtle-l: 4.82%;
@@ -1392,13 +1364,6 @@
1392
1364
  --dt-color-surface-critical-subtle-hsl: var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l);
1393
1365
  --dt-color-surface-critical-subtle-hsla: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
1394
1366
  --dt-color-surface-critical-subtle: hsl(343 100% 5.49%);
1395
- --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
1396
- --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
1397
- --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
1398
- --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
1399
- --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1400
- --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1401
- --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1402
1367
  --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1403
1368
  --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1404
1369
  --dt-color-surface-info-l: var(--dt-color-blue-100-l);
@@ -1483,20 +1448,6 @@
1483
1448
  --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-200-hsl);
1484
1449
  --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-200-hsla);
1485
1450
  --dt-color-link-warning-inverted-hover: var(--dt-color-gold-200);
1486
- --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-250-h);
1487
- --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-250-s);
1488
- --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-250-l);
1489
- --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-250-a);
1490
- --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-250-hsl);
1491
- --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-250-hsla);
1492
- --dt-color-link-primary-inverted-hover: var(--dt-color-purple-250);
1493
- --dt-color-link-primary-inverted-h: var(--dt-color-purple-350-h);
1494
- --dt-color-link-primary-inverted-s: var(--dt-color-purple-350-s);
1495
- --dt-color-link-primary-inverted-l: var(--dt-color-purple-350-l);
1496
- --dt-color-link-primary-inverted-a: var(--dt-color-purple-350-a);
1497
- --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-350-hsl);
1498
- --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-350-hsla);
1499
- --dt-color-link-primary-inverted: var(--dt-color-purple-350);
1500
1451
  --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
1501
1452
  --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
1502
1453
  --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
@@ -1504,20 +1455,6 @@
1504
1455
  --dt-color-link-warning-hover-hsl: var(--dt-color-gold-700-hsl);
1505
1456
  --dt-color-link-warning-hover-hsla: var(--dt-color-gold-700-hsla);
1506
1457
  --dt-color-link-warning-hover: var(--dt-color-gold-700);
1507
- --dt-color-link-primary-hover-h: var(--dt-color-purple-550-h);
1508
- --dt-color-link-primary-hover-s: var(--dt-color-purple-550-s);
1509
- --dt-color-link-primary-hover-l: var(--dt-color-purple-550-l);
1510
- --dt-color-link-primary-hover-a: var(--dt-color-purple-550-a);
1511
- --dt-color-link-primary-hover-hsl: var(--dt-color-purple-550-hsl);
1512
- --dt-color-link-primary-hover-hsla: var(--dt-color-purple-550-hsla);
1513
- --dt-color-link-primary-hover: var(--dt-color-purple-550);
1514
- --dt-color-link-primary-h: var(--dt-color-purple-500-h);
1515
- --dt-color-link-primary-s: var(--dt-color-purple-500-s);
1516
- --dt-color-link-primary-l: var(--dt-color-purple-500-l);
1517
- --dt-color-link-primary-a: var(--dt-color-purple-500-a);
1518
- --dt-color-link-primary-hsl: var(--dt-color-purple-500-hsl);
1519
- --dt-color-link-primary-hsla: var(--dt-color-purple-500-hsla);
1520
- --dt-color-link-primary: var(--dt-color-purple-500);
1521
1458
  --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-300-h);
1522
1459
  --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-300-s);
1523
1460
  --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-300-l);
@@ -1680,20 +1617,6 @@
1680
1617
  --dt-radio-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1681
1618
  --dt-radio-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1682
1619
  --dt-radio-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
1683
- --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1684
- --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1685
- --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
1686
- --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
1687
- --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1688
- --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1689
- --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
1690
- --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1691
- --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1692
- --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
1693
- --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
1694
- --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1695
- --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1696
- --dt-radio-color-border-checked: var(--dt-color-border-brand);
1697
1620
  --dt-radio-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1698
1621
  --dt-radio-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1699
1622
  --dt-radio-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
@@ -1730,20 +1653,6 @@
1730
1653
  --dt-checkbox-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1731
1654
  --dt-checkbox-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1732
1655
  --dt-checkbox-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
1733
- --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1734
- --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1735
- --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
1736
- --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
1737
- --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1738
- --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1739
- --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
1740
- --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
1741
- --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
1742
- --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
1743
- --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
1744
- --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1745
- --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1746
- --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1747
1656
  --dt-checkbox-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1748
1657
  --dt-checkbox-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1749
1658
  --dt-checkbox-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
@@ -1780,13 +1689,6 @@
1780
1689
  --dt-badge-color-foreground-bulletin-subtle-hsla: hsl(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
1781
1690
  --dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
1782
1691
  --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1783
- --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1784
- --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1785
- --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
1786
- --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
1787
- --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
1788
- --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
1789
- --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
1790
1692
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1791
1693
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1792
1694
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -1808,6 +1710,13 @@
1808
1710
  --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1809
1711
  --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1810
1712
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1713
+ --dt-theme-sidebar-selected-row-color-background-h: 0;
1714
+ --dt-theme-sidebar-selected-row-color-background-s: 0%;
1715
+ --dt-theme-sidebar-selected-row-color-background-l: 90.2%;
1716
+ --dt-theme-sidebar-selected-row-color-background-a: 12%;
1717
+ --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
1718
+ --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 12%));
1719
+ --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
1811
1720
  --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1812
1721
  --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1813
1722
  --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
@@ -1815,6 +1724,27 @@
1815
1724
  --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1816
1725
  --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1817
1726
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1727
+ --dt-theme-sidebar-row-color-background-active-h: 0;
1728
+ --dt-theme-sidebar-row-color-background-active-s: 0%;
1729
+ --dt-theme-sidebar-row-color-background-active-l: 90.2%;
1730
+ --dt-theme-sidebar-row-color-background-active-a: 15%;
1731
+ --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
1732
+ --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
1733
+ --dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
1734
+ --dt-theme-sidebar-row-color-background-hover-h: 0;
1735
+ --dt-theme-sidebar-row-color-background-hover-s: 0%;
1736
+ --dt-theme-sidebar-row-color-background-hover-l: 90.2%;
1737
+ --dt-theme-sidebar-row-color-background-hover-a: 10%;
1738
+ --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
1739
+ --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 10%));
1740
+ --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
1741
+ --dt-theme-sidebar-row-color-background-h: 0;
1742
+ --dt-theme-sidebar-row-color-background-s: 0%;
1743
+ --dt-theme-sidebar-row-color-background-l: 90.2%;
1744
+ --dt-theme-sidebar-row-color-background-a: 0%;
1745
+ --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
1746
+ --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
1747
+ --dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
1818
1748
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1819
1749
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1820
1750
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1836,6 +1766,34 @@
1836
1766
  --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1837
1767
  --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1838
1768
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1769
+ --dt-theme-topbar-profile-color-background-active-h: 0;
1770
+ --dt-theme-topbar-profile-color-background-active-s: 0%;
1771
+ --dt-theme-topbar-profile-color-background-active-l: 90.2%;
1772
+ --dt-theme-topbar-profile-color-background-active-a: 14%;
1773
+ --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
1774
+ --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
1775
+ --dt-theme-topbar-profile-color-background-active: hsl(0 0% 90.2% / 0.14);
1776
+ --dt-theme-topbar-profile-color-background-hover-h: 0;
1777
+ --dt-theme-topbar-profile-color-background-hover-s: 0%;
1778
+ --dt-theme-topbar-profile-color-background-hover-l: 90.2%;
1779
+ --dt-theme-topbar-profile-color-background-hover-a: 10%;
1780
+ --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
1781
+ --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
1782
+ --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 90.2% / 0.1);
1783
+ --dt-theme-topbar-profile-color-background-inverted-h: 0;
1784
+ --dt-theme-topbar-profile-color-background-inverted-s: 0%;
1785
+ --dt-theme-topbar-profile-color-background-inverted-l: 90.2%;
1786
+ --dt-theme-topbar-profile-color-background-inverted-a: 75%;
1787
+ --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
1788
+ --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
1789
+ --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 90.2% / 0.75);
1790
+ --dt-theme-topbar-profile-color-background-h: 0;
1791
+ --dt-theme-topbar-profile-color-background-s: 0%;
1792
+ --dt-theme-topbar-profile-color-background-l: 90.2%;
1793
+ --dt-theme-topbar-profile-color-background-a: 5%;
1794
+ --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
1795
+ --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
1796
+ --dt-theme-topbar-profile-color-background: hsl(0 0% 90.2% / 0.05);
1839
1797
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1840
1798
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1841
1799
  --dt-theme-topbar-profile-color-foreground-inverted-l: 0%;
@@ -1843,13 +1801,83 @@
1843
1801
  --dt-theme-topbar-profile-color-foreground-inverted-hsl: var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l);
1844
1802
  --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 75%));
1845
1803
  --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
1846
- --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
1847
- --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
1848
- --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
1849
- --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
1850
- --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1851
- --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1852
- --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
1804
+ --dt-theme-topbar-button-color-background-active-h: 0;
1805
+ --dt-theme-topbar-button-color-background-active-s: 0%;
1806
+ --dt-theme-topbar-button-color-background-active-l: 90.2%;
1807
+ --dt-theme-topbar-button-color-background-active-a: 10%;
1808
+ --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
1809
+ --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
1810
+ --dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
1811
+ --dt-theme-topbar-button-color-background-hover-h: 0;
1812
+ --dt-theme-topbar-button-color-background-hover-s: 0%;
1813
+ --dt-theme-topbar-button-color-background-hover-l: 90.2%;
1814
+ --dt-theme-topbar-button-color-background-hover-a: 15%;
1815
+ --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
1816
+ --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 15%));
1817
+ --dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
1818
+ --dt-theme-topbar-button-color-background-h: 0;
1819
+ --dt-theme-topbar-button-color-background-s: 0%;
1820
+ --dt-theme-topbar-button-color-background-l: 90.2%;
1821
+ --dt-theme-topbar-button-color-background-a: 0%;
1822
+ --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
1823
+ --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
1824
+ --dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
1825
+ --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1826
+ --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1827
+ --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
1828
+ --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
1829
+ --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
1830
+ --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
1831
+ --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1832
+ --dt-theme-topbar-button-color-foreground-h: 0;
1833
+ --dt-theme-topbar-button-color-foreground-s: 0%;
1834
+ --dt-theme-topbar-button-color-foreground-l: 90.2%;
1835
+ --dt-theme-topbar-button-color-foreground-a: 65%;
1836
+ --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
1837
+ --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
1838
+ --dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
1839
+ --dt-theme-topbar-field-color-border-active-h: 0;
1840
+ --dt-theme-topbar-field-color-border-active-s: 0%;
1841
+ --dt-theme-topbar-field-color-border-active-l: 90.2%;
1842
+ --dt-theme-topbar-field-color-border-active-a: 20%;
1843
+ --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
1844
+ --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
1845
+ --dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
1846
+ --dt-theme-topbar-field-color-border-hover-h: 0;
1847
+ --dt-theme-topbar-field-color-border-hover-s: 0%;
1848
+ --dt-theme-topbar-field-color-border-hover-l: 90.2%;
1849
+ --dt-theme-topbar-field-color-border-hover-a: 10%;
1850
+ --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
1851
+ --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
1852
+ --dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
1853
+ --dt-theme-topbar-field-color-border-h: 0;
1854
+ --dt-theme-topbar-field-color-border-s: 0%;
1855
+ --dt-theme-topbar-field-color-border-l: 90.2%;
1856
+ --dt-theme-topbar-field-color-border-a: 0%;
1857
+ --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
1858
+ --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
1859
+ --dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
1860
+ --dt-theme-topbar-field-color-background-h: 0;
1861
+ --dt-theme-topbar-field-color-background-s: 0%;
1862
+ --dt-theme-topbar-field-color-background-l: 90.2%;
1863
+ --dt-theme-topbar-field-color-background-a: 5%;
1864
+ --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
1865
+ --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
1866
+ --dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
1867
+ --dt-theme-topbar-field-color-foreground-hover-h: 0;
1868
+ --dt-theme-topbar-field-color-foreground-hover-s: 0%;
1869
+ --dt-theme-topbar-field-color-foreground-hover-l: 90.2%;
1870
+ --dt-theme-topbar-field-color-foreground-hover-a: 75%;
1871
+ --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
1872
+ --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
1873
+ --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
1874
+ --dt-theme-topbar-field-color-foreground-h: 0;
1875
+ --dt-theme-topbar-field-color-foreground-s: 0%;
1876
+ --dt-theme-topbar-field-color-foreground-l: 90.2%;
1877
+ --dt-theme-topbar-field-color-foreground-a: 50%;
1878
+ --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
1879
+ --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
1880
+ --dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
1853
1881
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1854
1882
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1855
1883
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1857,6 +1885,13 @@
1857
1885
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1858
1886
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1859
1887
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1888
+ --dt-theme-topbar-color-foreground-h: 0;
1889
+ --dt-theme-topbar-color-foreground-s: 0%;
1890
+ --dt-theme-topbar-color-foreground-l: 90.2%;
1891
+ --dt-theme-topbar-color-foreground-a: 80%;
1892
+ --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1893
+ --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
1894
+ --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.8);
1860
1895
  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1861
1896
  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1862
1897
  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
@@ -1878,13 +1913,6 @@
1878
1913
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1879
1914
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1880
1915
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
1881
- --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
1882
- --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
1883
- --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
1884
- --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
1885
- --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
1886
- --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
1887
- --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
1888
1916
  --dt-action-color-background-positive-primary-active-h: var(--dt-action-color-background-positive-primary-default-h);
1889
1917
  --dt-action-color-background-positive-primary-active-s: var(--dt-action-color-background-positive-primary-default-s);
1890
1918
  --dt-action-color-background-positive-primary-active-l: var(--dt-action-color-background-positive-primary-default-l);
@@ -1920,13 +1948,13 @@
1920
1948
  --dt-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1921
1949
  --dt-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1922
1950
  --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
1923
- --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
1924
- --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
1925
- --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
1926
- --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
1927
- --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
1928
- --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
1929
- --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
1951
+ --dt-action-color-background-inverted-primary-active-h: var(--dt-action-color-background-inverted-primary-default-h);
1952
+ --dt-action-color-background-inverted-primary-active-s: var(--dt-action-color-background-inverted-primary-default-s);
1953
+ --dt-action-color-background-inverted-primary-active-l: var(--dt-action-color-background-inverted-primary-default-l);
1954
+ --dt-action-color-background-inverted-primary-active-a: var(--dt-action-color-background-inverted-primary-default-a);
1955
+ --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-default-hsl);
1956
+ --dt-action-color-background-inverted-primary-active-hsla: var(--dt-action-color-background-inverted-primary-default-hsla);
1957
+ --dt-action-color-background-inverted-primary-active: var(--dt-action-color-background-inverted-primary-default);
1930
1958
  --dt-action-color-background-inverted-active-h: var(--dt-color-surface-bold-opaque-inverted-h);
1931
1959
  --dt-action-color-background-inverted-active-s: var(--dt-color-surface-bold-opaque-inverted-s);
1932
1960
  --dt-action-color-background-inverted-active-l: var(--dt-color-surface-bold-opaque-inverted-l);
@@ -1955,20 +1983,13 @@
1955
1983
  --dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
1956
1984
  --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
1957
1985
  --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
1958
- --dt-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
1959
- --dt-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
1960
- --dt-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
1961
- --dt-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
1962
- --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
1963
- --dt-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
1964
- --dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
1965
- --dt-action-color-background-base-active-h: 253;
1966
- --dt-action-color-background-base-active-s: 95.9%;
1967
- --dt-action-color-background-base-active-l: 71.6%;
1986
+ --dt-action-color-background-base-active-h: 329;
1987
+ --dt-action-color-background-base-active-s: 100%;
1988
+ --dt-action-color-background-base-active-l: 44.3%;
1968
1989
  --dt-action-color-background-base-active-a: 30%;
1969
1990
  --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
1970
1991
  --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 30%));
1971
- --dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
1992
+ --dt-action-color-background-base-active: hsl(329 100% 44.3% / 0.3);
1972
1993
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
1973
1994
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
1974
1995
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
@@ -1976,20 +1997,13 @@
1976
1997
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1977
1998
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1978
1999
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
1979
- --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
1980
- --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
1981
- --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
1982
- --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
1983
- --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
1984
- --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
1985
- --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
1986
- --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
1987
- --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
1988
- --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
1989
- --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
1990
- --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
1991
- --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
1992
- --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
2000
+ --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
2001
+ --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
2002
+ --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
2003
+ --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
2004
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
2005
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
2006
+ --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
1993
2007
  --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
1994
2008
  --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
1995
2009
  --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1997,20 +2011,13 @@
1997
2011
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1998
2012
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1999
2013
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
2000
- --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
2001
- --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
2002
- --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
2003
- --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
2004
- --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
2005
- --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
2006
- --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
2007
- --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
2008
- --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
2009
- --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
2010
- --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
2011
- --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
2012
- --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
2013
- --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
2014
+ --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
2015
+ --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
2016
+ --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
2017
+ --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
2018
+ --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
2019
+ --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
2020
+ --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
2014
2021
  --dt-inputs-color-background-disabled-h: var(--dt-color-surface-moderate-opaque-h);
2015
2022
  --dt-inputs-color-background-disabled-s: var(--dt-color-surface-moderate-opaque-s);
2016
2023
  --dt-inputs-color-background-disabled-l: var(--dt-color-surface-moderate-opaque-l);
@@ -2280,6 +2287,13 @@
2280
2287
  --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
2281
2288
  --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
2282
2289
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
2290
+ --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
2291
+ --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
2292
+ --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
2293
+ --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
2294
+ --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
2295
+ --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
2296
+ --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
2283
2297
  --dt-theme-topbar-field-color-background-hover-h: 0;
2284
2298
  --dt-theme-topbar-field-color-background-hover-s: 0%;
2285
2299
  --dt-theme-topbar-field-color-background-hover-l: 8.27%;
@@ -2329,13 +2343,6 @@
2329
2343
  --dt-action-color-foreground-muted-default-hsl: var(--dt-color-link-muted-hsl);
2330
2344
  --dt-action-color-foreground-muted-default-hsla: var(--dt-color-link-muted-hsla);
2331
2345
  --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
2332
- --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
2333
- --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
2334
- --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
2335
- --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
2336
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
2337
- --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
2338
- --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
2339
2346
  --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
2340
2347
  --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
2341
2348
  --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
@@ -2357,13 +2364,6 @@
2357
2364
  --dt-action-color-foreground-critical-default-hsl: var(--dt-color-link-critical-hsl);
2358
2365
  --dt-action-color-foreground-critical-default-hsla: var(--dt-color-link-critical-hsla);
2359
2366
  --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
2360
- --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
2361
- --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
2362
- --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
2363
- --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
2364
- --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
2365
- --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
2366
- --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
2367
2367
  --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
2368
2368
  --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
2369
2369
  --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */