@dialpad/dialtone 9.54.2 → 9.55.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 (94) hide show
  1. package/dist/css/dialtone.css +21 -2
  2. package/dist/css/dialtone.min.css +1 -1
  3. package/dist/tokens/css/variables-dark.css +2 -1
  4. package/dist/tokens/css/variables-expressive-dark.css +30 -29
  5. package/dist/tokens/css/variables-expressive-light.css +30 -29
  6. package/dist/tokens/css/variables-expressive-sm-dark.css +30 -29
  7. package/dist/tokens/css/variables-expressive-sm-light.css +30 -29
  8. package/dist/tokens/css/variables-light.css +2 -1
  9. package/dist/tokens/css/variables-tmo-dark.css +2 -1
  10. package/dist/tokens/css/variables-tmo-light.css +2 -1
  11. package/dist/tokens/doc.json +350 -224
  12. package/dist/tokens/less/variables-dark.less +2 -1
  13. package/dist/tokens/less/variables-expressive-dark.less +30 -29
  14. package/dist/tokens/less/variables-expressive-light.less +30 -29
  15. package/dist/tokens/less/variables-expressive-sm-dark.less +30 -29
  16. package/dist/tokens/less/variables-expressive-sm-light.less +30 -29
  17. package/dist/tokens/less/variables-light.less +2 -1
  18. package/dist/tokens/less/variables-tmo-dark.less +2 -1
  19. package/dist/tokens/less/variables-tmo-light.less +2 -1
  20. package/dist/tokens/tokens-dark.json +1 -0
  21. package/dist/tokens/tokens-light.json +1 -0
  22. package/dist/vue2/dialtone-vue.cjs +2 -0
  23. package/dist/vue2/dialtone-vue.cjs.map +1 -1
  24. package/dist/vue2/dialtone-vue.js +2 -0
  25. package/dist/vue2/dialtone-vue.js.map +1 -1
  26. package/dist/vue2/lib/combobox-multi-select.cjs +12 -6
  27. package/dist/vue2/lib/combobox-multi-select.cjs.map +1 -1
  28. package/dist/vue2/lib/combobox-multi-select.js +12 -6
  29. package/dist/vue2/lib/combobox-multi-select.js.map +1 -1
  30. package/dist/vue2/lib/message-input.cjs +1 -19
  31. package/dist/vue2/lib/message-input.cjs.map +1 -1
  32. package/dist/vue2/lib/message-input.js +1 -19
  33. package/dist/vue2/lib/message-input.js.map +1 -1
  34. package/dist/vue2/lib/rich-text-editor.cjs +153 -57
  35. package/dist/vue2/lib/rich-text-editor.cjs.map +1 -1
  36. package/dist/vue2/lib/rich-text-editor.js +153 -57
  37. package/dist/vue2/lib/rich-text-editor.js.map +1 -1
  38. package/dist/vue2/lib/scrollbar-directive.cjs +2402 -0
  39. package/dist/vue2/lib/scrollbar-directive.cjs.map +1 -0
  40. package/dist/vue2/lib/scrollbar-directive.js +2402 -0
  41. package/dist/vue2/lib/scrollbar-directive.js.map +1 -0
  42. package/dist/vue2/style.css +653 -9
  43. package/dist/vue2/types/components/rich_text_editor/extensions/channels/suggestion.d.ts.map +1 -1
  44. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map +1 -1
  45. package/dist/vue2/types/components/rich_text_editor/extensions/mentions/suggestion.d.ts.map +1 -1
  46. package/dist/vue2/types/components/rich_text_editor/extensions/slash_command/suggestion.d.ts.map +1 -1
  47. package/dist/vue2/types/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.d.ts +1 -1
  48. package/dist/vue2/types/components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.d.ts +12 -0
  49. package/dist/vue2/types/components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.d.ts.map +1 -0
  50. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -1
  51. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  52. package/dist/vue2/types/directives/scrollbar/index.d.ts +2 -0
  53. package/dist/vue2/types/directives/scrollbar/index.d.ts.map +1 -0
  54. package/dist/vue2/types/directives/scrollbar/scrollbar.d.ts +6 -0
  55. package/dist/vue2/types/directives/scrollbar/scrollbar.d.ts.map +1 -0
  56. package/dist/vue2/types/index.d.ts +1 -0
  57. package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -0
  58. package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map +1 -1
  59. package/dist/vue2/types/recipes/conversation_view/message_input/message_input.vue.d.ts +0 -3
  60. package/dist/vue2/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  61. package/dist/vue3/dialtone-vue.cjs +2 -0
  62. package/dist/vue3/dialtone-vue.cjs.map +1 -1
  63. package/dist/vue3/dialtone-vue.js +2 -0
  64. package/dist/vue3/dialtone-vue.js.map +1 -1
  65. package/dist/vue3/lib/message-input.cjs +14 -24
  66. package/dist/vue3/lib/message-input.cjs.map +1 -1
  67. package/dist/vue3/lib/message-input.js +15 -25
  68. package/dist/vue3/lib/message-input.js.map +1 -1
  69. package/dist/vue3/lib/rich-text-editor.cjs +154 -57
  70. package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
  71. package/dist/vue3/lib/rich-text-editor.js +154 -57
  72. package/dist/vue3/lib/rich-text-editor.js.map +1 -1
  73. package/dist/vue3/lib/scrollbar-directive.cjs +2402 -0
  74. package/dist/vue3/lib/scrollbar-directive.cjs.map +1 -0
  75. package/dist/vue3/lib/scrollbar-directive.js +2402 -0
  76. package/dist/vue3/lib/scrollbar-directive.js.map +1 -0
  77. package/dist/vue3/style.css +648 -4
  78. package/dist/vue3/types/components/rich_text_editor/extensions/channels/suggestion.d.ts.map +1 -1
  79. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map +1 -1
  80. package/dist/vue3/types/components/rich_text_editor/extensions/mentions/suggestion.d.ts.map +1 -1
  81. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/suggestion.d.ts.map +1 -1
  82. package/dist/vue3/types/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.d.ts +1 -1
  83. package/dist/vue3/types/components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.d.ts +12 -0
  84. package/dist/vue3/types/components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.d.ts.map +1 -0
  85. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +2 -1
  86. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  87. package/dist/vue3/types/directives/scrollbar/index.d.ts +2 -0
  88. package/dist/vue3/types/directives/scrollbar/index.d.ts.map +1 -0
  89. package/dist/vue3/types/directives/scrollbar/scrollbar.d.ts +6 -0
  90. package/dist/vue3/types/directives/scrollbar/scrollbar.d.ts.map +1 -0
  91. package/dist/vue3/types/index.d.ts +1 -0
  92. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts +0 -3
  93. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  94. package/package.json +3 -3
package/dist/tokens/css/variables-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Jul 2024 10:08:49 GMT
3
+ * Generated on Fri, 12 Jul 2024 19:36:12 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -297,6 +297,7 @@
297
297
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%); /* Gradient for Ai-oriented treatments. */
298
298
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
299
299
  --dt-color-brand-magenta: #F9008E; /* Secondary brand color, typically used as an accent color. */
300
+ --dt-color-brand-gold: #F6AB3C; /* Secondary brand color, typically used as an accent color. */
300
301
  --dt-color-foreground-primary: #E6E6E6; /* Default text color throughout the UI. */
301
302
  --dt-color-foreground-secondary: #C2C2C2; /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
302
303
  --dt-color-foreground-tertiary: #AAAAAA; /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
package/dist/tokens/css/variables-expressive-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Jul 2024 10:08:51 GMT
3
+ * Generated on Fri, 12 Jul 2024 19:36:14 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-expressive-dark {
@@ -298,6 +298,7 @@
298
298
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%); /* Gradient for Ai-oriented treatments. */
299
299
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
300
300
  --dt-color-brand-magenta: #F9008E; /* Secondary brand color, typically used as an accent color. */
301
+ --dt-color-brand-gold: #F6AB3C; /* Secondary brand color, typically used as an accent color. */
301
302
  --dt-color-foreground-primary: #E6E6E6; /* Default text color throughout the UI. */
302
303
  --dt-color-foreground-secondary: #C2C2C2; /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
303
304
  --dt-color-foreground-tertiary: #AAAAAA; /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
@@ -610,7 +611,7 @@
610
611
  --dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
611
612
  --dt-typography-body-md-font-size: 2rem; /* Base default medium text style for main content. */
612
613
  --dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
613
- --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. */
614
+ --dt-typography-body-md-compact-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"; /* A tighter-spaced version of medium body style. */
614
615
  --dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
615
616
  --dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
616
617
  --dt-typography-body-md-compact-font-size: 2rem; /* A tighter-spaced version of medium body style. */
@@ -620,7 +621,7 @@
620
621
  --dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
621
622
  --dt-typography-body-sm-font-size: 1.6rem; /* Reduced small text style for less prominent or adjacent content. */
622
623
  --dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
623
- --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. */
624
+ --dt-typography-body-sm-compact-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"; /* A tighter-spaced version of small body style. */
624
625
  --dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
625
626
  --dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
626
627
  --dt-typography-body-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small body style. */
@@ -635,87 +636,87 @@
635
636
  --dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
636
637
  --dt-typography-headline-sm-font-size: 2rem; /* Smaller text size for secondary information or subheadings. */
637
638
  --dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
638
- --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. */
639
+ --dt-typography-headline-sm-compact-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"; /* A tighter-spaced version of small headline style. */
639
640
  --dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
640
641
  --dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
641
- --dt-typography-headline-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small headline style. */
642
+ --dt-typography-headline-sm-compact-font-size: 2rem; /* A tighter-spaced version of small headline style. */
642
643
  --dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
643
- --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. */
644
+ --dt-typography-headline-sm-soft-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"; /* A softer font weight version of small headline style. */
644
645
  --dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
645
646
  --dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
646
- --dt-typography-headline-sm-soft-font-size: 1.6rem; /* A softer font weight version of small headline style. */
647
+ --dt-typography-headline-sm-soft-font-size: 2rem; /* A softer font weight version of small headline style. */
647
648
  --dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
648
- --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. */
649
+ --dt-typography-headline-sm-soft-compact-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"; /* A softer font weight, tighter-spaced version of small headline style. */
649
650
  --dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
650
651
  --dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
651
- --dt-typography-headline-sm-soft-compact-font-size: 1.6rem; /* A softer font weight, tighter-spaced version of small headline style. */
652
+ --dt-typography-headline-sm-soft-compact-font-size: 2rem; /* A softer font weight, tighter-spaced version of small headline style. */
652
653
  --dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
653
654
  --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. */
654
655
  --dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
655
656
  --dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
656
657
  --dt-typography-headline-md-font-size: 2.8rem; /* Medium-sized base text style for headlines. */
657
658
  --dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
658
- --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. */
659
+ --dt-typography-headline-md-compact-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"; /* A tighter-spaced version of medium headline style. */
659
660
  --dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
660
661
  --dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
661
- --dt-typography-headline-md-compact-font-size: 2rem; /* A tighter-spaced version of medium headline style. */
662
+ --dt-typography-headline-md-compact-font-size: 2.8rem; /* A tighter-spaced version of medium headline style. */
662
663
  --dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
663
664
  --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. */
664
665
  --dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
665
666
  --dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
666
667
  --dt-typography-headline-lg-font-size: 4.1rem; /* Large text style for headlines to attract attention. */
667
668
  --dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
668
- --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. */
669
+ --dt-typography-headline-lg-soft-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"; /* A softer font weight version of large headline style. */
669
670
  --dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
670
671
  --dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
671
- --dt-typography-headline-lg-soft-font-size: 2.8rem; /* A softer font weight version of large headline style. */
672
+ --dt-typography-headline-lg-soft-font-size: 4.1rem; /* A softer font weight version of large headline style. */
672
673
  --dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
673
- --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. */
674
+ --dt-typography-headline-lg-compact-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"; /* A tighter-spaced version of large body style. */
674
675
  --dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
675
- --dt-typography-headline-lg-compact-line-height: 1.2; /* A tighter-spaced version of large body style. */
676
- --dt-typography-headline-lg-compact-font-size: 2.8rem; /* A tighter-spaced version of large body style. */
676
+ --dt-typography-headline-lg-compact-line-height: 1.4; /* A tighter-spaced version of large body style. */
677
+ --dt-typography-headline-lg-compact-font-size: 4.1rem; /* A tighter-spaced version of large body style. */
677
678
  --dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
678
- --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. */
679
+ --dt-typography-headline-lg-soft-compact-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"; /* A softer font weight, tighter spaced version of large headline style. */
679
680
  --dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
680
- --dt-typography-headline-lg-soft-compact-line-height: 1.2; /* A softer font weight, tighter spaced version of large headline style. */
681
- --dt-typography-headline-lg-soft-compact-font-size: 2.8rem; /* A softer font weight, tighter spaced version of large headline style. */
681
+ --dt-typography-headline-lg-soft-compact-line-height: 1.4; /* A softer font weight, tighter spaced version of large headline style. */
682
+ --dt-typography-headline-lg-soft-compact-font-size: 4.1rem; /* A softer font weight, tighter spaced version of large headline style. */
682
683
  --dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
683
684
  --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. */
684
685
  --dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
685
686
  --dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
686
687
  --dt-typography-headline-xl-font-size: 6.5rem; /* Extra large text style for high importance headlines. */
687
688
  --dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
688
- --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. */
689
+ --dt-typography-headline-xl-compact-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"; /* A tighter-spaced version of extra large headline style. */
689
690
  --dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
690
691
  --dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
691
- --dt-typography-headline-xl-compact-font-size: 4.1rem; /* A tighter-spaced version of extra large headline style. */
692
+ --dt-typography-headline-xl-compact-font-size: 6.5rem; /* A tighter-spaced version of extra large headline style. */
692
693
  --dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
693
694
  --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. */
694
695
  --dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
695
696
  --dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
696
697
  --dt-typography-headline-xxl-font-size: 10.5rem; /* Largest text style for extra extra large content. */
697
698
  --dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
698
- --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. */
699
+ --dt-typography-headline-xxl-compact-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"; /* A tighter-spaced version of extra extra large headline style. */
699
700
  --dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
700
701
  --dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
701
- --dt-typography-headline-xxl-compact-font-size: 6.5rem; /* A tighter-spaced version of extra extra large headline style. */
702
+ --dt-typography-headline-xxl-compact-font-size: 10.5rem; /* A tighter-spaced version of extra extra large headline style. */
702
703
  --dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
703
704
  --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. */
704
705
  --dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
705
706
  --dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
706
707
  --dt-typography-label-md-font-size: 2rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
707
708
  --dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
708
- --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. */
709
+ --dt-typography-label-md-compact-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"; /* A tighter-spaced version of medium label style. */
709
710
  --dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
710
711
  --dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
711
712
  --dt-typography-label-md-compact-font-size: 2rem; /* A tighter-spaced version of medium label style. */
712
713
  --dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
713
- --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. */
714
+ --dt-typography-label-md-plain-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"; /* A non-bold version of medium label style. */
714
715
  --dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
715
716
  --dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
716
717
  --dt-typography-label-md-plain-font-size: 2rem; /* A non-bold version of medium label style. */
717
718
  --dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
718
- --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. */
719
+ --dt-typography-label-md-plain-compact-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"; /* A non-bolded, tighter-spaced version of medium label style. */
719
720
  --dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
720
721
  --dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
721
722
  --dt-typography-label-md-plain-compact-font-size: 2rem; /* A non-bolded, tighter-spaced version of medium label style. */
@@ -725,17 +726,17 @@
725
726
  --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. */
726
727
  --dt-typography-label-sm-font-size: 1.6rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
727
728
  --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. */
728
- --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. */
729
+ --dt-typography-label-sm-compact-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"; /* A tighter-spaced version of small label style. */
729
730
  --dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
730
731
  --dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
731
732
  --dt-typography-label-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small label style. */
732
733
  --dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
733
- --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. */
734
+ --dt-typography-label-sm-plain-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"; /* A non-bold version of small label style. */
734
735
  --dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
735
736
  --dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
736
737
  --dt-typography-label-sm-plain-font-size: 1.6rem; /* A non-bold version of small label style. */
737
738
  --dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
738
- --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. */
739
+ --dt-typography-label-sm-plain-compact-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"; /* A non-bolded, tighter-spaced version of small label style. */
739
740
  --dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
740
741
  --dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
741
742
  --dt-typography-label-sm-plain-compact-font-size: 1.6rem; /* A non-bolded, tighter-spaced version of small label style. */
package/dist/tokens/css/variables-expressive-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Jul 2024 10:08:50 GMT
3
+ * Generated on Fri, 12 Jul 2024 19:36:13 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-expressive-light {
@@ -298,6 +298,7 @@
298
298
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%); /* Gradient for Ai-oriented treatments. */
299
299
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
300
300
  --dt-color-brand-magenta: #F9008E; /* Secondary brand color, typically used as an accent color. */
301
+ --dt-color-brand-gold: #F6AB3C; /* Secondary brand color, typically used as an accent color. */
301
302
  --dt-color-foreground-primary: #000000; /* Default text color throughout the UI. */
302
303
  --dt-color-foreground-secondary: #3A3A3A; /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
303
304
  --dt-color-foreground-tertiary: #555555; /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
@@ -490,7 +491,7 @@
490
491
  --dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
491
492
  --dt-typography-body-md-font-size: 2rem; /* Base default medium text style for main content. */
492
493
  --dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
493
- --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. */
494
+ --dt-typography-body-md-compact-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"; /* A tighter-spaced version of medium body style. */
494
495
  --dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
495
496
  --dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
496
497
  --dt-typography-body-md-compact-font-size: 2rem; /* A tighter-spaced version of medium body style. */
@@ -500,7 +501,7 @@
500
501
  --dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
501
502
  --dt-typography-body-sm-font-size: 1.6rem; /* Reduced small text style for less prominent or adjacent content. */
502
503
  --dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
503
- --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. */
504
+ --dt-typography-body-sm-compact-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"; /* A tighter-spaced version of small body style. */
504
505
  --dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
505
506
  --dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
506
507
  --dt-typography-body-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small body style. */
@@ -515,87 +516,87 @@
515
516
  --dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
516
517
  --dt-typography-headline-sm-font-size: 2rem; /* Smaller text size for secondary information or subheadings. */
517
518
  --dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
518
- --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. */
519
+ --dt-typography-headline-sm-compact-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"; /* A tighter-spaced version of small headline style. */
519
520
  --dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
520
521
  --dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
521
- --dt-typography-headline-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small headline style. */
522
+ --dt-typography-headline-sm-compact-font-size: 2rem; /* A tighter-spaced version of small headline style. */
522
523
  --dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
523
- --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. */
524
+ --dt-typography-headline-sm-soft-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"; /* A softer font weight version of small headline style. */
524
525
  --dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
525
526
  --dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
526
- --dt-typography-headline-sm-soft-font-size: 1.6rem; /* A softer font weight version of small headline style. */
527
+ --dt-typography-headline-sm-soft-font-size: 2rem; /* A softer font weight version of small headline style. */
527
528
  --dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
528
- --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. */
529
+ --dt-typography-headline-sm-soft-compact-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"; /* A softer font weight, tighter-spaced version of small headline style. */
529
530
  --dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
530
531
  --dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
531
- --dt-typography-headline-sm-soft-compact-font-size: 1.6rem; /* A softer font weight, tighter-spaced version of small headline style. */
532
+ --dt-typography-headline-sm-soft-compact-font-size: 2rem; /* A softer font weight, tighter-spaced version of small headline style. */
532
533
  --dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
533
534
  --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. */
534
535
  --dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
535
536
  --dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
536
537
  --dt-typography-headline-md-font-size: 2.8rem; /* Medium-sized base text style for headlines. */
537
538
  --dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
538
- --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. */
539
+ --dt-typography-headline-md-compact-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"; /* A tighter-spaced version of medium headline style. */
539
540
  --dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
540
541
  --dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
541
- --dt-typography-headline-md-compact-font-size: 2rem; /* A tighter-spaced version of medium headline style. */
542
+ --dt-typography-headline-md-compact-font-size: 2.8rem; /* A tighter-spaced version of medium headline style. */
542
543
  --dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
543
544
  --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. */
544
545
  --dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
545
546
  --dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
546
547
  --dt-typography-headline-lg-font-size: 4.1rem; /* Large text style for headlines to attract attention. */
547
548
  --dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
548
- --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. */
549
+ --dt-typography-headline-lg-soft-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"; /* A softer font weight version of large headline style. */
549
550
  --dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
550
551
  --dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
551
- --dt-typography-headline-lg-soft-font-size: 2.8rem; /* A softer font weight version of large headline style. */
552
+ --dt-typography-headline-lg-soft-font-size: 4.1rem; /* A softer font weight version of large headline style. */
552
553
  --dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
553
- --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. */
554
+ --dt-typography-headline-lg-compact-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"; /* A tighter-spaced version of large body style. */
554
555
  --dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
555
- --dt-typography-headline-lg-compact-line-height: 1.2; /* A tighter-spaced version of large body style. */
556
- --dt-typography-headline-lg-compact-font-size: 2.8rem; /* A tighter-spaced version of large body style. */
556
+ --dt-typography-headline-lg-compact-line-height: 1.4; /* A tighter-spaced version of large body style. */
557
+ --dt-typography-headline-lg-compact-font-size: 4.1rem; /* A tighter-spaced version of large body style. */
557
558
  --dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
558
- --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. */
559
+ --dt-typography-headline-lg-soft-compact-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"; /* A softer font weight, tighter spaced version of large headline style. */
559
560
  --dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
560
- --dt-typography-headline-lg-soft-compact-line-height: 1.2; /* A softer font weight, tighter spaced version of large headline style. */
561
- --dt-typography-headline-lg-soft-compact-font-size: 2.8rem; /* A softer font weight, tighter spaced version of large headline style. */
561
+ --dt-typography-headline-lg-soft-compact-line-height: 1.4; /* A softer font weight, tighter spaced version of large headline style. */
562
+ --dt-typography-headline-lg-soft-compact-font-size: 4.1rem; /* A softer font weight, tighter spaced version of large headline style. */
562
563
  --dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
563
564
  --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. */
564
565
  --dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
565
566
  --dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
566
567
  --dt-typography-headline-xl-font-size: 6.5rem; /* Extra large text style for high importance headlines. */
567
568
  --dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
568
- --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. */
569
+ --dt-typography-headline-xl-compact-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"; /* A tighter-spaced version of extra large headline style. */
569
570
  --dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
570
571
  --dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
571
- --dt-typography-headline-xl-compact-font-size: 4.1rem; /* A tighter-spaced version of extra large headline style. */
572
+ --dt-typography-headline-xl-compact-font-size: 6.5rem; /* A tighter-spaced version of extra large headline style. */
572
573
  --dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
573
574
  --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. */
574
575
  --dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
575
576
  --dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
576
577
  --dt-typography-headline-xxl-font-size: 10.5rem; /* Largest text style for extra extra large content. */
577
578
  --dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
578
- --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. */
579
+ --dt-typography-headline-xxl-compact-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"; /* A tighter-spaced version of extra extra large headline style. */
579
580
  --dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
580
581
  --dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
581
- --dt-typography-headline-xxl-compact-font-size: 6.5rem; /* A tighter-spaced version of extra extra large headline style. */
582
+ --dt-typography-headline-xxl-compact-font-size: 10.5rem; /* A tighter-spaced version of extra extra large headline style. */
582
583
  --dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
583
584
  --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. */
584
585
  --dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
585
586
  --dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
586
587
  --dt-typography-label-md-font-size: 2rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
587
588
  --dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
588
- --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. */
589
+ --dt-typography-label-md-compact-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"; /* A tighter-spaced version of medium label style. */
589
590
  --dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
590
591
  --dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
591
592
  --dt-typography-label-md-compact-font-size: 2rem; /* A tighter-spaced version of medium label style. */
592
593
  --dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
593
- --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. */
594
+ --dt-typography-label-md-plain-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"; /* A non-bold version of medium label style. */
594
595
  --dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
595
596
  --dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
596
597
  --dt-typography-label-md-plain-font-size: 2rem; /* A non-bold version of medium label style. */
597
598
  --dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
598
- --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. */
599
+ --dt-typography-label-md-plain-compact-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"; /* A non-bolded, tighter-spaced version of medium label style. */
599
600
  --dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
600
601
  --dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
601
602
  --dt-typography-label-md-plain-compact-font-size: 2rem; /* A non-bolded, tighter-spaced version of medium label style. */
@@ -605,17 +606,17 @@
605
606
  --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. */
606
607
  --dt-typography-label-sm-font-size: 1.6rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
607
608
  --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. */
608
- --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. */
609
+ --dt-typography-label-sm-compact-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"; /* A tighter-spaced version of small label style. */
609
610
  --dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
610
611
  --dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
611
612
  --dt-typography-label-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small label style. */
612
613
  --dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
613
- --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. */
614
+ --dt-typography-label-sm-plain-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"; /* A non-bold version of small label style. */
614
615
  --dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
615
616
  --dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
616
617
  --dt-typography-label-sm-plain-font-size: 1.6rem; /* A non-bold version of small label style. */
617
618
  --dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
618
- --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. */
619
+ --dt-typography-label-sm-plain-compact-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"; /* A non-bolded, tighter-spaced version of small label style. */
619
620
  --dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
620
621
  --dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
621
622
  --dt-typography-label-sm-plain-compact-font-size: 1.6rem; /* A non-bolded, tighter-spaced version of small label style. */