@dialpad/dialtone-tokens 1.26.0 → 1.27.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,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Sat, 09 Mar 2024 00:34:20 GMT
3
+ // Generated on Thu, 14 Mar 2024 00:58:57 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.5rem; // medium / base
@@ -482,141 +482,161 @@
482
482
  @dt-shadow-focus-inset-1-spread: 0.3rem;
483
483
  @dt-shadow-focus-inset-1-color: #51A0FE;
484
484
  @dt-shadow-focus-inset-1-type: innerShadow;
485
- @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";
486
- @dt-typography-body-small-font-weight: 400;
487
- @dt-typography-body-small-line-height: 1.4;
488
- @dt-typography-body-small-font-size: 1.2rem;
489
- @dt-typography-body-small-text-case: none;
490
- @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";
491
- @dt-typography-body-base-font-weight: 400;
492
- @dt-typography-body-base-line-height: 1.6;
493
- @dt-typography-body-base-font-size: 1.5rem;
494
- @dt-typography-body-base-text-case: none;
495
- @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";
496
- @dt-typography-body-compact-small-font-weight: 400;
497
- @dt-typography-body-compact-small-line-height: 1.2;
498
- @dt-typography-body-compact-small-font-size: 1.2rem;
499
- @dt-typography-body-compact-small-text-case: none;
500
- @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";
501
- @dt-typography-body-compact-base-font-weight: 400;
502
- @dt-typography-body-compact-base-line-height: 1.4;
503
- @dt-typography-body-compact-base-font-size: 1.5rem;
504
- @dt-typography-body-compact-base-text-case: none;
505
- @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";
506
- @dt-typography-headline-eyebrow-font-weight: 400;
507
- @dt-typography-headline-eyebrow-line-height: 1.4;
508
- @dt-typography-headline-eyebrow-font-size: 1.2rem;
509
- @dt-typography-headline-eyebrow-text-case: uppercase;
510
- @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"; // subhead
511
- @dt-typography-headline-small-font-weight: 700; // subhead
512
- @dt-typography-headline-small-line-height: 1.4; // subhead
513
- @dt-typography-headline-small-font-size: 1.2rem; // subhead
514
- @dt-typography-headline-small-text-case: none; // subhead
515
- @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"; // base
516
- @dt-typography-headline-medium-font-weight: 700; // base
517
- @dt-typography-headline-medium-line-height: 1.6; // base
518
- @dt-typography-headline-medium-font-size: 1.5rem; // base
519
- @dt-typography-headline-medium-text-case: none; // base
520
- @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"; // section
521
- @dt-typography-headline-large-font-weight: 700; // section
522
- @dt-typography-headline-large-line-height: 1.6; // section
523
- @dt-typography-headline-large-font-size: 1.9rem; // section
524
- @dt-typography-headline-large-text-case: none; // section
525
- @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"; // display
526
- @dt-typography-headline-extra-large-font-weight: 500; // display
527
- @dt-typography-headline-extra-large-line-height: 1.2; // display
528
- @dt-typography-headline-extra-large-font-size: 2.7rem; // display
529
- @dt-typography-headline-extra-large-text-case: none; // display
530
- @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"; // page head
531
- @dt-typography-headline-extra-extra-large-font-weight: 500; // page head
532
- @dt-typography-headline-extra-extra-large-line-height: 1.2; // page head
533
- @dt-typography-headline-extra-extra-large-font-size: 3.8rem; // page head
534
- @dt-typography-headline-extra-extra-large-text-case: none; // page head
535
- @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"; // subhead
536
- @dt-typography-headline-soft-small-font-weight: 500; // subhead
537
- @dt-typography-headline-soft-small-line-height: 1.4; // subhead
538
- @dt-typography-headline-soft-small-font-size: 1.2rem; // subhead
539
- @dt-typography-headline-soft-small-text-case: none; // subhead
540
- @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"; // subheading
541
- @dt-typography-headline-compact-small-font-weight: 700; // subheading
542
- @dt-typography-headline-compact-small-line-height: 1.2; // subheading
543
- @dt-typography-headline-compact-small-font-size: 1.2rem; // subheading
544
- @dt-typography-headline-compact-small-text-case: none; // subheading
545
- @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";
546
- @dt-typography-headline-compact-medium-font-weight: 700;
547
- @dt-typography-headline-compact-medium-line-height: 1.4;
548
- @dt-typography-headline-compact-medium-font-size: 1.5rem;
549
- @dt-typography-headline-compact-medium-text-case: none;
550
- @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";
551
- @dt-typography-headline-compact-large-font-weight: 700;
552
- @dt-typography-headline-compact-large-line-height: 1.2;
553
- @dt-typography-headline-compact-large-font-size: 1.9rem;
554
- @dt-typography-headline-compact-large-text-case: none;
555
- @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"; // subhead
556
- @dt-typography-headline-compact-soft-small-font-weight: 500; // subhead
557
- @dt-typography-headline-compact-soft-small-line-height: 1.2; // subhead
558
- @dt-typography-headline-compact-soft-small-font-size: 1.2rem; // subhead
559
- @dt-typography-headline-compact-soft-small-text-case: none; // subhead
560
- @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";
561
- @dt-typography-label-small-font-weight: 600;
562
- @dt-typography-label-small-line-height: 1.4;
563
- @dt-typography-label-small-font-size: 1.2rem;
564
- @dt-typography-label-small-text-case: none;
565
- @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";
566
- @dt-typography-label-base-font-weight: 600;
567
- @dt-typography-label-base-line-height: 1.6;
568
- @dt-typography-label-base-font-size: 1.5rem;
569
- @dt-typography-label-base-text-case: none;
570
- @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";
571
- @dt-typography-label-compact-small-font-weight: 600;
572
- @dt-typography-label-compact-small-line-height: 1.2;
573
- @dt-typography-label-compact-small-font-size: 1.2rem;
574
- @dt-typography-label-compact-small-text-case: none;
575
- @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";
576
- @dt-typography-label-compact-base-font-weight: 600;
577
- @dt-typography-label-compact-base-line-height: 1.4;
578
- @dt-typography-label-compact-base-font-size: 1.5rem;
579
- @dt-typography-label-compact-base-text-case: none;
580
- @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";
581
- @dt-typography-label-compact-plain-small-font-weight: 400;
582
- @dt-typography-label-compact-plain-small-line-height: 1.2;
583
- @dt-typography-label-compact-plain-small-font-size: 1.2rem;
584
- @dt-typography-label-compact-plain-small-text-case: none;
585
- @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";
586
- @dt-typography-label-compact-plain-base-font-weight: 400;
587
- @dt-typography-label-compact-plain-base-line-height: 1.4;
588
- @dt-typography-label-compact-plain-base-font-size: 1.5rem;
589
- @dt-typography-label-compact-plain-base-text-case: none;
590
- @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";
591
- @dt-typography-label-plain-small-font-weight: 400;
592
- @dt-typography-label-plain-small-line-height: 1.4;
593
- @dt-typography-label-plain-small-font-size: 1.2rem;
594
- @dt-typography-label-plain-small-text-case: none;
595
- @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";
596
- @dt-typography-label-plain-base-font-weight: 400;
597
- @dt-typography-label-plain-base-line-height: 1.6;
598
- @dt-typography-label-plain-base-font-size: 1.5rem;
599
- @dt-typography-label-plain-base-text-case: none;
600
- @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";
601
- @dt-typography-helper-small-font-weight: 400;
602
- @dt-typography-helper-small-line-height: 1.2;
603
- @dt-typography-helper-small-font-size: 1.2rem;
604
- @dt-typography-helper-small-text-case: none;
605
- @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";
606
- @dt-typography-helper-base-font-weight: 400;
607
- @dt-typography-helper-base-line-height: 1.4;
608
- @dt-typography-helper-base-font-size: 1.5rem;
609
- @dt-typography-helper-base-text-case: none;
610
- @dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; // mono
611
- @dt-typography-code-small-font-weight: 400; // mono
612
- @dt-typography-code-small-line-height: 1.2; // mono
613
- @dt-typography-code-small-font-size: 1.2rem; // mono
614
- @dt-typography-code-small-text-case: none; // mono
615
- @dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; // mono
616
- @dt-typography-code-base-font-weight: 400; // mono
617
- @dt-typography-code-base-line-height: 1.2; // mono
618
- @dt-typography-code-base-font-size: 1.5rem; // mono
619
- @dt-typography-code-base-text-case: none; // mono
485
+ @dt-typography-body-md-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"; // Base default medium text style for main content.
486
+ @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
487
+ @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
488
+ @dt-typography-body-md-font-size: 1.5rem; // Base default medium text style for main content.
489
+ @dt-typography-body-md-text-case: none; // Base default medium text style for main content.
490
+ @dt-typography-body-md-compact-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"; // A tighter-spaced version of medium body style.
491
+ @dt-typography-body-md-compact-font-weight: 400; // A tighter-spaced version of medium body style.
492
+ @dt-typography-body-md-compact-line-height: 1.4; // A tighter-spaced version of medium body style.
493
+ @dt-typography-body-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium body style.
494
+ @dt-typography-body-md-compact-text-case: none; // A tighter-spaced version of medium body style.
495
+ @dt-typography-body-sm-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"; // Reduced small text style for less prominent or adjacent content.
496
+ @dt-typography-body-sm-font-weight: 400; // Reduced small text style for less prominent or adjacent content.
497
+ @dt-typography-body-sm-line-height: 1.4; // Reduced small text style for less prominent or adjacent content.
498
+ @dt-typography-body-sm-font-size: 1.2rem; // Reduced small text style for less prominent or adjacent content.
499
+ @dt-typography-body-sm-text-case: none; // Reduced small text style for less prominent or adjacent content.
500
+ @dt-typography-body-sm-compact-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"; // A tighter-spaced version of small body style.
501
+ @dt-typography-body-sm-compact-font-weight: 400; // A tighter-spaced version of small body style.
502
+ @dt-typography-body-sm-compact-line-height: 1.2; // A tighter-spaced version of small body style.
503
+ @dt-typography-body-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small body style.
504
+ @dt-typography-body-sm-compact-text-case: none; // A tighter-spaced version of small body style.
505
+ @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"; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
506
+ @dt-typography-headline-eyebrow-font-weight: 400; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
507
+ @dt-typography-headline-eyebrow-line-height: 1.4; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
508
+ @dt-typography-headline-eyebrow-font-size: 1.2rem; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
509
+ @dt-typography-headline-eyebrow-text-case: uppercase; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
510
+ @dt-typography-headline-sm-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"; // Smaller text size for secondary information or subheadings.
511
+ @dt-typography-headline-sm-font-weight: 700; // Smaller text size for secondary information or subheadings.
512
+ @dt-typography-headline-sm-line-height: 1.4; // Smaller text size for secondary information or subheadings.
513
+ @dt-typography-headline-sm-font-size: 1.2rem; // Smaller text size for secondary information or subheadings.
514
+ @dt-typography-headline-sm-text-case: none; // Smaller text size for secondary information or subheadings.
515
+ @dt-typography-headline-sm-compact-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"; // A tighter-spaced version of small headline style.
516
+ @dt-typography-headline-sm-compact-font-weight: 700; // A tighter-spaced version of small headline style.
517
+ @dt-typography-headline-sm-compact-line-height: 1.2; // A tighter-spaced version of small headline style.
518
+ @dt-typography-headline-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small headline style.
519
+ @dt-typography-headline-sm-compact-text-case: none; // A tighter-spaced version of small headline style.
520
+ @dt-typography-headline-sm-soft-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"; // A softer font weight version of small headline style.
521
+ @dt-typography-headline-sm-soft-font-weight: 500; // A softer font weight version of small headline style.
522
+ @dt-typography-headline-sm-soft-line-height: 1.4; // A softer font weight version of small headline style.
523
+ @dt-typography-headline-sm-soft-font-size: 1.2rem; // A softer font weight version of small headline style.
524
+ @dt-typography-headline-sm-soft-text-case: none; // A softer font weight version of small headline style.
525
+ @dt-typography-headline-sm-soft-compact-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"; // A softer font weight, tighter-spaced version of small headline style.
526
+ @dt-typography-headline-sm-soft-compact-font-weight: 500; // A softer font weight, tighter-spaced version of small headline style.
527
+ @dt-typography-headline-sm-soft-compact-line-height: 1.2; // A softer font weight, tighter-spaced version of small headline style.
528
+ @dt-typography-headline-sm-soft-compact-font-size: 1.2rem; // A softer font weight, tighter-spaced version of small headline style.
529
+ @dt-typography-headline-sm-soft-compact-text-case: none; // A softer font weight, tighter-spaced version of small headline style.
530
+ @dt-typography-headline-md-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"; // Medium-sized base text style for headlines.
531
+ @dt-typography-headline-md-font-weight: 700; // Medium-sized base text style for headlines.
532
+ @dt-typography-headline-md-line-height: 1.6; // Medium-sized base text style for headlines.
533
+ @dt-typography-headline-md-font-size: 1.5rem; // Medium-sized base text style for headlines.
534
+ @dt-typography-headline-md-text-case: none; // Medium-sized base text style for headlines.
535
+ @dt-typography-headline-md-compact-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"; // A tighter-spaced version of medium headline style.
536
+ @dt-typography-headline-md-compact-font-weight: 700; // A tighter-spaced version of medium headline style.
537
+ @dt-typography-headline-md-compact-line-height: 1.4; // A tighter-spaced version of medium headline style.
538
+ @dt-typography-headline-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium headline style.
539
+ @dt-typography-headline-md-compact-text-case: none; // A tighter-spaced version of medium headline style.
540
+ @dt-typography-headline-lg-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"; // Large text style for headlines to attract attention.
541
+ @dt-typography-headline-lg-font-weight: 700; // Large text style for headlines to attract attention.
542
+ @dt-typography-headline-lg-line-height: 1.6; // Large text style for headlines to attract attention.
543
+ @dt-typography-headline-lg-font-size: 1.9rem; // Large text style for headlines to attract attention.
544
+ @dt-typography-headline-lg-text-case: none; // Large text style for headlines to attract attention.
545
+ @dt-typography-headline-lg-soft-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"; // A softer font weight version of large headline style.
546
+ @dt-typography-headline-lg-soft-font-weight: 500; // A softer font weight version of large headline style.
547
+ @dt-typography-headline-lg-soft-line-height: 1.6; // A softer font weight version of large headline style.
548
+ @dt-typography-headline-lg-soft-font-size: 1.9rem; // A softer font weight version of large headline style.
549
+ @dt-typography-headline-lg-soft-text-case: none; // A softer font weight version of large headline style.
550
+ @dt-typography-headline-lg-compact-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"; // A tighter-spaced version of large body style.
551
+ @dt-typography-headline-lg-compact-font-weight: 700; // A tighter-spaced version of large body style.
552
+ @dt-typography-headline-lg-compact-line-height: 1.2; // A tighter-spaced version of large body style.
553
+ @dt-typography-headline-lg-compact-font-size: 1.9rem; // A tighter-spaced version of large body style.
554
+ @dt-typography-headline-lg-compact-text-case: none; // A tighter-spaced version of large body style.
555
+ @dt-typography-headline-lg-soft-compact-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"; // A softer font weight, tighter spaced version of large headline style.
556
+ @dt-typography-headline-lg-soft-compact-font-weight: 500; // A softer font weight, tighter spaced version of large headline style.
557
+ @dt-typography-headline-lg-soft-compact-line-height: 1.2; // A softer font weight, tighter spaced version of large headline style.
558
+ @dt-typography-headline-lg-soft-compact-font-size: 1.9rem; // A softer font weight, tighter spaced version of large headline style.
559
+ @dt-typography-headline-lg-soft-compact-text-case: none; // A softer font weight, tighter spaced version of large headline style.
560
+ @dt-typography-headline-xl-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"; // Extra large text style for high importance headlines.
561
+ @dt-typography-headline-xl-font-weight: 500; // Extra large text style for high importance headlines.
562
+ @dt-typography-headline-xl-line-height: 1.2; // Extra large text style for high importance headlines.
563
+ @dt-typography-headline-xl-font-size: 2.7rem; // Extra large text style for high importance headlines.
564
+ @dt-typography-headline-xl-text-case: none; // Extra large text style for high importance headlines.
565
+ @dt-typography-headline-xl-compact-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"; // A tighter-spaced version of extra large headline style.
566
+ @dt-typography-headline-xl-compact-font-weight: 500; // A tighter-spaced version of extra large headline style.
567
+ @dt-typography-headline-xl-compact-line-height: 1; // A tighter-spaced version of extra large headline style.
568
+ @dt-typography-headline-xl-compact-font-size: 2.7rem; // A tighter-spaced version of extra large headline style.
569
+ @dt-typography-headline-xl-compact-text-case: none; // A tighter-spaced version of extra large headline style.
570
+ @dt-typography-headline-xxl-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"; // Largest text style for extra extra large content.
571
+ @dt-typography-headline-xxl-font-weight: 500; // Largest text style for extra extra large content.
572
+ @dt-typography-headline-xxl-line-height: 1.2; // Largest text style for extra extra large content.
573
+ @dt-typography-headline-xxl-font-size: 3.8rem; // Largest text style for extra extra large content.
574
+ @dt-typography-headline-xxl-text-case: none; // Largest text style for extra extra large content.
575
+ @dt-typography-headline-xxl-compact-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"; // A tighter-spaced version of extra extra large headline style.
576
+ @dt-typography-headline-xxl-compact-font-weight: 500; // A tighter-spaced version of extra extra large headline style.
577
+ @dt-typography-headline-xxl-compact-line-height: 1; // A tighter-spaced version of extra extra large headline style.
578
+ @dt-typography-headline-xxl-compact-font-size: 3.8rem; // A tighter-spaced version of extra extra large headline style.
579
+ @dt-typography-headline-xxl-compact-text-case: none; // A tighter-spaced version of extra extra large headline style.
580
+ @dt-typography-label-md-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"; // Base default medium-sized text style for labels, providing clear identification and categorization.
581
+ @dt-typography-label-md-font-weight: 600; // Base default medium-sized text style for labels, providing clear identification and categorization.
582
+ @dt-typography-label-md-line-height: 1.6; // Base default medium-sized text style for labels, providing clear identification and categorization.
583
+ @dt-typography-label-md-font-size: 1.5rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
584
+ @dt-typography-label-md-text-case: none; // Base default medium-sized text style for labels, providing clear identification and categorization.
585
+ @dt-typography-label-md-compact-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"; // A tighter-spaced version of medium label style.
586
+ @dt-typography-label-md-compact-font-weight: 600; // A tighter-spaced version of medium label style.
587
+ @dt-typography-label-md-compact-line-height: 1.4; // A tighter-spaced version of medium label style.
588
+ @dt-typography-label-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium label style.
589
+ @dt-typography-label-md-compact-text-case: none; // A tighter-spaced version of medium label style.
590
+ @dt-typography-label-md-plain-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"; // A non-bold version of medium label style.
591
+ @dt-typography-label-md-plain-font-weight: 400; // A non-bold version of medium label style.
592
+ @dt-typography-label-md-plain-line-height: 1.6; // A non-bold version of medium label style.
593
+ @dt-typography-label-md-plain-font-size: 1.5rem; // A non-bold version of medium label style.
594
+ @dt-typography-label-md-plain-text-case: none; // A non-bold version of medium label style.
595
+ @dt-typography-label-md-plain-compact-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"; // A non-bolded, tighter-spaced version of medium label style.
596
+ @dt-typography-label-md-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of medium label style.
597
+ @dt-typography-label-md-plain-compact-line-height: 1.4; // A non-bolded, tighter-spaced version of medium label style.
598
+ @dt-typography-label-md-plain-compact-font-size: 1.5rem; // A non-bolded, tighter-spaced version of medium label style.
599
+ @dt-typography-label-md-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of medium label style.
600
+ @dt-typography-label-sm-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"; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
601
+ @dt-typography-label-sm-font-weight: 600; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
602
+ @dt-typography-label-sm-line-height: 1.4; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
603
+ @dt-typography-label-sm-font-size: 1.2rem; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
604
+ @dt-typography-label-sm-text-case: none; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
605
+ @dt-typography-label-sm-compact-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"; // A tighter-spaced version of small label style.
606
+ @dt-typography-label-sm-compact-font-weight: 600; // A tighter-spaced version of small label style.
607
+ @dt-typography-label-sm-compact-line-height: 1.2; // A tighter-spaced version of small label style.
608
+ @dt-typography-label-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small label style.
609
+ @dt-typography-label-sm-compact-text-case: none; // A tighter-spaced version of small label style.
610
+ @dt-typography-label-sm-plain-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"; // A non-bold version of small label style.
611
+ @dt-typography-label-sm-plain-font-weight: 400; // A non-bold version of small label style.
612
+ @dt-typography-label-sm-plain-line-height: 1.4; // A non-bold version of small label style.
613
+ @dt-typography-label-sm-plain-font-size: 1.2rem; // A non-bold version of small label style.
614
+ @dt-typography-label-sm-plain-text-case: none; // A non-bold version of small label style.
615
+ @dt-typography-label-sm-plain-compact-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"; // A non-bolded, tighter-spaced version of small label style.
616
+ @dt-typography-label-sm-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of small label style.
617
+ @dt-typography-label-sm-plain-compact-line-height: 1.2; // A non-bolded, tighter-spaced version of small label style.
618
+ @dt-typography-label-sm-plain-compact-font-size: 1.2rem; // A non-bolded, tighter-spaced version of small label style.
619
+ @dt-typography-label-sm-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of small label style.
620
+ @dt-typography-helper-md-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"; // Base default medium-sized text style for supplementary contextual information.
621
+ @dt-typography-helper-md-font-weight: 400; // Base default medium-sized text style for supplementary contextual information.
622
+ @dt-typography-helper-md-line-height: 1.4; // Base default medium-sized text style for supplementary contextual information.
623
+ @dt-typography-helper-md-font-size: 1.5rem; // Base default medium-sized text style for supplementary contextual information.
624
+ @dt-typography-helper-md-text-case: none; // Base default medium-sized text style for supplementary contextual information.
625
+ @dt-typography-helper-sm-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"; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
626
+ @dt-typography-helper-sm-font-weight: 400; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
627
+ @dt-typography-helper-sm-line-height: 1.2; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
628
+ @dt-typography-helper-sm-font-size: 1.2rem; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
629
+ @dt-typography-helper-sm-text-case: none; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
630
+ @dt-typography-code-md-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; // Base default medium-sized text style for monospace code snippets of technical content.
631
+ @dt-typography-code-md-font-weight: 400; // Base default medium-sized text style for monospace code snippets of technical content.
632
+ @dt-typography-code-md-line-height: 1.2; // Base default medium-sized text style for monospace code snippets of technical content.
633
+ @dt-typography-code-md-font-size: 1.5rem; // Base default medium-sized text style for monospace code snippets of technical content.
634
+ @dt-typography-code-md-text-case: none; // Base default medium-sized text style for monospace code snippets of technical content.
635
+ @dt-typography-code-sm-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
636
+ @dt-typography-code-sm-font-weight: 400; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
637
+ @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
638
+ @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
639
+ @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
620
640
  @dt-inputs-size-border-default: 0.15rem;
621
641
  @dt-inputs-size-border-status: 0.2rem;
622
642
  @dt-inputs-size-radius-xs: 0.4rem;