@dialpad/dialtone-tokens 1.16.0 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/android/java/tokens-dark.kt +33 -9
  2. package/dist/android/java/tokens-light.kt +34 -10
  3. package/dist/android/res/values/colors-dark.xml +29 -9
  4. package/dist/android/res/values/colors-light.xml +31 -11
  5. package/dist/android/res/values/dimens.xml +5 -1
  6. package/dist/css/variables-dark.css +149 -125
  7. package/dist/css/variables-light.css +151 -127
  8. package/dist/doc.json +580 -148
  9. package/dist/ios/tokens-dark.swift +33 -9
  10. package/dist/ios/tokens-light.swift +34 -10
  11. package/dist/less/variables-dark.less +149 -125
  12. package/dist/less/variables-light.less +151 -127
  13. package/dist/tokens-dark.json +148 -124
  14. package/dist/tokens-light.json +150 -126
  15. package/package.json +1 -1
package/dist/css/variables-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 11 May 2023 20:35:43 GMT
3
+ * Generated on Tue, 30 May 2023 23:54:29 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -243,7 +243,7 @@
243
243
  --dt-inputs-size-radius-md: 0.8rem;
244
244
  --dt-inputs-size-radius-lg: 1.2rem;
245
245
  --dt-inputs-size-radius-xl: 1.6rem;
246
- --dt-inputs-line-height-default: 120%;
246
+ --dt-inputs-line-height-default: 1.2;
247
247
  --dt-inputs-font-size-xs: 1.2rem;
248
248
  --dt-inputs-font-size-sm: 1.2rem;
249
249
  --dt-inputs-font-size-md: 1.5rem;
@@ -286,22 +286,42 @@
286
286
  --dt-action-color-background-inverted-hover: #08080826;
287
287
  --dt-action-color-background-inverted-active: #0808084d;
288
288
  --dt-action-color-background-muted-default: transparent;
289
- --dt-action-color-background-muted-hover: #e9e9e90d;
290
- --dt-action-color-background-muted-active: #e9e9e91a;
289
+ --dt-action-color-background-muted-hover: #e9e9e91a;
290
+ --dt-action-color-background-muted-active: #e9e9e929;
291
291
  --dt-action-color-background-disabled-default: #3A3A3A;
292
292
  --dt-action-color-border-base-outlined-default: #AB7EFF;
293
293
  --dt-action-color-border-critical-outlined-default: #FF8585;
294
294
  --dt-action-color-border-inverted-outlined-default: #000000;
295
295
  --dt-action-color-border-muted-outlined-default: #AAAAAA;
296
- --dt-theme-sidebar-selected-row-color-background: #3A3A3A;
296
+ --dt-theme-topbar-field-color-background-hover: #000;
297
+ --dt-theme-topbar-field-color-foreground: #f9f9f980;
298
+ --dt-theme-topbar-field-color-foreground-hover: #f9f9f9bf;
299
+ --dt-theme-topbar-field-color-background: #f9f9f90d;
300
+ --dt-theme-topbar-field-color-border: #f9f9f900;
301
+ --dt-theme-topbar-field-color-border-hover: #f9f9f91a;
302
+ --dt-theme-topbar-field-color-border-active: #f9f9f933;
303
+ --dt-theme-topbar-button-color-background-hover: #f9f9f926;
304
+ --dt-theme-topbar-button-color-foreground: #f9f9f9a6;
305
+ --dt-theme-topbar-button-color-foreground-hover: #F9F9F9;
306
+ --dt-theme-topbar-button-color-background: #f9f9f900;
307
+ --dt-theme-topbar-button-color-background-active: #f9f9f91a;
308
+ --dt-theme-topbar-color-foreground: #f9f9f9bf;
309
+ --dt-theme-topbar-color-background: #1b1b1b;
310
+ --dt-theme-topbar-profile-color-foreground: #f9f9f9bf;
311
+ --dt-theme-topbar-profile-color-background: #f9f9f90d;
312
+ --dt-theme-topbar-profile-color-background-hover: #f9f9f91a;
313
+ --dt-theme-topbar-profile-color-background-active: #f9f9f924;
314
+ --dt-theme-sidebar-section-color-foreground: #a7a7a7;
315
+ --dt-theme-sidebar-icon-color-foreground: #c0c0c0;
316
+ --dt-theme-sidebar-row-color-background-hover: #f9f9f92e;
317
+ --dt-theme-sidebar-row-color-background-active: #f9f9f93d;
318
+ --dt-theme-sidebar-row-color-background: #f9f9f900;
319
+ --dt-theme-sidebar-selected-row-color-background: #f9f9f933;
297
320
  --dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
298
321
  --dt-theme-sidebar-color-foreground: #F9F9F9;
299
322
  --dt-theme-sidebar-color-background: #1b1b1b;
300
- --dt-theme-sidebar-icon-color-foreground: #D2D2D2;
301
- --dt-theme-sidebar-status-color-foreground: #AAAAAA;
302
- --dt-theme-sidebar-row-color-background: transparent;
303
- --dt-theme-sidebar-row-color-background-hover: #f9f9f91a;
304
- --dt-theme-sidebar-row-color-background-active: #3A3A3A;
323
+ --dt-theme-sidebar-status-color-foreground: #fbfbfb;
324
+ --dt-theme-color-base: #F9F9F9;
305
325
  --dt-theme-presence-color-background-available: #B0FFA3;
306
326
  --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
307
327
  --dt-theme-presence-color-background-busy: #F6AB3C;
@@ -310,137 +330,137 @@
310
330
  --dt-theme-mention-color-background: #7C52FF;
311
331
  --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";
312
332
  --dt-typography-body-small-font-weight: 400;
313
- --dt-typography-body-small-line-height: 140%;
333
+ --dt-typography-body-small-line-height: 1.4;
314
334
  --dt-typography-body-small-font-size: 1.2rem;
315
335
  --dt-typography-body-small-text-case: none;
316
336
  --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";
317
337
  --dt-typography-body-base-font-weight: 400;
318
- --dt-typography-body-base-line-height: 160%;
338
+ --dt-typography-body-base-line-height: 1.6;
319
339
  --dt-typography-body-base-font-size: 1.5rem;
320
340
  --dt-typography-body-base-text-case: none;
321
341
  --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";
322
342
  --dt-typography-body-compact-small-font-weight: 400;
323
- --dt-typography-body-compact-small-line-height: 120%;
343
+ --dt-typography-body-compact-small-line-height: 1.2;
324
344
  --dt-typography-body-compact-small-font-size: 1.2rem;
325
345
  --dt-typography-body-compact-small-text-case: none;
326
346
  --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";
327
347
  --dt-typography-body-compact-base-font-weight: 400;
328
- --dt-typography-body-compact-base-line-height: 140%;
348
+ --dt-typography-body-compact-base-line-height: 1.4;
329
349
  --dt-typography-body-compact-base-font-size: 1.5rem;
330
350
  --dt-typography-body-compact-base-text-case: none;
331
351
  --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";
332
352
  --dt-typography-headline-eyebrow-font-weight: 400;
333
- --dt-typography-headline-eyebrow-line-height: 140%;
353
+ --dt-typography-headline-eyebrow-line-height: 1.4;
334
354
  --dt-typography-headline-eyebrow-font-size: 1.2rem;
335
355
  --dt-typography-headline-eyebrow-text-case: uppercase;
336
356
  --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";
337
357
  --dt-typography-headline-small-font-weight: 700;
338
- --dt-typography-headline-small-line-height: 140%;
358
+ --dt-typography-headline-small-line-height: 1.4;
339
359
  --dt-typography-headline-small-font-size: 1.2rem;
340
360
  --dt-typography-headline-small-text-case: none;
341
361
  --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";
342
362
  --dt-typography-headline-medium-font-weight: 700;
343
- --dt-typography-headline-medium-line-height: 160%;
363
+ --dt-typography-headline-medium-line-height: 1.6;
344
364
  --dt-typography-headline-medium-font-size: 1.5rem;
345
365
  --dt-typography-headline-medium-text-case: none;
346
366
  --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";
347
367
  --dt-typography-headline-large-font-weight: 700;
348
- --dt-typography-headline-large-line-height: 160%;
368
+ --dt-typography-headline-large-line-height: 1.6;
349
369
  --dt-typography-headline-large-font-size: 1.9rem;
350
370
  --dt-typography-headline-large-text-case: none;
351
371
  --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";
352
372
  --dt-typography-headline-extra-large-font-weight: 500;
353
- --dt-typography-headline-extra-large-line-height: 120%;
373
+ --dt-typography-headline-extra-large-line-height: 1.2;
354
374
  --dt-typography-headline-extra-large-font-size: 2.7rem;
355
375
  --dt-typography-headline-extra-large-text-case: none;
356
376
  --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";
357
377
  --dt-typography-headline-extra-extra-large-font-weight: 500;
358
- --dt-typography-headline-extra-extra-large-line-height: 120%;
378
+ --dt-typography-headline-extra-extra-large-line-height: 1.2;
359
379
  --dt-typography-headline-extra-extra-large-font-size: 3.8rem;
360
380
  --dt-typography-headline-extra-extra-large-text-case: none;
361
381
  --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";
362
382
  --dt-typography-headline-soft-small-font-weight: 500;
363
- --dt-typography-headline-soft-small-line-height: 140%;
383
+ --dt-typography-headline-soft-small-line-height: 1.4;
364
384
  --dt-typography-headline-soft-small-font-size: 1.2rem;
365
385
  --dt-typography-headline-soft-small-text-case: none;
366
386
  --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";
367
387
  --dt-typography-headline-compact-small-font-weight: 700;
368
- --dt-typography-headline-compact-small-line-height: 120%;
388
+ --dt-typography-headline-compact-small-line-height: 1.2;
369
389
  --dt-typography-headline-compact-small-font-size: 1.2rem;
370
390
  --dt-typography-headline-compact-small-text-case: none;
371
391
  --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";
372
392
  --dt-typography-headline-compact-medium-font-weight: 700;
373
- --dt-typography-headline-compact-medium-line-height: 140%;
393
+ --dt-typography-headline-compact-medium-line-height: 1.4;
374
394
  --dt-typography-headline-compact-medium-font-size: 1.5rem;
375
395
  --dt-typography-headline-compact-medium-text-case: none;
376
396
  --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";
377
397
  --dt-typography-headline-compact-large-font-weight: 700;
378
- --dt-typography-headline-compact-large-line-height: 120%;
398
+ --dt-typography-headline-compact-large-line-height: 1.2;
379
399
  --dt-typography-headline-compact-large-font-size: 1.9rem;
380
400
  --dt-typography-headline-compact-large-text-case: none;
381
401
  --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";
382
402
  --dt-typography-headline-compact-soft-small-font-weight: 500;
383
- --dt-typography-headline-compact-soft-small-line-height: 120%;
403
+ --dt-typography-headline-compact-soft-small-line-height: 1.2;
384
404
  --dt-typography-headline-compact-soft-small-font-size: 1.2rem;
385
405
  --dt-typography-headline-compact-soft-small-text-case: none;
386
406
  --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";
387
407
  --dt-typography-label-small-font-weight: 600;
388
- --dt-typography-label-small-line-height: 140%;
408
+ --dt-typography-label-small-line-height: 1.4;
389
409
  --dt-typography-label-small-font-size: 1.2rem;
390
410
  --dt-typography-label-small-text-case: none;
391
411
  --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";
392
412
  --dt-typography-label-base-font-weight: 600;
393
- --dt-typography-label-base-line-height: 160%;
413
+ --dt-typography-label-base-line-height: 1.6;
394
414
  --dt-typography-label-base-font-size: 1.5rem;
395
415
  --dt-typography-label-base-text-case: none;
396
416
  --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";
397
417
  --dt-typography-label-compact-small-font-weight: 600;
398
- --dt-typography-label-compact-small-line-height: 120%;
418
+ --dt-typography-label-compact-small-line-height: 1.2;
399
419
  --dt-typography-label-compact-small-font-size: 1.2rem;
400
420
  --dt-typography-label-compact-small-text-case: none;
401
421
  --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";
402
422
  --dt-typography-label-compact-base-font-weight: 600;
403
- --dt-typography-label-compact-base-line-height: 140%;
423
+ --dt-typography-label-compact-base-line-height: 1.4;
404
424
  --dt-typography-label-compact-base-font-size: 1.5rem;
405
425
  --dt-typography-label-compact-base-text-case: none;
406
426
  --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";
407
427
  --dt-typography-label-compact-plain-small-font-weight: 400;
408
- --dt-typography-label-compact-plain-small-line-height: 120%;
428
+ --dt-typography-label-compact-plain-small-line-height: 1.2;
409
429
  --dt-typography-label-compact-plain-small-font-size: 1.2rem;
410
430
  --dt-typography-label-compact-plain-small-text-case: none;
411
431
  --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";
412
432
  --dt-typography-label-compact-plain-base-font-weight: 400;
413
- --dt-typography-label-compact-plain-base-line-height: 140%;
433
+ --dt-typography-label-compact-plain-base-line-height: 1.4;
414
434
  --dt-typography-label-compact-plain-base-font-size: 1.5rem;
415
435
  --dt-typography-label-compact-plain-base-text-case: none;
416
436
  --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";
417
437
  --dt-typography-label-plain-small-font-weight: 400;
418
- --dt-typography-label-plain-small-line-height: 140%;
438
+ --dt-typography-label-plain-small-line-height: 1.4;
419
439
  --dt-typography-label-plain-small-font-size: 1.2rem;
420
440
  --dt-typography-label-plain-small-text-case: none;
421
441
  --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";
422
442
  --dt-typography-label-plain-base-font-weight: 400;
423
- --dt-typography-label-plain-base-line-height: 160%;
443
+ --dt-typography-label-plain-base-line-height: 1.6;
424
444
  --dt-typography-label-plain-base-font-size: 1.5rem;
425
445
  --dt-typography-label-plain-base-text-case: none;
426
446
  --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";
427
447
  --dt-typography-helper-small-font-weight: 400;
428
- --dt-typography-helper-small-line-height: 120%;
448
+ --dt-typography-helper-small-line-height: 1.2;
429
449
  --dt-typography-helper-small-font-size: 1.2rem;
430
450
  --dt-typography-helper-small-text-case: none;
431
451
  --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";
432
452
  --dt-typography-helper-base-font-weight: 400;
433
- --dt-typography-helper-base-line-height: 140%;
453
+ --dt-typography-helper-base-line-height: 1.4;
434
454
  --dt-typography-helper-base-font-size: 1.5rem;
435
455
  --dt-typography-helper-base-text-case: none;
436
456
  --dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
437
457
  --dt-typography-code-small-font-weight: 400;
438
- --dt-typography-code-small-line-height: 120%;
458
+ --dt-typography-code-small-line-height: 1.2;
439
459
  --dt-typography-code-small-font-size: 1.2rem;
440
460
  --dt-typography-code-small-text-case: none;
441
461
  --dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
442
462
  --dt-typography-code-base-font-weight: 400;
443
- --dt-typography-code-base-line-height: 120%;
463
+ --dt-typography-code-base-line-height: 1.2;
444
464
  --dt-typography-code-base-font-size: 1.5rem;
445
465
  --dt-typography-code-base-text-case: none;
446
466
  --dt-size-0: 0rem;
@@ -452,6 +472,7 @@
452
472
  --dt-size-400: 0.8rem;
453
473
  --dt-size-450: 1.2rem;
454
474
  --dt-size-500: 1.6rem;
475
+ --dt-size-525: 2rem;
455
476
  --dt-size-550: 2.4rem;
456
477
  --dt-size-600: 3.2rem;
457
478
  --dt-size-625: 4.2rem;
@@ -500,6 +521,7 @@
500
521
  --dt-size-400-negative: -0.8rem;
501
522
  --dt-size-450-negative: -1.2rem;
502
523
  --dt-size-500-negative: -1.6rem;
524
+ --dt-size-525-negative: -2rem;
503
525
  --dt-size-550-negative: -2.4rem;
504
526
  --dt-size-600-negative: -3.2rem;
505
527
  --dt-size-625-negative: -4.2rem;
@@ -762,12 +784,12 @@
762
784
  --dt-font-size-400: 2.7rem;
763
785
  --dt-font-size-500: 3.8rem;
764
786
  --dt-font-size-root: 1rem;
765
- --dt-font-line-height-100: 100%;
766
- --dt-font-line-height-200: 120%;
767
- --dt-font-line-height-300: 140%;
768
- --dt-font-line-height-400: 160%;
769
- --dt-font-line-height-500: 180%;
770
- --dt-font-line-height-600: 200%;
787
+ --dt-font-line-height-100: 1;
788
+ --dt-font-line-height-200: 1.2;
789
+ --dt-font-line-height-300: 1.4;
790
+ --dt-font-line-height-400: 1.6;
791
+ --dt-font-line-height-500: 1.8;
792
+ --dt-font-line-height-600: 2;
771
793
  --dt-font-weight-normal: 400;
772
794
  --dt-font-weight-medium: 500;
773
795
  --dt-font-weight-semi-bold: 600;
@@ -776,87 +798,89 @@
776
798
  --dt-font-text-case-lowercase: lowercase;
777
799
  --dt-font-text-case-capitalize: capitalize;
778
800
  --dt-font-text-case-none: none;
779
- --dt-space-0: 0px;
780
- --dt-space-50: 0.5px;
781
- --dt-space-100: 1px;
782
- --dt-space-200: 2px;
783
- --dt-space-300: 4px;
784
- --dt-space-350: 6px;
785
- --dt-space-400: 8px;
786
- --dt-space-450: 12px;
787
- --dt-space-500: 16px;
788
- --dt-space-550: 24px;
789
- --dt-space-600: 32px;
790
- --dt-space-625: 42px;
791
- --dt-space-650: 48px;
792
- --dt-space-700: 64px;
793
- --dt-space-720: 72px;
794
- --dt-space-730: 84px;
795
- --dt-space-750: 96px;
796
- --dt-space-760: 102px;
797
- --dt-space-775: 114px;
798
- --dt-space-800: 128px;
799
- --dt-space-825: 164px;
800
- --dt-space-850: 192px;
801
- --dt-space-875: 216px;
802
- --dt-space-900: 256px;
803
- --dt-space-905: 264px;
804
- --dt-space-925: 332px;
805
- --dt-space-950: 384px;
806
- --dt-space-975: 464px;
807
- --dt-space-1000: 512px;
808
- --dt-space-1020: 628px;
809
- --dt-space-1040: 764px;
810
- --dt-space-1050: 768px;
811
- --dt-space-1060: 828px;
812
- --dt-space-1080: 912px;
813
- --dt-space-1100: 1024px;
814
- --dt-space-1115: 1140px;
815
- --dt-space-1120: 1268px;
816
- --dt-space-1125: 1280px;
817
- --dt-space-1130: 1340px;
818
- --dt-space-1150: 1536px;
819
- --dt-space-1200: 2048px;
820
- --dt-space-50-negative: -0.5px;
821
- --dt-space-100-negative: -1px;
822
- --dt-space-200-negative: -2px;
823
- --dt-space-300-negative: -4px;
824
- --dt-space-350-negative: -6px;
825
- --dt-space-400-negative: -8px;
826
- --dt-space-450-negative: -12px;
827
- --dt-space-500-negative: -16px;
828
- --dt-space-550-negative: -24px;
829
- --dt-space-600-negative: -32px;
830
- --dt-space-625-negative: -42px;
831
- --dt-space-650-negative: -48px;
832
- --dt-space-700-negative: -64px;
833
- --dt-space-720-negative: -72px;
834
- --dt-space-730-negative: -84px;
835
- --dt-space-750-negative: -96px;
836
- --dt-space-760-negative: -102px;
837
- --dt-space-775-negative: -114px;
838
- --dt-space-800-negative: -128px;
839
- --dt-space-825-negative: -164px;
840
- --dt-space-850-negative: -192px;
841
- --dt-space-875-negative: -216px;
842
- --dt-space-900-negative: -256px;
843
- --dt-space-905-negative: -264px;
844
- --dt-space-925-negative: -332px;
845
- --dt-space-950-negative: -384px;
846
- --dt-space-975-negative: -464px;
847
- --dt-space-1000-negative: -512px;
848
- --dt-space-1020-negative: -628px;
849
- --dt-space-1040-negative: -764px;
850
- --dt-space-1050-negative: -768px;
851
- --dt-space-1060-negative: -828px;
852
- --dt-space-1080-negative: -912px;
853
- --dt-space-1100-negative: -1024px;
854
- --dt-space-1115-negative: -1140px;
855
- --dt-space-1120-negative: -1268px;
856
- --dt-space-1125-negative: -1280px;
857
- --dt-space-1130-negative: -1340px;
858
- --dt-space-1150-negative: -1536px;
859
- --dt-space-1200-negative: -2048px;
801
+ --dt-space-0: 0;
802
+ --dt-space-50: 0.05rem;
803
+ --dt-space-100: 0.1rem;
804
+ --dt-space-200: 0.2rem;
805
+ --dt-space-300: 0.4rem;
806
+ --dt-space-350: 0.6rem;
807
+ --dt-space-400: 0.8rem;
808
+ --dt-space-450: 1.2rem;
809
+ --dt-space-500: 1.6rem;
810
+ --dt-space-525: 2rem;
811
+ --dt-space-550: 2.4rem;
812
+ --dt-space-600: 3.2rem;
813
+ --dt-space-625: 4.2rem;
814
+ --dt-space-650: 4.8rem;
815
+ --dt-space-700: 6.4rem;
816
+ --dt-space-720: 7.2rem;
817
+ --dt-space-730: 8.4rem;
818
+ --dt-space-750: 9.6rem;
819
+ --dt-space-760: 10.2rem;
820
+ --dt-space-775: 11.4rem;
821
+ --dt-space-800: 12.8rem;
822
+ --dt-space-825: 16.4rem;
823
+ --dt-space-850: 19.2rem;
824
+ --dt-space-875: 21.6rem;
825
+ --dt-space-900: 25.6rem;
826
+ --dt-space-905: 26.4rem;
827
+ --dt-space-925: 33.2rem;
828
+ --dt-space-950: 38.4rem;
829
+ --dt-space-975: 46.4rem;
830
+ --dt-space-1000: 51.2rem;
831
+ --dt-space-1020: 62.8rem;
832
+ --dt-space-1040: 76.4rem;
833
+ --dt-space-1050: 76.8rem;
834
+ --dt-space-1060: 82.8rem;
835
+ --dt-space-1080: 91.2rem;
836
+ --dt-space-1100: 102.4rem;
837
+ --dt-space-1115: 114rem;
838
+ --dt-space-1120: 126.8rem;
839
+ --dt-space-1125: 128rem;
840
+ --dt-space-1130: 134rem;
841
+ --dt-space-1150: 153.6rem;
842
+ --dt-space-1200: 204.8rem;
843
+ --dt-space-50-negative: -0.05rem;
844
+ --dt-space-100-negative: -0.1rem;
845
+ --dt-space-200-negative: -0.2rem;
846
+ --dt-space-300-negative: -0.4rem;
847
+ --dt-space-350-negative: -0.6rem;
848
+ --dt-space-400-negative: -0.8rem;
849
+ --dt-space-450-negative: -1.2rem;
850
+ --dt-space-500-negative: -1.6rem;
851
+ --dt-space-525-negative: -2rem;
852
+ --dt-space-550-negative: -2.4rem;
853
+ --dt-space-600-negative: -3.2rem;
854
+ --dt-space-625-negative: -4.2rem;
855
+ --dt-space-650-negative: -4.8rem;
856
+ --dt-space-700-negative: -6.4rem;
857
+ --dt-space-720-negative: -7.2rem;
858
+ --dt-space-730-negative: -8.4rem;
859
+ --dt-space-750-negative: -9.6rem;
860
+ --dt-space-760-negative: -10.2rem;
861
+ --dt-space-775-negative: -11.4rem;
862
+ --dt-space-800-negative: -12.8rem;
863
+ --dt-space-825-negative: -16.4rem;
864
+ --dt-space-850-negative: -19.2rem;
865
+ --dt-space-875-negative: -21.6rem;
866
+ --dt-space-900-negative: -25.6rem;
867
+ --dt-space-905-negative: -26.4rem;
868
+ --dt-space-925-negative: -33.2rem;
869
+ --dt-space-950-negative: -38.4rem;
870
+ --dt-space-975-negative: -46.4rem;
871
+ --dt-space-1000-negative: -51.2rem;
872
+ --dt-space-1020-negative: -62.8rem;
873
+ --dt-space-1040-negative: -76.4rem;
874
+ --dt-space-1050-negative: -76.8rem;
875
+ --dt-space-1060-negative: -82.8rem;
876
+ --dt-space-1080-negative: -91.2rem;
877
+ --dt-space-1100-negative: -102.4rem;
878
+ --dt-space-1115-negative: -114rem;
879
+ --dt-space-1120-negative: -126.8rem;
880
+ --dt-space-1125-negative: -128rem;
881
+ --dt-space-1130-negative: -134rem;
882
+ --dt-space-1150-negative: -153.6rem;
883
+ --dt-space-1200-negative: -204.8rem;
860
884
  --dt-space-0-percent: 0%;
861
885
  --dt-space-5-percent: 5%;
862
886
  --dt-space-10-percent: 10%;
@@ -874,5 +898,5 @@
874
898
  --dt-space-90-percent: 90%;
875
899
  --dt-space-95-percent: 95%;
876
900
  --dt-space-100-percent: 100%;
877
- --dt-space-base: 8px;
901
+ --dt-space-base: 0.8rem;
878
902
  }