@dialpad/dialtone-tokens 1.15.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,9 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 May 2023 15:43:16 GMT
3
+ * Generated on Mon, 29 May 2023 19:21:18 GMT
4
4
  */
5
5
 
6
- :root {
6
+ .dialtone-theme-light {
7
7
  --dt-radio-size-width: 1.6rem;
8
8
  --dt-radio-size-height: 1.6rem;
9
9
  --dt-radio-size-radius: 5rem;
@@ -41,6 +41,26 @@
41
41
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
42
42
  --dt-badge-color-foreground-default: #000000;
43
43
  --dt-badge-color-foreground-bulletin: #ffffff;
44
+ --dt-avatar-color-foreground: #000000;
45
+ --dt-avatar-color-background-100: #1aa340;
46
+ --dt-avatar-color-background-200: #aaff83;
47
+ --dt-avatar-color-background-300: #adea88;
48
+ --dt-avatar-color-background-400: #77eca6;
49
+ --dt-avatar-color-background-500: #7aedbd;
50
+ --dt-avatar-color-background-600: #77deec;
51
+ --dt-avatar-color-background-700: #5ed8ff;
52
+ --dt-avatar-color-background-800: #99e7ff;
53
+ --dt-avatar-color-background-900: #51a0fe;
54
+ --dt-avatar-color-background-1000: #b6cfff;
55
+ --dt-avatar-color-background-1100: #f1b7e8;
56
+ --dt-avatar-color-background-1200: #ec77bd;
57
+ --dt-avatar-color-background-1300: #ff67be;
58
+ --dt-avatar-color-background-1400: #f87e7e;
59
+ --dt-avatar-color-background-1500: #eca877;
60
+ --dt-avatar-color-background-1600: #ffbe41;
61
+ --dt-avatar-color-background-1700: #ffd646;
62
+ --dt-avatar-color-background-1800: #f1dab7;
63
+ --dt-avatar-color-background-000: #e0e0e0;
44
64
  --dt-color-foreground-primary: #000000;
45
65
  --dt-color-foreground-secondary: #3a3a3a;
46
66
  --dt-color-foreground-tertiary: #555555;
@@ -206,137 +226,137 @@
206
226
  --dt-color-brand-magenta: #f9008e;
207
227
  --dt-typography-body-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
208
228
  --dt-typography-body-small-font-weight: 400;
209
- --dt-typography-body-small-line-height: 140%;
229
+ --dt-typography-body-small-line-height: 1.4;
210
230
  --dt-typography-body-small-font-size: 1.2rem;
211
231
  --dt-typography-body-small-text-case: none;
212
232
  --dt-typography-body-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
213
233
  --dt-typography-body-base-font-weight: 400;
214
- --dt-typography-body-base-line-height: 160%;
234
+ --dt-typography-body-base-line-height: 1.6;
215
235
  --dt-typography-body-base-font-size: 1.5rem;
216
236
  --dt-typography-body-base-text-case: none;
217
237
  --dt-typography-body-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
218
238
  --dt-typography-body-compact-small-font-weight: 400;
219
- --dt-typography-body-compact-small-line-height: 120%;
239
+ --dt-typography-body-compact-small-line-height: 1.2;
220
240
  --dt-typography-body-compact-small-font-size: 1.2rem;
221
241
  --dt-typography-body-compact-small-text-case: none;
222
242
  --dt-typography-body-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
223
243
  --dt-typography-body-compact-base-font-weight: 400;
224
- --dt-typography-body-compact-base-line-height: 140%;
244
+ --dt-typography-body-compact-base-line-height: 1.4;
225
245
  --dt-typography-body-compact-base-font-size: 1.5rem;
226
246
  --dt-typography-body-compact-base-text-case: none;
227
247
  --dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
228
248
  --dt-typography-headline-eyebrow-font-weight: 400;
229
- --dt-typography-headline-eyebrow-line-height: 140%;
249
+ --dt-typography-headline-eyebrow-line-height: 1.4;
230
250
  --dt-typography-headline-eyebrow-font-size: 1.2rem;
231
251
  --dt-typography-headline-eyebrow-text-case: uppercase;
232
252
  --dt-typography-headline-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
233
253
  --dt-typography-headline-small-font-weight: 700;
234
- --dt-typography-headline-small-line-height: 140%;
254
+ --dt-typography-headline-small-line-height: 1.4;
235
255
  --dt-typography-headline-small-font-size: 1.2rem;
236
256
  --dt-typography-headline-small-text-case: none;
237
257
  --dt-typography-headline-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
238
258
  --dt-typography-headline-medium-font-weight: 700;
239
- --dt-typography-headline-medium-line-height: 160%;
259
+ --dt-typography-headline-medium-line-height: 1.6;
240
260
  --dt-typography-headline-medium-font-size: 1.5rem;
241
261
  --dt-typography-headline-medium-text-case: none;
242
262
  --dt-typography-headline-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
243
263
  --dt-typography-headline-large-font-weight: 700;
244
- --dt-typography-headline-large-line-height: 160%;
264
+ --dt-typography-headline-large-line-height: 1.6;
245
265
  --dt-typography-headline-large-font-size: 1.9rem;
246
266
  --dt-typography-headline-large-text-case: none;
247
267
  --dt-typography-headline-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
248
268
  --dt-typography-headline-extra-large-font-weight: 500;
249
- --dt-typography-headline-extra-large-line-height: 120%;
269
+ --dt-typography-headline-extra-large-line-height: 1.2;
250
270
  --dt-typography-headline-extra-large-font-size: 2.7rem;
251
271
  --dt-typography-headline-extra-large-text-case: none;
252
272
  --dt-typography-headline-extra-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
253
273
  --dt-typography-headline-extra-extra-large-font-weight: 500;
254
- --dt-typography-headline-extra-extra-large-line-height: 120%;
274
+ --dt-typography-headline-extra-extra-large-line-height: 1.2;
255
275
  --dt-typography-headline-extra-extra-large-font-size: 3.8rem;
256
276
  --dt-typography-headline-extra-extra-large-text-case: none;
257
277
  --dt-typography-headline-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
258
278
  --dt-typography-headline-soft-small-font-weight: 500;
259
- --dt-typography-headline-soft-small-line-height: 140%;
279
+ --dt-typography-headline-soft-small-line-height: 1.4;
260
280
  --dt-typography-headline-soft-small-font-size: 1.2rem;
261
281
  --dt-typography-headline-soft-small-text-case: none;
262
282
  --dt-typography-headline-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
263
283
  --dt-typography-headline-compact-small-font-weight: 700;
264
- --dt-typography-headline-compact-small-line-height: 120%;
284
+ --dt-typography-headline-compact-small-line-height: 1.2;
265
285
  --dt-typography-headline-compact-small-font-size: 1.2rem;
266
286
  --dt-typography-headline-compact-small-text-case: none;
267
287
  --dt-typography-headline-compact-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
268
288
  --dt-typography-headline-compact-medium-font-weight: 700;
269
- --dt-typography-headline-compact-medium-line-height: 140%;
289
+ --dt-typography-headline-compact-medium-line-height: 1.4;
270
290
  --dt-typography-headline-compact-medium-font-size: 1.5rem;
271
291
  --dt-typography-headline-compact-medium-text-case: none;
272
292
  --dt-typography-headline-compact-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
273
293
  --dt-typography-headline-compact-large-font-weight: 700;
274
- --dt-typography-headline-compact-large-line-height: 120%;
294
+ --dt-typography-headline-compact-large-line-height: 1.2;
275
295
  --dt-typography-headline-compact-large-font-size: 1.9rem;
276
296
  --dt-typography-headline-compact-large-text-case: none;
277
297
  --dt-typography-headline-compact-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
278
298
  --dt-typography-headline-compact-soft-small-font-weight: 500;
279
- --dt-typography-headline-compact-soft-small-line-height: 120%;
299
+ --dt-typography-headline-compact-soft-small-line-height: 1.2;
280
300
  --dt-typography-headline-compact-soft-small-font-size: 1.2rem;
281
301
  --dt-typography-headline-compact-soft-small-text-case: none;
282
302
  --dt-typography-label-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
283
303
  --dt-typography-label-small-font-weight: 600;
284
- --dt-typography-label-small-line-height: 140%;
304
+ --dt-typography-label-small-line-height: 1.4;
285
305
  --dt-typography-label-small-font-size: 1.2rem;
286
306
  --dt-typography-label-small-text-case: none;
287
307
  --dt-typography-label-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
288
308
  --dt-typography-label-base-font-weight: 600;
289
- --dt-typography-label-base-line-height: 160%;
309
+ --dt-typography-label-base-line-height: 1.6;
290
310
  --dt-typography-label-base-font-size: 1.5rem;
291
311
  --dt-typography-label-base-text-case: none;
292
312
  --dt-typography-label-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
293
313
  --dt-typography-label-compact-small-font-weight: 600;
294
- --dt-typography-label-compact-small-line-height: 120%;
314
+ --dt-typography-label-compact-small-line-height: 1.2;
295
315
  --dt-typography-label-compact-small-font-size: 1.2rem;
296
316
  --dt-typography-label-compact-small-text-case: none;
297
317
  --dt-typography-label-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
298
318
  --dt-typography-label-compact-base-font-weight: 600;
299
- --dt-typography-label-compact-base-line-height: 140%;
319
+ --dt-typography-label-compact-base-line-height: 1.4;
300
320
  --dt-typography-label-compact-base-font-size: 1.5rem;
301
321
  --dt-typography-label-compact-base-text-case: none;
302
322
  --dt-typography-label-compact-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
303
323
  --dt-typography-label-compact-plain-small-font-weight: 400;
304
- --dt-typography-label-compact-plain-small-line-height: 120%;
324
+ --dt-typography-label-compact-plain-small-line-height: 1.2;
305
325
  --dt-typography-label-compact-plain-small-font-size: 1.2rem;
306
326
  --dt-typography-label-compact-plain-small-text-case: none;
307
327
  --dt-typography-label-compact-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
308
328
  --dt-typography-label-compact-plain-base-font-weight: 400;
309
- --dt-typography-label-compact-plain-base-line-height: 140%;
329
+ --dt-typography-label-compact-plain-base-line-height: 1.4;
310
330
  --dt-typography-label-compact-plain-base-font-size: 1.5rem;
311
331
  --dt-typography-label-compact-plain-base-text-case: none;
312
332
  --dt-typography-label-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
313
333
  --dt-typography-label-plain-small-font-weight: 400;
314
- --dt-typography-label-plain-small-line-height: 140%;
334
+ --dt-typography-label-plain-small-line-height: 1.4;
315
335
  --dt-typography-label-plain-small-font-size: 1.2rem;
316
336
  --dt-typography-label-plain-small-text-case: none;
317
337
  --dt-typography-label-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
318
338
  --dt-typography-label-plain-base-font-weight: 400;
319
- --dt-typography-label-plain-base-line-height: 160%;
339
+ --dt-typography-label-plain-base-line-height: 1.6;
320
340
  --dt-typography-label-plain-base-font-size: 1.5rem;
321
341
  --dt-typography-label-plain-base-text-case: none;
322
342
  --dt-typography-helper-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
323
343
  --dt-typography-helper-small-font-weight: 400;
324
- --dt-typography-helper-small-line-height: 120%;
344
+ --dt-typography-helper-small-line-height: 1.2;
325
345
  --dt-typography-helper-small-font-size: 1.2rem;
326
346
  --dt-typography-helper-small-text-case: none;
327
347
  --dt-typography-helper-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
328
348
  --dt-typography-helper-base-font-weight: 400;
329
- --dt-typography-helper-base-line-height: 140%;
349
+ --dt-typography-helper-base-line-height: 1.4;
330
350
  --dt-typography-helper-base-font-size: 1.5rem;
331
351
  --dt-typography-helper-base-text-case: none;
332
352
  --dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
333
353
  --dt-typography-code-small-font-weight: 400;
334
- --dt-typography-code-small-line-height: 120%;
354
+ --dt-typography-code-small-line-height: 1.2;
335
355
  --dt-typography-code-small-font-size: 1.2rem;
336
356
  --dt-typography-code-small-text-case: none;
337
357
  --dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
338
358
  --dt-typography-code-base-font-weight: 400;
339
- --dt-typography-code-base-line-height: 120%;
359
+ --dt-typography-code-base-line-height: 1.2;
340
360
  --dt-typography-code-base-font-size: 1.5rem;
341
361
  --dt-typography-code-base-text-case: none;
342
362
  --dt-size-0: 0rem;
@@ -462,7 +482,7 @@
462
482
  --dt-inputs-size-radius-md: 0.8rem;
463
483
  --dt-inputs-size-radius-lg: 1.2rem;
464
484
  --dt-inputs-size-radius-xl: 1.6rem;
465
- --dt-inputs-line-height-default: 120%;
485
+ --dt-inputs-line-height-default: 1.2;
466
486
  --dt-inputs-font-size-xs: 1.2rem;
467
487
  --dt-inputs-font-size-sm: 1.2rem;
468
488
  --dt-inputs-font-size-md: 1.5rem;
@@ -499,8 +519,8 @@
499
519
  --dt-action-color-foreground-muted-active: #3A3A3A;
500
520
  --dt-action-color-foreground-disabled-default: #808080;
501
521
  --dt-action-color-background-base-default: transparent;
502
- --dt-action-color-background-base-hover: #7c52ff0a;
503
- --dt-action-color-background-base-active: #7c52ff24;
522
+ --dt-action-color-background-base-hover: #7c52ff24;
523
+ --dt-action-color-background-base-active: #7c52ff2e;
504
524
  --dt-action-color-background-base-primary-default: #7C52FF;
505
525
  --dt-action-color-background-base-primary-hover: #6533FF;
506
526
  --dt-action-color-background-base-primary-active: #4D14FF;
@@ -517,22 +537,38 @@
517
537
  --dt-action-color-background-inverted-primary-hover: #F5F0FF;
518
538
  --dt-action-color-background-inverted-primary-active: #E1D1FF;
519
539
  --dt-action-color-background-muted-default: transparent;
520
- --dt-action-color-background-muted-hover: #2222220d;
521
- --dt-action-color-background-muted-active: #2222221a;
540
+ --dt-action-color-background-muted-hover: #2222221a;
541
+ --dt-action-color-background-muted-active: #22222229;
522
542
  --dt-action-color-background-disabled-default: #D2D2D2;
523
543
  --dt-action-color-border-base-outlined-default: #7C52FF;
524
544
  --dt-action-color-border-critical-outlined-default: #EC0E0E;
525
545
  --dt-action-color-border-inverted-outlined-default: #F9F9F9;
526
546
  --dt-action-color-border-muted-outlined-default: #555555;
547
+ --dt-theme-color-base: #000000;
548
+ --dt-theme-topbar-color-foreground: #000000bf;
549
+ --dt-theme-topbar-color-background: #F9F9F9;
550
+ --dt-theme-topbar-field-color-foreground: #00000080;
551
+ --dt-theme-topbar-field-color-foreground-hover: #000000bf;
552
+ --dt-theme-topbar-field-color-background: #0000000d;
553
+ --dt-theme-topbar-field-color-background-hover: #fff;
554
+ --dt-theme-topbar-field-color-border: #0000;
555
+ --dt-theme-topbar-field-color-border-hover: #0000001a;
556
+ --dt-theme-topbar-field-color-border-active: #0003;
557
+ --dt-theme-topbar-button-color-foreground: #000000a6;
558
+ --dt-theme-topbar-button-color-foreground-hover: #000000;
559
+ --dt-theme-topbar-button-color-background: #0000;
560
+ --dt-theme-topbar-button-color-background-hover: #0000000d;
561
+ --dt-theme-topbar-button-color-background-active: #0000001a;
527
562
  --dt-theme-sidebar-color-foreground: #000000;
528
563
  --dt-theme-sidebar-color-background: #F9F9F9;
529
- --dt-theme-sidebar-icon-color-foreground: #3A3A3A;
530
- --dt-theme-sidebar-status-color-foreground: #555555;
531
- --dt-theme-sidebar-row-color-background: transparent;
532
- --dt-theme-sidebar-row-color-background-hover: #0000001a;
533
- --dt-theme-sidebar-row-color-background-active: #D2D2D2;
564
+ --dt-theme-sidebar-icon-color-foreground: #3b3b3b;
565
+ --dt-theme-sidebar-status-color-foreground: #545454;
566
+ --dt-theme-sidebar-row-color-background: #0000;
567
+ --dt-theme-sidebar-row-color-background-hover: #0000001f;
568
+ --dt-theme-sidebar-row-color-background-active: #00000029;
534
569
  --dt-theme-sidebar-selected-row-color-foreground: #000000;
535
- --dt-theme-sidebar-selected-row-color-background: #E9E9E9;
570
+ --dt-theme-sidebar-selected-row-color-background: #0000001a;
571
+ --dt-theme-sidebar-section-color-foreground: #545454;
536
572
  --dt-theme-presence-color-background-available: #1AA340;
537
573
  --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
538
574
  --dt-theme-presence-color-background-busy: #F6AB3C;
@@ -562,12 +598,12 @@
562
598
  --dt-font-size-400: 2.7rem;
563
599
  --dt-font-size-500: 3.8rem;
564
600
  --dt-font-size-root: 1rem;
565
- --dt-font-line-height-100: 100%;
566
- --dt-font-line-height-200: 120%;
567
- --dt-font-line-height-300: 140%;
568
- --dt-font-line-height-400: 160%;
569
- --dt-font-line-height-500: 180%;
570
- --dt-font-line-height-600: 200%;
601
+ --dt-font-line-height-100: 1;
602
+ --dt-font-line-height-200: 1.2;
603
+ --dt-font-line-height-300: 1.4;
604
+ --dt-font-line-height-400: 1.6;
605
+ --dt-font-line-height-500: 1.8;
606
+ --dt-font-line-height-600: 2;
571
607
  --dt-font-weight-normal: 400;
572
608
  --dt-font-weight-medium: 500;
573
609
  --dt-font-weight-semi-bold: 600;
@@ -576,87 +612,87 @@
576
612
  --dt-font-text-case-lowercase: lowercase;
577
613
  --dt-font-text-case-capitalize: capitalize;
578
614
  --dt-font-text-case-none: none;
579
- --dt-space-0: 0px;
580
- --dt-space-50: 0.5px;
581
- --dt-space-100: 1px;
582
- --dt-space-200: 2px;
583
- --dt-space-300: 4px;
584
- --dt-space-350: 6px;
585
- --dt-space-400: 8px;
586
- --dt-space-450: 12px;
587
- --dt-space-500: 16px;
588
- --dt-space-550: 24px;
589
- --dt-space-600: 32px;
590
- --dt-space-625: 42px;
591
- --dt-space-650: 48px;
592
- --dt-space-700: 64px;
593
- --dt-space-720: 72px;
594
- --dt-space-730: 84px;
595
- --dt-space-750: 96px;
596
- --dt-space-760: 102px;
597
- --dt-space-775: 114px;
598
- --dt-space-800: 128px;
599
- --dt-space-825: 164px;
600
- --dt-space-850: 192px;
601
- --dt-space-875: 216px;
602
- --dt-space-900: 256px;
603
- --dt-space-905: 264px;
604
- --dt-space-925: 332px;
605
- --dt-space-950: 384px;
606
- --dt-space-975: 464px;
607
- --dt-space-1000: 512px;
608
- --dt-space-1020: 628px;
609
- --dt-space-1040: 764px;
610
- --dt-space-1050: 768px;
611
- --dt-space-1060: 828px;
612
- --dt-space-1080: 912px;
613
- --dt-space-1100: 1024px;
614
- --dt-space-1115: 1140px;
615
- --dt-space-1120: 1268px;
616
- --dt-space-1125: 1280px;
617
- --dt-space-1130: 1340px;
618
- --dt-space-1150: 1536px;
619
- --dt-space-1200: 2048px;
620
- --dt-space-50-negative: -0.5px;
621
- --dt-space-100-negative: -1px;
622
- --dt-space-200-negative: -2px;
623
- --dt-space-300-negative: -4px;
624
- --dt-space-350-negative: -6px;
625
- --dt-space-400-negative: -8px;
626
- --dt-space-450-negative: -12px;
627
- --dt-space-500-negative: -16px;
628
- --dt-space-550-negative: -24px;
629
- --dt-space-600-negative: -32px;
630
- --dt-space-625-negative: -42px;
631
- --dt-space-650-negative: -48px;
632
- --dt-space-700-negative: -64px;
633
- --dt-space-720-negative: -72px;
634
- --dt-space-730-negative: -84px;
635
- --dt-space-750-negative: -96px;
636
- --dt-space-760-negative: -102px;
637
- --dt-space-775-negative: -114px;
638
- --dt-space-800-negative: -128px;
639
- --dt-space-825-negative: -164px;
640
- --dt-space-850-negative: -192px;
641
- --dt-space-875-negative: -216px;
642
- --dt-space-900-negative: -256px;
643
- --dt-space-905-negative: -264px;
644
- --dt-space-925-negative: -332px;
645
- --dt-space-950-negative: -384px;
646
- --dt-space-975-negative: -464px;
647
- --dt-space-1000-negative: -512px;
648
- --dt-space-1020-negative: -628px;
649
- --dt-space-1040-negative: -764px;
650
- --dt-space-1050-negative: -768px;
651
- --dt-space-1060-negative: -828px;
652
- --dt-space-1080-negative: -912px;
653
- --dt-space-1100-negative: -1024px;
654
- --dt-space-1115-negative: -1140px;
655
- --dt-space-1120-negative: -1268px;
656
- --dt-space-1125-negative: -1280px;
657
- --dt-space-1130-negative: -1340px;
658
- --dt-space-1150-negative: -1536px;
659
- --dt-space-1200-negative: -2048px;
615
+ --dt-space-0: 0;
616
+ --dt-space-50: 0.05rem;
617
+ --dt-space-100: 0.1rem;
618
+ --dt-space-200: 0.2rem;
619
+ --dt-space-300: 0.4rem;
620
+ --dt-space-350: 0.6rem;
621
+ --dt-space-400: 0.8rem;
622
+ --dt-space-450: 1.2rem;
623
+ --dt-space-500: 1.6rem;
624
+ --dt-space-550: 2.4rem;
625
+ --dt-space-600: 3.2rem;
626
+ --dt-space-625: 4.2rem;
627
+ --dt-space-650: 4.8rem;
628
+ --dt-space-700: 6.4rem;
629
+ --dt-space-720: 7.2rem;
630
+ --dt-space-730: 8.4rem;
631
+ --dt-space-750: 9.6rem;
632
+ --dt-space-760: 10.2rem;
633
+ --dt-space-775: 11.4rem;
634
+ --dt-space-800: 12.8rem;
635
+ --dt-space-825: 16.4rem;
636
+ --dt-space-850: 19.2rem;
637
+ --dt-space-875: 21.6rem;
638
+ --dt-space-900: 25.6rem;
639
+ --dt-space-905: 26.4rem;
640
+ --dt-space-925: 33.2rem;
641
+ --dt-space-950: 38.4rem;
642
+ --dt-space-975: 46.4rem;
643
+ --dt-space-1000: 51.2rem;
644
+ --dt-space-1020: 62.8rem;
645
+ --dt-space-1040: 76.4rem;
646
+ --dt-space-1050: 76.8rem;
647
+ --dt-space-1060: 82.8rem;
648
+ --dt-space-1080: 91.2rem;
649
+ --dt-space-1100: 102.4rem;
650
+ --dt-space-1115: 114rem;
651
+ --dt-space-1120: 126.8rem;
652
+ --dt-space-1125: 128rem;
653
+ --dt-space-1130: 134rem;
654
+ --dt-space-1150: 153.6rem;
655
+ --dt-space-1200: 204.8rem;
656
+ --dt-space-50-negative: -0.05rem;
657
+ --dt-space-100-negative: -0.1rem;
658
+ --dt-space-200-negative: -0.2rem;
659
+ --dt-space-300-negative: -0.4rem;
660
+ --dt-space-350-negative: -0.6rem;
661
+ --dt-space-400-negative: -0.8rem;
662
+ --dt-space-450-negative: -1.2rem;
663
+ --dt-space-500-negative: -1.6rem;
664
+ --dt-space-550-negative: -2.4rem;
665
+ --dt-space-600-negative: -3.2rem;
666
+ --dt-space-625-negative: -4.2rem;
667
+ --dt-space-650-negative: -4.8rem;
668
+ --dt-space-700-negative: -6.4rem;
669
+ --dt-space-720-negative: -7.2rem;
670
+ --dt-space-730-negative: -8.4rem;
671
+ --dt-space-750-negative: -9.6rem;
672
+ --dt-space-760-negative: -10.2rem;
673
+ --dt-space-775-negative: -11.4rem;
674
+ --dt-space-800-negative: -12.8rem;
675
+ --dt-space-825-negative: -16.4rem;
676
+ --dt-space-850-negative: -19.2rem;
677
+ --dt-space-875-negative: -21.6rem;
678
+ --dt-space-900-negative: -25.6rem;
679
+ --dt-space-905-negative: -26.4rem;
680
+ --dt-space-925-negative: -33.2rem;
681
+ --dt-space-950-negative: -38.4rem;
682
+ --dt-space-975-negative: -46.4rem;
683
+ --dt-space-1000-negative: -51.2rem;
684
+ --dt-space-1020-negative: -62.8rem;
685
+ --dt-space-1040-negative: -76.4rem;
686
+ --dt-space-1050-negative: -76.8rem;
687
+ --dt-space-1060-negative: -82.8rem;
688
+ --dt-space-1080-negative: -91.2rem;
689
+ --dt-space-1100-negative: -102.4rem;
690
+ --dt-space-1115-negative: -114rem;
691
+ --dt-space-1120-negative: -126.8rem;
692
+ --dt-space-1125-negative: -128rem;
693
+ --dt-space-1130-negative: -134rem;
694
+ --dt-space-1150-negative: -153.6rem;
695
+ --dt-space-1200-negative: -204.8rem;
660
696
  --dt-space-0-percent: 0%;
661
697
  --dt-space-5-percent: 5%;
662
698
  --dt-space-10-percent: 10%;
@@ -674,7 +710,7 @@
674
710
  --dt-space-90-percent: 90%;
675
711
  --dt-space-95-percent: 95%;
676
712
  --dt-space-100-percent: 100%;
677
- --dt-space-base: 8px;
713
+ --dt-space-base: 0.8rem;
678
714
  --dt-shadow-small-0-x: 0;
679
715
  --dt-shadow-small-0-y: 0.2rem;
680
716
  --dt-shadow-small-0-blur: 0.4rem;