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