@dialpad/dialtone-tokens 1.29.0 → 1.30.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 (25) hide show
  1. package/dist/android/java/tokens-dark.kt +1 -1
  2. package/dist/android/java/tokens-light.kt +1 -1
  3. package/dist/android/res/values/colors-dark.xml +1 -1
  4. package/dist/android/res/values/colors-light.xml +1 -1
  5. package/dist/android/res/values/dimens.xml +1 -1
  6. package/dist/css/variables-dark.css +1 -1
  7. package/dist/css/variables-expressive-dark.css +937 -0
  8. package/dist/css/variables-expressive-light.css +817 -0
  9. package/dist/css/{variables-cox-dark.css → variables-expressive-sm-dark.css} +68 -67
  10. package/dist/css/{variables-cox-light.css → variables-expressive-sm-light.css} +67 -66
  11. package/dist/css/variables-light.css +1 -1
  12. package/dist/css/variables-tmo-dark.css +1 -1
  13. package/dist/css/variables-tmo-light.css +1 -1
  14. package/dist/doc.json +21010 -294
  15. package/dist/ios/tokens-dark.swift +1 -1
  16. package/dist/ios/tokens-light.swift +1 -1
  17. package/dist/less/variables-dark.less +1 -1
  18. package/dist/less/variables-expressive-dark.less +934 -0
  19. package/dist/less/variables-expressive-light.less +814 -0
  20. package/dist/less/{variables-cox-dark.less → variables-expressive-sm-dark.less} +67 -66
  21. package/dist/less/{variables-cox-light.less → variables-expressive-sm-light.less} +66 -65
  22. package/dist/less/variables-light.less +1 -1
  23. package/dist/less/variables-tmo-dark.less +1 -1
  24. package/dist/less/variables-tmo-light.less +1 -1
  25. package/package.json +1 -1
package/dist/less/{variables-cox-dark.less → variables-expressive-sm-dark.less} RENAMED
@@ -1,12 +1,13 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 09 Apr 2024 16:54:17 GMT
3
+ // Generated on Fri, 12 Apr 2024 19:45:32 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
- @dt-font-size-200: 1.5rem; // medium / base
7
- @dt-font-size-300: 1.9rem; // large
8
- @dt-font-size-400: 2.7rem; // extra large / xl
9
- @dt-font-size-500: 3.8rem; // extra large / xxl
6
+ @dt-font-size-200: 1.6rem; // medium / base
7
+ @dt-font-size-300: 2rem; // large
8
+ @dt-font-size-400: 2.8rem; // extra large / xl
9
+ @dt-font-size-500: 4.1rem; // extra large / xxl
10
+ @dt-font-size-600: 5.1rem;
10
11
  @dt-font-size-root: 1rem;
11
12
  @dt-font-family-body: -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";
12
13
  @dt-font-family-expressive: Archivo, -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";
@@ -602,17 +603,17 @@
602
603
  @dt-shadow-focus-inset-1-spread: 0.2rem;
603
604
  @dt-shadow-focus-inset-1-color: #51A0FE;
604
605
  @dt-shadow-focus-inset-1-type: innerShadow;
605
- @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.
606
+ @dt-typography-body-md-font-family: Archivo, -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.
606
607
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
607
608
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
608
- @dt-typography-body-md-font-size: 1.5rem; // Base default medium text style for main content.
609
+ @dt-typography-body-md-font-size: 1.6rem; // Base default medium text style for main content.
609
610
  @dt-typography-body-md-text-case: none; // Base default medium text style for main content.
610
611
  @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.
611
612
  @dt-typography-body-md-compact-font-weight: 400; // A tighter-spaced version of medium body style.
612
613
  @dt-typography-body-md-compact-line-height: 1.4; // A tighter-spaced version of medium body style.
613
- @dt-typography-body-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium body style.
614
+ @dt-typography-body-md-compact-font-size: 1.6rem; // A tighter-spaced version of medium body style.
614
615
  @dt-typography-body-md-compact-text-case: none; // A tighter-spaced version of medium body style.
615
- @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.
616
+ @dt-typography-body-sm-font-family: Archivo, -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.
616
617
  @dt-typography-body-sm-font-weight: 400; // Reduced small text style for less prominent or adjacent content.
617
618
  @dt-typography-body-sm-line-height: 1.4; // Reduced small text style for less prominent or adjacent content.
618
619
  @dt-typography-body-sm-font-size: 1.2rem; // Reduced small text style for less prominent or adjacent content.
@@ -622,15 +623,15 @@
622
623
  @dt-typography-body-sm-compact-line-height: 1.2; // A tighter-spaced version of small body style.
623
624
  @dt-typography-body-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small body style.
624
625
  @dt-typography-body-sm-compact-text-case: none; // A tighter-spaced version of small body style.
625
- @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.
626
+ @dt-typography-headline-eyebrow-font-family: Archivo, -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.
626
627
  @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.
627
628
  @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.
628
629
  @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.
629
630
  @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.
630
- @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.
631
+ @dt-typography-headline-sm-font-family: Archivo, -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.
631
632
  @dt-typography-headline-sm-font-weight: 700; // Smaller text size for secondary information or subheadings.
632
633
  @dt-typography-headline-sm-line-height: 1.4; // Smaller text size for secondary information or subheadings.
633
- @dt-typography-headline-sm-font-size: 1.2rem; // Smaller text size for secondary information or subheadings.
634
+ @dt-typography-headline-sm-font-size: 1.6rem; // Smaller text size for secondary information or subheadings.
634
635
  @dt-typography-headline-sm-text-case: none; // Smaller text size for secondary information or subheadings.
635
636
  @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.
636
637
  @dt-typography-headline-sm-compact-font-weight: 700; // A tighter-spaced version of small headline style.
@@ -647,77 +648,77 @@
647
648
  @dt-typography-headline-sm-soft-compact-line-height: 1.2; // A softer font weight, tighter-spaced version of small headline style.
648
649
  @dt-typography-headline-sm-soft-compact-font-size: 1.2rem; // A softer font weight, tighter-spaced version of small headline style.
649
650
  @dt-typography-headline-sm-soft-compact-text-case: none; // A softer font weight, tighter-spaced version of small headline style.
650
- @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.
651
+ @dt-typography-headline-md-font-family: Archivo, -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.
651
652
  @dt-typography-headline-md-font-weight: 700; // Medium-sized base text style for headlines.
652
653
  @dt-typography-headline-md-line-height: 1.6; // Medium-sized base text style for headlines.
653
- @dt-typography-headline-md-font-size: 1.5rem; // Medium-sized base text style for headlines.
654
+ @dt-typography-headline-md-font-size: 2rem; // Medium-sized base text style for headlines.
654
655
  @dt-typography-headline-md-text-case: none; // Medium-sized base text style for headlines.
655
656
  @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.
656
657
  @dt-typography-headline-md-compact-font-weight: 700; // A tighter-spaced version of medium headline style.
657
658
  @dt-typography-headline-md-compact-line-height: 1.4; // A tighter-spaced version of medium headline style.
658
- @dt-typography-headline-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium headline style.
659
+ @dt-typography-headline-md-compact-font-size: 1.6rem; // A tighter-spaced version of medium headline style.
659
660
  @dt-typography-headline-md-compact-text-case: none; // A tighter-spaced version of medium headline style.
660
- @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.
661
+ @dt-typography-headline-lg-font-family: Archivo, -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.
661
662
  @dt-typography-headline-lg-font-weight: 700; // Large text style for headlines to attract attention.
662
663
  @dt-typography-headline-lg-line-height: 1.6; // Large text style for headlines to attract attention.
663
- @dt-typography-headline-lg-font-size: 1.9rem; // Large text style for headlines to attract attention.
664
+ @dt-typography-headline-lg-font-size: 2.8rem; // Large text style for headlines to attract attention.
664
665
  @dt-typography-headline-lg-text-case: none; // Large text style for headlines to attract attention.
665
666
  @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.
666
667
  @dt-typography-headline-lg-soft-font-weight: 500; // A softer font weight version of large headline style.
667
668
  @dt-typography-headline-lg-soft-line-height: 1.6; // A softer font weight version of large headline style.
668
- @dt-typography-headline-lg-soft-font-size: 1.9rem; // A softer font weight version of large headline style.
669
+ @dt-typography-headline-lg-soft-font-size: 2rem; // A softer font weight version of large headline style.
669
670
  @dt-typography-headline-lg-soft-text-case: none; // A softer font weight version of large headline style.
670
671
  @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.
671
672
  @dt-typography-headline-lg-compact-font-weight: 700; // A tighter-spaced version of large body style.
672
673
  @dt-typography-headline-lg-compact-line-height: 1.2; // A tighter-spaced version of large body style.
673
- @dt-typography-headline-lg-compact-font-size: 1.9rem; // A tighter-spaced version of large body style.
674
+ @dt-typography-headline-lg-compact-font-size: 2rem; // A tighter-spaced version of large body style.
674
675
  @dt-typography-headline-lg-compact-text-case: none; // A tighter-spaced version of large body style.
675
676
  @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.
676
677
  @dt-typography-headline-lg-soft-compact-font-weight: 500; // A softer font weight, tighter spaced version of large headline style.
677
678
  @dt-typography-headline-lg-soft-compact-line-height: 1.2; // A softer font weight, tighter spaced version of large headline style.
678
- @dt-typography-headline-lg-soft-compact-font-size: 1.9rem; // A softer font weight, tighter spaced version of large headline style.
679
+ @dt-typography-headline-lg-soft-compact-font-size: 2rem; // A softer font weight, tighter spaced version of large headline style.
679
680
  @dt-typography-headline-lg-soft-compact-text-case: none; // A softer font weight, tighter spaced version of large headline style.
680
- @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.
681
+ @dt-typography-headline-xl-font-family: Archivo, -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.
681
682
  @dt-typography-headline-xl-font-weight: 500; // Extra large text style for high importance headlines.
682
683
  @dt-typography-headline-xl-line-height: 1.2; // Extra large text style for high importance headlines.
683
- @dt-typography-headline-xl-font-size: 2.7rem; // Extra large text style for high importance headlines.
684
+ @dt-typography-headline-xl-font-size: 4.1rem; // Extra large text style for high importance headlines.
684
685
  @dt-typography-headline-xl-text-case: none; // Extra large text style for high importance headlines.
685
686
  @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.
686
687
  @dt-typography-headline-xl-compact-font-weight: 500; // A tighter-spaced version of extra large headline style.
687
688
  @dt-typography-headline-xl-compact-line-height: 1; // A tighter-spaced version of extra large headline style.
688
- @dt-typography-headline-xl-compact-font-size: 2.7rem; // A tighter-spaced version of extra large headline style.
689
+ @dt-typography-headline-xl-compact-font-size: 2.8rem; // A tighter-spaced version of extra large headline style.
689
690
  @dt-typography-headline-xl-compact-text-case: none; // A tighter-spaced version of extra large headline style.
690
- @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.
691
+ @dt-typography-headline-xxl-font-family: Archivo, -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.
691
692
  @dt-typography-headline-xxl-font-weight: 500; // Largest text style for extra extra large content.
692
693
  @dt-typography-headline-xxl-line-height: 1.2; // Largest text style for extra extra large content.
693
- @dt-typography-headline-xxl-font-size: 3.8rem; // Largest text style for extra extra large content.
694
+ @dt-typography-headline-xxl-font-size: 5.1rem; // Largest text style for extra extra large content.
694
695
  @dt-typography-headline-xxl-text-case: none; // Largest text style for extra extra large content.
695
696
  @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.
696
697
  @dt-typography-headline-xxl-compact-font-weight: 500; // A tighter-spaced version of extra extra large headline style.
697
698
  @dt-typography-headline-xxl-compact-line-height: 1; // A tighter-spaced version of extra extra large headline style.
698
- @dt-typography-headline-xxl-compact-font-size: 3.8rem; // A tighter-spaced version of extra extra large headline style.
699
+ @dt-typography-headline-xxl-compact-font-size: 4.1rem; // A tighter-spaced version of extra extra large headline style.
699
700
  @dt-typography-headline-xxl-compact-text-case: none; // A tighter-spaced version of extra extra large headline style.
700
- @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.
701
+ @dt-typography-label-md-font-family: Archivo, -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.
701
702
  @dt-typography-label-md-font-weight: 600; // Base default medium-sized text style for labels, providing clear identification and categorization.
702
703
  @dt-typography-label-md-line-height: 1.6; // Base default medium-sized text style for labels, providing clear identification and categorization.
703
- @dt-typography-label-md-font-size: 1.5rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
704
+ @dt-typography-label-md-font-size: 1.6rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
704
705
  @dt-typography-label-md-text-case: none; // Base default medium-sized text style for labels, providing clear identification and categorization.
705
706
  @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.
706
707
  @dt-typography-label-md-compact-font-weight: 600; // A tighter-spaced version of medium label style.
707
708
  @dt-typography-label-md-compact-line-height: 1.4; // A tighter-spaced version of medium label style.
708
- @dt-typography-label-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium label style.
709
+ @dt-typography-label-md-compact-font-size: 1.6rem; // A tighter-spaced version of medium label style.
709
710
  @dt-typography-label-md-compact-text-case: none; // A tighter-spaced version of medium label style.
710
711
  @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.
711
712
  @dt-typography-label-md-plain-font-weight: 400; // A non-bold version of medium label style.
712
713
  @dt-typography-label-md-plain-line-height: 1.6; // A non-bold version of medium label style.
713
- @dt-typography-label-md-plain-font-size: 1.5rem; // A non-bold version of medium label style.
714
+ @dt-typography-label-md-plain-font-size: 1.6rem; // A non-bold version of medium label style.
714
715
  @dt-typography-label-md-plain-text-case: none; // A non-bold version of medium label style.
715
716
  @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.
716
717
  @dt-typography-label-md-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of medium label style.
717
718
  @dt-typography-label-md-plain-compact-line-height: 1.4; // A non-bolded, tighter-spaced version of medium label style.
718
- @dt-typography-label-md-plain-compact-font-size: 1.5rem; // A non-bolded, tighter-spaced version of medium label style.
719
+ @dt-typography-label-md-plain-compact-font-size: 1.6rem; // A non-bolded, tighter-spaced version of medium label style.
719
720
  @dt-typography-label-md-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of medium label style.
720
- @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.
721
+ @dt-typography-label-sm-font-family: Archivo, -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.
721
722
  @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.
722
723
  @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.
723
724
  @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.
@@ -737,12 +738,12 @@
737
738
  @dt-typography-label-sm-plain-compact-line-height: 1.2; // A non-bolded, tighter-spaced version of small label style.
738
739
  @dt-typography-label-sm-plain-compact-font-size: 1.2rem; // A non-bolded, tighter-spaced version of small label style.
739
740
  @dt-typography-label-sm-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of small label style.
740
- @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.
741
+ @dt-typography-helper-md-font-family: Archivo, -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.
741
742
  @dt-typography-helper-md-font-weight: 400; // Base default medium-sized text style for supplementary contextual information.
742
743
  @dt-typography-helper-md-line-height: 1.4; // Base default medium-sized text style for supplementary contextual information.
743
- @dt-typography-helper-md-font-size: 1.5rem; // Base default medium-sized text style for supplementary contextual information.
744
+ @dt-typography-helper-md-font-size: 1.6rem; // Base default medium-sized text style for supplementary contextual information.
744
745
  @dt-typography-helper-md-text-case: none; // Base default medium-sized text style for supplementary contextual information.
745
- @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.
746
+ @dt-typography-helper-sm-font-family: Archivo, -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.
746
747
  @dt-typography-helper-sm-font-weight: 400; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
747
748
  @dt-typography-helper-sm-line-height: 1.2; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
748
749
  @dt-typography-helper-sm-font-size: 1.2rem; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
@@ -750,7 +751,7 @@
750
751
  @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.
751
752
  @dt-typography-code-md-font-weight: 400; // Base default medium-sized text style for monospace code snippets of technical content.
752
753
  @dt-typography-code-md-line-height: 1.2; // Base default medium-sized text style for monospace code snippets of technical content.
753
- @dt-typography-code-md-font-size: 1.5rem; // Base default medium-sized text style for monospace code snippets of technical content.
754
+ @dt-typography-code-md-font-size: 1.6rem; // Base default medium-sized text style for monospace code snippets of technical content.
754
755
  @dt-typography-code-md-text-case: none; // Base default medium-sized text style for monospace code snippets of technical content.
755
756
  @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.
756
757
  @dt-typography-code-sm-font-weight: 400; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
@@ -767,9 +768,9 @@
767
768
  @dt-inputs-line-height-default: 1.2;
768
769
  @dt-inputs-font-size-xs: 1.2rem;
769
770
  @dt-inputs-font-size-sm: 1.2rem;
770
- @dt-inputs-font-size-md: 1.5rem;
771
- @dt-inputs-font-size-lg: 1.9rem;
772
- @dt-inputs-font-size-xl: 2.7rem;
771
+ @dt-inputs-font-size-md: 1.6rem;
772
+ @dt-inputs-font-size-lg: 2rem;
773
+ @dt-inputs-font-size-xl: 1.2rem;
773
774
  @dt-inputs-color-foreground-default: #E6E6E6;
774
775
  @dt-inputs-color-foreground-placeholder: #AAAAAA;
775
776
  @dt-inputs-color-foreground-disabled: #AAAAAA;
@@ -836,44 +837,44 @@
836
837
  @dt-action-color-border-critical-outlined-default: #FF8585;
837
838
  @dt-action-color-border-inverted-outlined-default: #000000;
838
839
  @dt-action-color-border-muted-outlined-default: #AAAAAA;
839
- @dt-theme-color-base: #00ADFA;
840
- @dt-theme-topbar-color-foreground: hsl(198 100% 49% / 0.75);
841
- @dt-theme-topbar-color-background: hsl(210 4.37% 16.3%);
842
- @dt-theme-topbar-field-color-foreground: hsl(198 100% 49% / 0.5);
843
- @dt-theme-topbar-field-color-foreground-hover: hsl(198 100% 49% / 0.75);
844
- @dt-theme-topbar-field-color-background: hsl(198 100% 49% / 0.05);
845
- @dt-theme-topbar-field-color-background-hover: hsl(210 4.37% 11.1%);
846
- @dt-theme-topbar-field-color-border: hsl(198 100% 49% / 0);
847
- @dt-theme-topbar-field-color-border-hover: hsl(198 100% 49% / 0.1);
848
- @dt-theme-topbar-field-color-border-active: hsl(198 100% 49% / 0.2);
849
- @dt-theme-topbar-button-color-foreground: hsl(198 100% 49% / 0.65);
850
- @dt-theme-topbar-button-color-foreground-hover: #00ADFA;
851
- @dt-theme-topbar-button-color-background: hsl(198 100% 49% / 0);
852
- @dt-theme-topbar-button-color-background-hover: hsl(198 100% 49% / 0.15);
853
- @dt-theme-topbar-button-color-background-active: hsl(198 100% 49% / 0.1);
854
- @dt-theme-topbar-profile-color-foreground: hsl(198 100% 49% / 0.75);
840
+ @dt-theme-color-base: #E6E6E6;
841
+ @dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
842
+ @dt-theme-topbar-color-background: #262626;
843
+ @dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
844
+ @dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
845
+ @dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
846
+ @dt-theme-topbar-field-color-background-hover: hsl(0 0% 10.1%);
847
+ @dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
848
+ @dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
849
+ @dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
850
+ @dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
851
+ @dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
852
+ @dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
853
+ @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
854
+ @dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
855
+ @dt-theme-topbar-profile-color-foreground: hsl(0 0% 90.2% / 0.75);
855
856
  @dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
856
- @dt-theme-topbar-profile-color-background: hsl(198 100% 49% / 0.05);
857
- @dt-theme-topbar-profile-color-background-inverted: hsl(198 100% 49% / 0.75);
858
- @dt-theme-topbar-profile-color-background-hover: hsl(198 100% 49% / 0.1);
859
- @dt-theme-topbar-profile-color-background-active: hsl(198 100% 49% / 0.14);
857
+ @dt-theme-topbar-profile-color-background: hsl(0 0% 90.2% / 0.05);
858
+ @dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 90.2% / 0.75);
859
+ @dt-theme-topbar-profile-color-background-hover: hsl(0 0% 90.2% / 0.1);
860
+ @dt-theme-topbar-profile-color-background-active: hsl(0 0% 90.2% / 0.14);
860
861
  @dt-theme-sidebar-color-foreground: #C2C2C2;
861
862
  @dt-theme-sidebar-color-foreground-unread: #E6E6E6;
862
- @dt-theme-sidebar-color-background: hsl(210 4.37% 16.3%);
863
+ @dt-theme-sidebar-color-background: #262626;
863
864
  @dt-theme-sidebar-icon-color-foreground: #C2C2C2;
864
865
  @dt-theme-sidebar-status-color-foreground: #AAAAAA;
865
- @dt-theme-sidebar-row-color-background: hsl(198 100% 49% / 0);
866
- @dt-theme-sidebar-row-color-background-hover: hsl(198 100% 49% / 0.18);
867
- @dt-theme-sidebar-row-color-background-active: hsl(198 100% 49% / 0.24);
866
+ @dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
867
+ @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.18);
868
+ @dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.24);
868
869
  @dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
869
- @dt-theme-sidebar-selected-row-color-background: hsl(198 100% 49% / 0.2);
870
+ @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.2);
870
871
  @dt-theme-sidebar-section-color-foreground: #AAAAAA;
871
872
  @dt-theme-presence-color-background-available: #B0FFA3;
872
873
  @dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
873
874
  @dt-theme-presence-color-background-busy: #F6AB3C;
874
875
  @dt-theme-presence-color-background-offline: #ffffff;
875
- @dt-theme-mention-color-foreground: #000000;
876
- @dt-theme-mention-color-background: lch(77.9 67.5 144);
876
+ @dt-theme-mention-color-foreground: #ffffff;
877
+ @dt-theme-mention-color-background: #7C52FF;
877
878
  @dt-avatar-color-foreground: #000000;
878
879
  @dt-avatar-color-background-100: #1aa340;
879
880
  @dt-avatar-color-background-200: #aaff83;