@dialpad/dialtone 9.21.0 → 9.22.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 (63) hide show
  1. package/dist/css/CHANGELOG.json +1 -1
  2. package/dist/css/dialtone.css +98 -85
  3. package/dist/css/dialtone.min.css +1 -1
  4. package/dist/tokens/android/java/tokens-dark.kt +1 -1
  5. package/dist/tokens/android/java/tokens-light.kt +1 -1
  6. package/dist/tokens/android/res/values/colors-dark.xml +1 -1
  7. package/dist/tokens/android/res/values/colors-light.xml +1 -1
  8. package/dist/tokens/android/res/values/dimens.xml +1 -1
  9. package/dist/tokens/css/variables-dark.css +32 -32
  10. package/dist/tokens/css/variables-light.css +32 -32
  11. package/dist/tokens/doc.json +186 -186
  12. package/dist/tokens/ios/tokens-dark.swift +1 -1
  13. package/dist/tokens/ios/tokens-light.swift +1 -1
  14. package/dist/tokens/less/variables-dark.less +32 -32
  15. package/dist/tokens/less/variables-light.less +32 -32
  16. package/dist/tokens/tokens-dark.json +31 -31
  17. package/dist/tokens/tokens-light.json +31 -31
  18. package/dist/vue2/component-documentation.json +1 -1
  19. package/dist/vue2/dialtone-vue.cjs +2 -2
  20. package/dist/vue2/dialtone-vue.js +7 -7
  21. package/dist/vue2/emoji.cjs +1 -1
  22. package/dist/vue2/emoji.js +3 -3
  23. package/dist/vue2/{emoji_picker-qKvl5Fz8.cjs → emoji_picker-F8BRxcT4.cjs} +1 -1
  24. package/dist/vue2/{emoji_picker-KIIpk9vW.js → emoji_picker-eZhVMcsq.js} +1 -1
  25. package/dist/vue2/{emoji_text_wrapper-I4e5KRQK.js → emoji_text_wrapper-D8sO5OFj.js} +1 -1
  26. package/dist/vue2/{emoji_text_wrapper-OcyTFWWG.cjs → emoji_text_wrapper-Rk9EMvo8.cjs} +1 -1
  27. package/dist/vue2/{index-izsZ8Z_Y.js → index-5kIwGgwp.js} +179 -178
  28. package/dist/vue2/index-FZJBS_ti.cjs +1 -0
  29. package/dist/vue2/message_input.cjs +1 -1
  30. package/dist/vue2/message_input.js +4 -4
  31. package/dist/vue2/{rich_text_editor-RroWBOw1.js → rich_text_editor-750LBgdo.js} +860 -860
  32. package/dist/vue2/{rich_text_editor-1tgknTvv.cjs → rich_text_editor-q9e-ZDwe.cjs} +2 -2
  33. package/dist/vue2/style.css +1 -1
  34. package/dist/vue2/types/components/link/link.vue.d.ts +3 -2
  35. package/dist/vue2/types/components/link/link.vue.d.ts.map +1 -1
  36. package/dist/vue2/types/components/link/link_constants.d.ts +2 -0
  37. package/dist/vue2/types/components/link/link_constants.d.ts.map +1 -1
  38. package/dist/vue3/component-documentation.json +1 -1
  39. package/dist/vue3/dialtone-vue.cjs +2 -2
  40. package/dist/vue3/dialtone-vue.js +7 -7
  41. package/dist/vue3/directives.cjs +1 -1
  42. package/dist/vue3/directives.js +31 -29
  43. package/dist/vue3/emoji-1NjKe1Yv.cjs +1 -0
  44. package/dist/vue3/{emoji-2rvS7ht5.js → emoji-VxFu3PHn.js} +180 -179
  45. package/dist/vue3/emoji.cjs +1 -1
  46. package/dist/vue3/emoji.js +3 -3
  47. package/dist/vue3/{emoji_picker--T2UMX6r.cjs → emoji_picker--qWnpkri.cjs} +1 -1
  48. package/dist/vue3/{emoji_picker-VPajqYRs.js → emoji_picker-1UT0z6jY.js} +1 -1
  49. package/dist/vue3/{emoji_text_wrapper-pmmHKPk7.js → emoji_text_wrapper-NMuqIG_X.js} +1 -1
  50. package/dist/vue3/{emoji_text_wrapper-qxffHTl7.cjs → emoji_text_wrapper-bOsTtVBL.cjs} +1 -1
  51. package/dist/vue3/message_input.cjs +1 -1
  52. package/dist/vue3/message_input.js +4 -4
  53. package/dist/vue3/{rich_text_editor-2G6m62cq.js → rich_text_editor-_wxi33hv.js} +3 -7
  54. package/dist/vue3/{rich_text_editor-IU2NvBTd.cjs → rich_text_editor-pnYcPOnF.cjs} +2 -2
  55. package/dist/vue3/style.css +1 -1
  56. package/dist/vue3/types/components/link/link.vue.d.ts +3 -2
  57. package/dist/vue3/types/components/link/link.vue.d.ts.map +1 -1
  58. package/dist/vue3/types/components/link/link_constants.d.ts +2 -0
  59. package/dist/vue3/types/components/link/link_constants.d.ts.map +1 -1
  60. package/dist/vue3/types/directives/tooltip/tooltip.d.ts.map +1 -1
  61. package/package.json +1 -1
  62. package/dist/vue2/index-pgrzvq3F.cjs +0 -1
  63. package/dist/vue3/emoji-XlbJqv9d.cjs +0 -1
package/dist/tokens/ios/tokens-dark.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 14 Mar 2024 00:58:58 GMT
7
+ // Generated on Fri, 15 Mar 2024 22:16:56 GMT
8
8
 
9
9
 
10
10
  import UIKit
package/dist/tokens/ios/tokens-light.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 14 Mar 2024 00:58:58 GMT
7
+ // Generated on Fri, 15 Mar 2024 22:16:56 GMT
8
8
 
9
9
 
10
10
  import UIKit
package/dist/tokens/less/variables-dark.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 14 Mar 2024 00:58:58 GMT
3
+ // Generated on Fri, 15 Mar 2024 22:16:56 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.5rem; // medium / base
@@ -8,8 +8,8 @@
8
8
  @dt-font-size-400: 2.7rem; // extra large / xl
9
9
  @dt-font-size-500: 3.8rem; // extra large / xxl
10
10
  @dt-font-size-root: 1rem;
11
- @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
- @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";
11
+ @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
+ @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";
13
13
  @dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
14
14
  @dt-font-line-height-100: 1;
15
15
  @dt-font-line-height-200: 1.2;
@@ -602,147 +602,147 @@
602
602
  @dt-shadow-focus-inset-1-spread: 0.3rem;
603
603
  @dt-shadow-focus-inset-1-color: #51A0FE;
604
604
  @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.
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
606
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
607
607
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
608
608
  @dt-typography-body-md-font-size: 1.5rem; // Base default medium text style for main content.
609
609
  @dt-typography-body-md-text-case: none; // Base default medium text style for main content.
610
- @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.
610
+ @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
611
  @dt-typography-body-md-compact-font-weight: 400; // A tighter-spaced version of medium body style.
612
612
  @dt-typography-body-md-compact-line-height: 1.4; // A tighter-spaced version of medium body style.
613
613
  @dt-typography-body-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium body style.
614
614
  @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.
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
616
  @dt-typography-body-sm-font-weight: 400; // Reduced small text style for less prominent or adjacent content.
617
617
  @dt-typography-body-sm-line-height: 1.4; // Reduced small text style for less prominent or adjacent content.
618
618
  @dt-typography-body-sm-font-size: 1.2rem; // Reduced small text style for less prominent or adjacent content.
619
619
  @dt-typography-body-sm-text-case: none; // Reduced small text style for less prominent or adjacent content.
620
- @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.
620
+ @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.
621
621
  @dt-typography-body-sm-compact-font-weight: 400; // A tighter-spaced version of small body style.
622
622
  @dt-typography-body-sm-compact-line-height: 1.2; // A tighter-spaced version of small body style.
623
623
  @dt-typography-body-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small body style.
624
624
  @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.
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
626
  @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
627
  @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
628
  @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
629
  @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.
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
631
  @dt-typography-headline-sm-font-weight: 700; // Smaller text size for secondary information or subheadings.
632
632
  @dt-typography-headline-sm-line-height: 1.4; // Smaller text size for secondary information or subheadings.
633
633
  @dt-typography-headline-sm-font-size: 1.2rem; // Smaller text size for secondary information or subheadings.
634
634
  @dt-typography-headline-sm-text-case: none; // Smaller text size for secondary information or subheadings.
635
- @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.
635
+ @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
636
  @dt-typography-headline-sm-compact-font-weight: 700; // A tighter-spaced version of small headline style.
637
637
  @dt-typography-headline-sm-compact-line-height: 1.2; // A tighter-spaced version of small headline style.
638
638
  @dt-typography-headline-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small headline style.
639
639
  @dt-typography-headline-sm-compact-text-case: none; // A tighter-spaced version of small headline style.
640
- @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.
640
+ @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.
641
641
  @dt-typography-headline-sm-soft-font-weight: 500; // A softer font weight version of small headline style.
642
642
  @dt-typography-headline-sm-soft-line-height: 1.4; // A softer font weight version of small headline style.
643
643
  @dt-typography-headline-sm-soft-font-size: 1.2rem; // A softer font weight version of small headline style.
644
644
  @dt-typography-headline-sm-soft-text-case: none; // A softer font weight version of small headline style.
645
- @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.
645
+ @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.
646
646
  @dt-typography-headline-sm-soft-compact-font-weight: 500; // A softer font weight, tighter-spaced version of small headline style.
647
647
  @dt-typography-headline-sm-soft-compact-line-height: 1.2; // A softer font weight, tighter-spaced version of small headline style.
648
648
  @dt-typography-headline-sm-soft-compact-font-size: 1.2rem; // A softer font weight, tighter-spaced version of small headline style.
649
649
  @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.
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
651
  @dt-typography-headline-md-font-weight: 700; // Medium-sized base text style for headlines.
652
652
  @dt-typography-headline-md-line-height: 1.6; // Medium-sized base text style for headlines.
653
653
  @dt-typography-headline-md-font-size: 1.5rem; // Medium-sized base text style for headlines.
654
654
  @dt-typography-headline-md-text-case: none; // Medium-sized base text style for headlines.
655
- @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.
655
+ @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
656
  @dt-typography-headline-md-compact-font-weight: 700; // A tighter-spaced version of medium headline style.
657
657
  @dt-typography-headline-md-compact-line-height: 1.4; // A tighter-spaced version of medium headline style.
658
658
  @dt-typography-headline-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium headline style.
659
659
  @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.
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
661
  @dt-typography-headline-lg-font-weight: 700; // Large text style for headlines to attract attention.
662
662
  @dt-typography-headline-lg-line-height: 1.6; // Large text style for headlines to attract attention.
663
663
  @dt-typography-headline-lg-font-size: 1.9rem; // Large text style for headlines to attract attention.
664
664
  @dt-typography-headline-lg-text-case: none; // Large text style for headlines to attract attention.
665
- @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.
665
+ @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
666
  @dt-typography-headline-lg-soft-font-weight: 500; // A softer font weight version of large headline style.
667
667
  @dt-typography-headline-lg-soft-line-height: 1.6; // A softer font weight version of large headline style.
668
668
  @dt-typography-headline-lg-soft-font-size: 1.9rem; // A softer font weight version of large headline style.
669
669
  @dt-typography-headline-lg-soft-text-case: none; // A softer font weight version of large headline style.
670
- @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.
670
+ @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
671
  @dt-typography-headline-lg-compact-font-weight: 700; // A tighter-spaced version of large body style.
672
672
  @dt-typography-headline-lg-compact-line-height: 1.2; // A tighter-spaced version of large body style.
673
673
  @dt-typography-headline-lg-compact-font-size: 1.9rem; // A tighter-spaced version of large body style.
674
674
  @dt-typography-headline-lg-compact-text-case: none; // A tighter-spaced version of large body style.
675
- @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.
675
+ @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
676
  @dt-typography-headline-lg-soft-compact-font-weight: 500; // A softer font weight, tighter spaced version of large headline style.
677
677
  @dt-typography-headline-lg-soft-compact-line-height: 1.2; // A softer font weight, tighter spaced version of large headline style.
678
678
  @dt-typography-headline-lg-soft-compact-font-size: 1.9rem; // A softer font weight, tighter spaced version of large headline style.
679
679
  @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.
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
681
  @dt-typography-headline-xl-font-weight: 500; // Extra large text style for high importance headlines.
682
682
  @dt-typography-headline-xl-line-height: 1.2; // Extra large text style for high importance headlines.
683
683
  @dt-typography-headline-xl-font-size: 2.7rem; // Extra large text style for high importance headlines.
684
684
  @dt-typography-headline-xl-text-case: none; // Extra large text style for high importance headlines.
685
- @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.
685
+ @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
686
  @dt-typography-headline-xl-compact-font-weight: 500; // A tighter-spaced version of extra large headline style.
687
687
  @dt-typography-headline-xl-compact-line-height: 1; // A tighter-spaced version of extra large headline style.
688
688
  @dt-typography-headline-xl-compact-font-size: 2.7rem; // A tighter-spaced version of extra large headline style.
689
689
  @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.
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
691
  @dt-typography-headline-xxl-font-weight: 500; // Largest text style for extra extra large content.
692
692
  @dt-typography-headline-xxl-line-height: 1.2; // Largest text style for extra extra large content.
693
693
  @dt-typography-headline-xxl-font-size: 3.8rem; // Largest text style for extra extra large content.
694
694
  @dt-typography-headline-xxl-text-case: none; // Largest text style for extra extra large content.
695
- @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.
695
+ @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
696
  @dt-typography-headline-xxl-compact-font-weight: 500; // A tighter-spaced version of extra extra large headline style.
697
697
  @dt-typography-headline-xxl-compact-line-height: 1; // A tighter-spaced version of extra extra large headline style.
698
698
  @dt-typography-headline-xxl-compact-font-size: 3.8rem; // A tighter-spaced version of extra extra large headline style.
699
699
  @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.
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
701
  @dt-typography-label-md-font-weight: 600; // Base default medium-sized text style for labels, providing clear identification and categorization.
702
702
  @dt-typography-label-md-line-height: 1.6; // Base default medium-sized text style for labels, providing clear identification and categorization.
703
703
  @dt-typography-label-md-font-size: 1.5rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
704
704
  @dt-typography-label-md-text-case: none; // Base default medium-sized text style for labels, providing clear identification and categorization.
705
- @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.
705
+ @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
706
  @dt-typography-label-md-compact-font-weight: 600; // A tighter-spaced version of medium label style.
707
707
  @dt-typography-label-md-compact-line-height: 1.4; // A tighter-spaced version of medium label style.
708
708
  @dt-typography-label-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium label style.
709
709
  @dt-typography-label-md-compact-text-case: none; // A tighter-spaced version of medium label style.
710
- @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.
710
+ @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
711
  @dt-typography-label-md-plain-font-weight: 400; // A non-bold version of medium label style.
712
712
  @dt-typography-label-md-plain-line-height: 1.6; // A non-bold version of medium label style.
713
713
  @dt-typography-label-md-plain-font-size: 1.5rem; // A non-bold version of medium label style.
714
714
  @dt-typography-label-md-plain-text-case: none; // A non-bold version of medium label style.
715
- @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.
715
+ @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
716
  @dt-typography-label-md-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of medium label style.
717
717
  @dt-typography-label-md-plain-compact-line-height: 1.4; // A non-bolded, tighter-spaced version of medium label style.
718
718
  @dt-typography-label-md-plain-compact-font-size: 1.5rem; // A non-bolded, tighter-spaced version of medium label style.
719
719
  @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.
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
721
  @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
722
  @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
723
  @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.
724
724
  @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.
725
- @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.
725
+ @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.
726
726
  @dt-typography-label-sm-compact-font-weight: 600; // A tighter-spaced version of small label style.
727
727
  @dt-typography-label-sm-compact-line-height: 1.2; // A tighter-spaced version of small label style.
728
728
  @dt-typography-label-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small label style.
729
729
  @dt-typography-label-sm-compact-text-case: none; // A tighter-spaced version of small label style.
730
- @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.
730
+ @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.
731
731
  @dt-typography-label-sm-plain-font-weight: 400; // A non-bold version of small label style.
732
732
  @dt-typography-label-sm-plain-line-height: 1.4; // A non-bold version of small label style.
733
733
  @dt-typography-label-sm-plain-font-size: 1.2rem; // A non-bold version of small label style.
734
734
  @dt-typography-label-sm-plain-text-case: none; // A non-bold version of small label style.
735
- @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.
735
+ @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.
736
736
  @dt-typography-label-sm-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of small label style.
737
737
  @dt-typography-label-sm-plain-compact-line-height: 1.2; // A non-bolded, tighter-spaced version of small label style.
738
738
  @dt-typography-label-sm-plain-compact-font-size: 1.2rem; // A non-bolded, tighter-spaced version of small label style.
739
739
  @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.
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
741
  @dt-typography-helper-md-font-weight: 400; // Base default medium-sized text style for supplementary contextual information.
742
742
  @dt-typography-helper-md-line-height: 1.4; // Base default medium-sized text style for supplementary contextual information.
743
743
  @dt-typography-helper-md-font-size: 1.5rem; // Base default medium-sized text style for supplementary contextual information.
744
744
  @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.
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
746
  @dt-typography-helper-sm-font-weight: 400; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
747
747
  @dt-typography-helper-sm-line-height: 1.2; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
748
748
  @dt-typography-helper-sm-font-size: 1.2rem; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
package/dist/tokens/less/variables-light.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 14 Mar 2024 00:58:57 GMT
3
+ // Generated on Fri, 15 Mar 2024 22:16:55 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.5rem; // medium / base
@@ -8,8 +8,8 @@
8
8
  @dt-font-size-400: 2.7rem; // extra large / xl
9
9
  @dt-font-size-500: 3.8rem; // extra large / xxl
10
10
  @dt-font-size-root: 1rem;
11
- @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
- @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";
11
+ @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
+ @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";
13
13
  @dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
14
14
  @dt-font-line-height-100: 1;
15
15
  @dt-font-line-height-200: 1.2;
@@ -482,147 +482,147 @@
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-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.
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
486
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
487
487
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
488
488
  @dt-typography-body-md-font-size: 1.5rem; // Base default medium text style for main content.
489
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.
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
491
  @dt-typography-body-md-compact-font-weight: 400; // A tighter-spaced version of medium body style.
492
492
  @dt-typography-body-md-compact-line-height: 1.4; // A tighter-spaced version of medium body style.
493
493
  @dt-typography-body-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium body style.
494
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.
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
496
  @dt-typography-body-sm-font-weight: 400; // Reduced small text style for less prominent or adjacent content.
497
497
  @dt-typography-body-sm-line-height: 1.4; // Reduced small text style for less prominent or adjacent content.
498
498
  @dt-typography-body-sm-font-size: 1.2rem; // Reduced small text style for less prominent or adjacent content.
499
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.
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
501
  @dt-typography-body-sm-compact-font-weight: 400; // A tighter-spaced version of small body style.
502
502
  @dt-typography-body-sm-compact-line-height: 1.2; // A tighter-spaced version of small body style.
503
503
  @dt-typography-body-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small body style.
504
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.
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
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
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
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
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.
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
511
  @dt-typography-headline-sm-font-weight: 700; // Smaller text size for secondary information or subheadings.
512
512
  @dt-typography-headline-sm-line-height: 1.4; // Smaller text size for secondary information or subheadings.
513
513
  @dt-typography-headline-sm-font-size: 1.2rem; // Smaller text size for secondary information or subheadings.
514
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.
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
516
  @dt-typography-headline-sm-compact-font-weight: 700; // A tighter-spaced version of small headline style.
517
517
  @dt-typography-headline-sm-compact-line-height: 1.2; // A tighter-spaced version of small headline style.
518
518
  @dt-typography-headline-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small headline style.
519
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.
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
521
  @dt-typography-headline-sm-soft-font-weight: 500; // A softer font weight version of small headline style.
522
522
  @dt-typography-headline-sm-soft-line-height: 1.4; // A softer font weight version of small headline style.
523
523
  @dt-typography-headline-sm-soft-font-size: 1.2rem; // A softer font weight version of small headline style.
524
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.
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
526
  @dt-typography-headline-sm-soft-compact-font-weight: 500; // A softer font weight, tighter-spaced version of small headline style.
527
527
  @dt-typography-headline-sm-soft-compact-line-height: 1.2; // A softer font weight, tighter-spaced version of small headline style.
528
528
  @dt-typography-headline-sm-soft-compact-font-size: 1.2rem; // A softer font weight, tighter-spaced version of small headline style.
529
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.
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
531
  @dt-typography-headline-md-font-weight: 700; // Medium-sized base text style for headlines.
532
532
  @dt-typography-headline-md-line-height: 1.6; // Medium-sized base text style for headlines.
533
533
  @dt-typography-headline-md-font-size: 1.5rem; // Medium-sized base text style for headlines.
534
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.
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
536
  @dt-typography-headline-md-compact-font-weight: 700; // A tighter-spaced version of medium headline style.
537
537
  @dt-typography-headline-md-compact-line-height: 1.4; // A tighter-spaced version of medium headline style.
538
538
  @dt-typography-headline-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium headline style.
539
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.
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
541
  @dt-typography-headline-lg-font-weight: 700; // Large text style for headlines to attract attention.
542
542
  @dt-typography-headline-lg-line-height: 1.6; // Large text style for headlines to attract attention.
543
543
  @dt-typography-headline-lg-font-size: 1.9rem; // Large text style for headlines to attract attention.
544
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.
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
546
  @dt-typography-headline-lg-soft-font-weight: 500; // A softer font weight version of large headline style.
547
547
  @dt-typography-headline-lg-soft-line-height: 1.6; // A softer font weight version of large headline style.
548
548
  @dt-typography-headline-lg-soft-font-size: 1.9rem; // A softer font weight version of large headline style.
549
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.
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
551
  @dt-typography-headline-lg-compact-font-weight: 700; // A tighter-spaced version of large body style.
552
552
  @dt-typography-headline-lg-compact-line-height: 1.2; // A tighter-spaced version of large body style.
553
553
  @dt-typography-headline-lg-compact-font-size: 1.9rem; // A tighter-spaced version of large body style.
554
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.
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
556
  @dt-typography-headline-lg-soft-compact-font-weight: 500; // A softer font weight, tighter spaced version of large headline style.
557
557
  @dt-typography-headline-lg-soft-compact-line-height: 1.2; // A softer font weight, tighter spaced version of large headline style.
558
558
  @dt-typography-headline-lg-soft-compact-font-size: 1.9rem; // A softer font weight, tighter spaced version of large headline style.
559
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.
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
561
  @dt-typography-headline-xl-font-weight: 500; // Extra large text style for high importance headlines.
562
562
  @dt-typography-headline-xl-line-height: 1.2; // Extra large text style for high importance headlines.
563
563
  @dt-typography-headline-xl-font-size: 2.7rem; // Extra large text style for high importance headlines.
564
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.
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
566
  @dt-typography-headline-xl-compact-font-weight: 500; // A tighter-spaced version of extra large headline style.
567
567
  @dt-typography-headline-xl-compact-line-height: 1; // A tighter-spaced version of extra large headline style.
568
568
  @dt-typography-headline-xl-compact-font-size: 2.7rem; // A tighter-spaced version of extra large headline style.
569
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.
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
571
  @dt-typography-headline-xxl-font-weight: 500; // Largest text style for extra extra large content.
572
572
  @dt-typography-headline-xxl-line-height: 1.2; // Largest text style for extra extra large content.
573
573
  @dt-typography-headline-xxl-font-size: 3.8rem; // Largest text style for extra extra large content.
574
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.
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
576
  @dt-typography-headline-xxl-compact-font-weight: 500; // A tighter-spaced version of extra extra large headline style.
577
577
  @dt-typography-headline-xxl-compact-line-height: 1; // A tighter-spaced version of extra extra large headline style.
578
578
  @dt-typography-headline-xxl-compact-font-size: 3.8rem; // A tighter-spaced version of extra extra large headline style.
579
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.
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
581
  @dt-typography-label-md-font-weight: 600; // Base default medium-sized text style for labels, providing clear identification and categorization.
582
582
  @dt-typography-label-md-line-height: 1.6; // Base default medium-sized text style for labels, providing clear identification and categorization.
583
583
  @dt-typography-label-md-font-size: 1.5rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
584
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.
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
586
  @dt-typography-label-md-compact-font-weight: 600; // A tighter-spaced version of medium label style.
587
587
  @dt-typography-label-md-compact-line-height: 1.4; // A tighter-spaced version of medium label style.
588
588
  @dt-typography-label-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium label style.
589
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.
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
591
  @dt-typography-label-md-plain-font-weight: 400; // A non-bold version of medium label style.
592
592
  @dt-typography-label-md-plain-line-height: 1.6; // A non-bold version of medium label style.
593
593
  @dt-typography-label-md-plain-font-size: 1.5rem; // A non-bold version of medium label style.
594
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.
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
596
  @dt-typography-label-md-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of medium label style.
597
597
  @dt-typography-label-md-plain-compact-line-height: 1.4; // A non-bolded, tighter-spaced version of medium label style.
598
598
  @dt-typography-label-md-plain-compact-font-size: 1.5rem; // A non-bolded, tighter-spaced version of medium label style.
599
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.
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
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
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
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
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.
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
606
  @dt-typography-label-sm-compact-font-weight: 600; // A tighter-spaced version of small label style.
607
607
  @dt-typography-label-sm-compact-line-height: 1.2; // A tighter-spaced version of small label style.
608
608
  @dt-typography-label-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small label style.
609
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.
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
611
  @dt-typography-label-sm-plain-font-weight: 400; // A non-bold version of small label style.
612
612
  @dt-typography-label-sm-plain-line-height: 1.4; // A non-bold version of small label style.
613
613
  @dt-typography-label-sm-plain-font-size: 1.2rem; // A non-bold version of small label style.
614
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.
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
616
  @dt-typography-label-sm-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of small label style.
617
617
  @dt-typography-label-sm-plain-compact-line-height: 1.2; // A non-bolded, tighter-spaced version of small label style.
618
618
  @dt-typography-label-sm-plain-compact-font-size: 1.2rem; // A non-bolded, tighter-spaced version of small label style.
619
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.
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
621
  @dt-typography-helper-md-font-weight: 400; // Base default medium-sized text style for supplementary contextual information.
622
622
  @dt-typography-helper-md-line-height: 1.4; // Base default medium-sized text style for supplementary contextual information.
623
623
  @dt-typography-helper-md-font-size: 1.5rem; // Base default medium-sized text style for supplementary contextual information.
624
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.
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
626
  @dt-typography-helper-sm-font-weight: 400; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
627
627
  @dt-typography-helper-sm-line-height: 1.2; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
628
628
  @dt-typography-helper-sm-font-size: 1.2rem; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.