@dialpad/dialtone 9.64.1 → 9.65.1

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 (132) hide show
  1. package/dist/chunks/tokens-base-dark--ozK7f0P.js +4 -0
  2. package/dist/chunks/tokens-base-dark-V8E4WaJI.js +1 -0
  3. package/dist/chunks/tokens-base-light-LYlvM3eZ.js +1 -0
  4. package/dist/chunks/tokens-base-light-ljPrpLe2.js +4 -0
  5. package/dist/css/dialtone-default-theme.css +178 -92
  6. package/dist/css/dialtone-default-theme.min.css +1 -1
  7. package/dist/css/dialtone.css +129 -43
  8. package/dist/css/dialtone.min.css +1 -1
  9. package/dist/css/tokens/tokens-base-dark.css +5 -5
  10. package/dist/css/tokens/tokens-base-light.css +5 -5
  11. package/dist/css/tokens/tokens-dp-dark.css +44 -44
  12. package/dist/css/tokens/tokens-dp-light.css +44 -44
  13. package/dist/css/tokens/tokens-expressive-dark.css +50 -50
  14. package/dist/css/tokens/tokens-expressive-light.css +50 -50
  15. package/dist/css/tokens/tokens-expressive-sm-dark.css +50 -50
  16. package/dist/css/tokens/tokens-expressive-sm-light.css +50 -50
  17. package/dist/css/tokens/tokens-tmo-dark.css +44 -44
  18. package/dist/css/tokens/tokens-tmo-light.css +44 -44
  19. package/dist/themes/dp-dark.cjs +1 -1
  20. package/dist/themes/dp-dark.js +2 -2
  21. package/dist/themes/dp-light.cjs +1 -1
  22. package/dist/themes/dp-light.js +2 -2
  23. package/dist/themes/expressive-dark.cjs +1 -1
  24. package/dist/themes/expressive-dark.js +2 -2
  25. package/dist/themes/expressive-light.cjs +1 -1
  26. package/dist/themes/expressive-light.js +2 -2
  27. package/dist/themes/expressive-sm-dark.cjs +1 -1
  28. package/dist/themes/expressive-sm-dark.js +2 -2
  29. package/dist/themes/expressive-sm-light.cjs +1 -1
  30. package/dist/themes/expressive-sm-light.js +2 -2
  31. package/dist/themes/tmo-dark.cjs +1 -1
  32. package/dist/themes/tmo-dark.js +2 -2
  33. package/dist/themes/tmo-light.cjs +1 -1
  34. package/dist/themes/tmo-light.js +2 -2
  35. package/dist/tokens/css/tokens-base-dark.css +5 -5
  36. package/dist/tokens/css/tokens-base-light.css +5 -5
  37. package/dist/tokens/css/tokens-dp-dark.css +44 -44
  38. package/dist/tokens/css/tokens-dp-light.css +44 -44
  39. package/dist/tokens/css/tokens-expressive-dark.css +50 -50
  40. package/dist/tokens/css/tokens-expressive-light.css +50 -50
  41. package/dist/tokens/css/tokens-expressive-sm-dark.css +50 -50
  42. package/dist/tokens/css/tokens-expressive-sm-light.css +50 -50
  43. package/dist/tokens/css/tokens-tmo-dark.css +44 -44
  44. package/dist/tokens/css/tokens-tmo-light.css +44 -44
  45. package/dist/tokens/doc.json +8314 -8314
  46. package/dist/tokens/less/tokens-base-dark.less +5 -5
  47. package/dist/tokens/less/tokens-base-light.less +5 -5
  48. package/dist/tokens/less/tokens-dp-dark.less +44 -44
  49. package/dist/tokens/less/tokens-dp-light.less +44 -44
  50. package/dist/tokens/less/tokens-expressive-dark.less +50 -50
  51. package/dist/tokens/less/tokens-expressive-light.less +50 -50
  52. package/dist/tokens/less/tokens-expressive-sm-dark.less +50 -50
  53. package/dist/tokens/less/tokens-expressive-sm-light.less +50 -50
  54. package/dist/tokens/less/tokens-tmo-dark.less +44 -44
  55. package/dist/tokens/less/tokens-tmo-light.less +44 -44
  56. package/dist/tokens/tokens-base-dark.json +5 -5
  57. package/dist/tokens/tokens-base-light.json +5 -5
  58. package/dist/tokens/tokens-dp-dark.json +44 -44
  59. package/dist/tokens/tokens-dp-light.json +44 -44
  60. package/dist/tokens/tokens-expressive-dark.json +50 -50
  61. package/dist/tokens/tokens-expressive-light.json +50 -50
  62. package/dist/tokens/tokens-expressive-sm-dark.json +50 -50
  63. package/dist/tokens/tokens-expressive-sm-light.json +50 -50
  64. package/dist/tokens/tokens-tmo-dark.json +44 -44
  65. package/dist/tokens/tokens-tmo-light.json +44 -44
  66. package/dist/vue2/component-documentation.json +1 -1
  67. package/dist/vue2/dialtone-vue.cjs +1 -1
  68. package/dist/vue2/dialtone-vue.js +1 -1
  69. package/dist/vue2/lib/contact-centers-row.cjs +17 -9
  70. package/dist/vue2/lib/contact-centers-row.cjs.map +1 -1
  71. package/dist/vue2/lib/contact-centers-row.js +17 -9
  72. package/dist/vue2/lib/contact-centers-row.js.map +1 -1
  73. package/dist/vue2/lib/message-input.cjs +13 -6
  74. package/dist/vue2/lib/message-input.cjs.map +1 -1
  75. package/dist/vue2/lib/message-input.js +13 -6
  76. package/dist/vue2/lib/message-input.js.map +1 -1
  77. package/dist/vue2/lib/rich-text-editor.cjs +8 -14
  78. package/dist/vue2/lib/rich-text-editor.cjs.map +1 -1
  79. package/dist/vue2/lib/rich-text-editor.js +8 -14
  80. package/dist/vue2/lib/rich-text-editor.js.map +1 -1
  81. package/dist/vue2/lib/stack.cjs +51 -14
  82. package/dist/vue2/lib/stack.cjs.map +1 -1
  83. package/dist/vue2/lib/stack.js +52 -15
  84. package/dist/vue2/lib/stack.js.map +1 -1
  85. package/dist/vue2/style.css +62 -57
  86. package/dist/vue2/types/components/rich_text_editor/extensions/custom_link/custom_link.d.ts.map +1 -1
  87. package/dist/vue2/types/components/rich_text_editor/mention_suggestion.d.ts.map +1 -1
  88. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts +4 -2
  89. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  90. package/dist/vue2/types/components/stack/utils.d.ts +2 -2
  91. package/dist/vue2/types/components/stack/utils.d.ts.map +1 -1
  92. package/dist/vue2/types/components/stack/validators.d.ts +1 -1
  93. package/dist/vue2/types/components/stack/validators.d.ts.map +1 -1
  94. package/dist/vue2/types/recipes/conversation_view/message_input/message_input.vue.d.ts +1 -1
  95. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +15 -0
  96. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
  97. package/dist/vue3/component-documentation.json +1 -1
  98. package/dist/vue3/dialtone-vue.cjs +1 -1
  99. package/dist/vue3/dialtone-vue.js +1 -1
  100. package/dist/vue3/lib/contact-centers-row.cjs +21 -10
  101. package/dist/vue3/lib/contact-centers-row.cjs.map +1 -1
  102. package/dist/vue3/lib/contact-centers-row.js +21 -10
  103. package/dist/vue3/lib/contact-centers-row.js.map +1 -1
  104. package/dist/vue3/lib/message-input.cjs +13 -14
  105. package/dist/vue3/lib/message-input.cjs.map +1 -1
  106. package/dist/vue3/lib/message-input.js +14 -15
  107. package/dist/vue3/lib/message-input.js.map +1 -1
  108. package/dist/vue3/lib/rich-text-editor.cjs +11 -16
  109. package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
  110. package/dist/vue3/lib/rich-text-editor.js +11 -16
  111. package/dist/vue3/lib/rich-text-editor.js.map +1 -1
  112. package/dist/vue3/lib/stack.cjs +51 -14
  113. package/dist/vue3/lib/stack.cjs.map +1 -1
  114. package/dist/vue3/lib/stack.js +52 -15
  115. package/dist/vue3/lib/stack.js.map +1 -1
  116. package/dist/vue3/style.css +62 -57
  117. package/dist/vue3/types/components/rich_text_editor/extensions/custom_link/custom_link.d.ts.map +1 -1
  118. package/dist/vue3/types/components/rich_text_editor/mention_suggestion.d.ts.map +1 -1
  119. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +4 -2
  120. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  121. package/dist/vue3/types/components/stack/utils.d.ts +2 -2
  122. package/dist/vue3/types/components/stack/utils.d.ts.map +1 -1
  123. package/dist/vue3/types/components/stack/validators.d.ts +1 -1
  124. package/dist/vue3/types/components/stack/validators.d.ts.map +1 -1
  125. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts +1 -1
  126. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +15 -0
  127. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
  128. package/package.json +2 -2
  129. package/dist/chunks/tokens-base-dark-BC3U5KoN.js +0 -4
  130. package/dist/chunks/tokens-base-dark-zbBpWlfP.js +0 -1
  131. package/dist/chunks/tokens-base-light-PCrr7t8W.js +0 -4
  132. package/dist/chunks/tokens-base-light-dvWvBHbM.js +0 -1
package/dist/css/tokens/tokens-expressive-sm-dark.css CHANGED
@@ -4,12 +4,12 @@
4
4
 
5
5
  :root {
6
6
  color-scheme: dark;
7
- --dt-font-size-100: 12px; /* small */
8
- --dt-font-size-200: 16px; /* medium / base */
9
- --dt-font-size-300: 20px; /* large */
10
- --dt-font-size-400: 28px; /* extra large / xl */
11
- --dt-font-size-500: 41px; /* extra large / xxl */
12
- --dt-font-size-600: 51px;
7
+ --dt-font-size-100: 1.2rem; /* small */
8
+ --dt-font-size-200: 1.6rem; /* medium / base */
9
+ --dt-font-size-300: 2rem; /* large */
10
+ --dt-font-size-400: 2.8rem; /* extra large / xl */
11
+ --dt-font-size-500: 4.1rem; /* extra large / xxl */
12
+ --dt-font-size-600: 5.1rem;
13
13
  --dt-size-border-focus: 0.3rem;
14
14
  --dt-color-foreground-primary-h: 0;
15
15
  --dt-color-foreground-primary-s: 0%;
@@ -692,157 +692,157 @@
692
692
  --dt-typography-body-md-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
693
693
  --dt-typography-body-md-font-weight: 400; /* Base default medium text style for main content. */
694
694
  --dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
695
- --dt-typography-body-md-font-size: 16px; /* Base default medium text style for main content. */
695
+ --dt-typography-body-md-font-size: 1.6rem; /* Base default medium text style for main content. */
696
696
  --dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
697
697
  --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. */
698
698
  --dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
699
699
  --dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
700
- --dt-typography-body-md-compact-font-size: 16px; /* A tighter-spaced version of medium body style. */
700
+ --dt-typography-body-md-compact-font-size: 1.6rem; /* A tighter-spaced version of medium body style. */
701
701
  --dt-typography-body-md-compact-text-case: none; /* A tighter-spaced version of medium body style. */
702
702
  --dt-typography-body-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
703
703
  --dt-typography-body-sm-font-weight: 400; /* Reduced small text style for less prominent or adjacent content. */
704
704
  --dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
705
- --dt-typography-body-sm-font-size: 12px; /* Reduced small text style for less prominent or adjacent content. */
705
+ --dt-typography-body-sm-font-size: 1.2rem; /* Reduced small text style for less prominent or adjacent content. */
706
706
  --dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
707
707
  --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. */
708
708
  --dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
709
709
  --dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
710
- --dt-typography-body-sm-compact-font-size: 12px; /* A tighter-spaced version of small body style. */
710
+ --dt-typography-body-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small body style. */
711
711
  --dt-typography-body-sm-compact-text-case: none; /* A tighter-spaced version of small body style. */
712
712
  --dt-typography-headline-eyebrow-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
713
713
  --dt-typography-headline-eyebrow-font-weight: 400; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
714
714
  --dt-typography-headline-eyebrow-line-height: 1.4; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
715
- --dt-typography-headline-eyebrow-font-size: 12px; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
715
+ --dt-typography-headline-eyebrow-font-size: 1.2rem; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
716
716
  --dt-typography-headline-eyebrow-text-case: uppercase; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
717
717
  --dt-typography-headline-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
718
718
  --dt-typography-headline-sm-font-weight: 700; /* Smaller text size for secondary information or subheadings. */
719
719
  --dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
720
- --dt-typography-headline-sm-font-size: 16px; /* Smaller text size for secondary information or subheadings. */
720
+ --dt-typography-headline-sm-font-size: 1.6rem; /* Smaller text size for secondary information or subheadings. */
721
721
  --dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
722
722
  --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. */
723
723
  --dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
724
724
  --dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
725
- --dt-typography-headline-sm-compact-font-size: 16px; /* A tighter-spaced version of small headline style. */
725
+ --dt-typography-headline-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small headline style. */
726
726
  --dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
727
727
  --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. */
728
728
  --dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
729
729
  --dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
730
- --dt-typography-headline-sm-soft-font-size: 16px; /* A softer font weight version of small headline style. */
730
+ --dt-typography-headline-sm-soft-font-size: 1.6rem; /* A softer font weight version of small headline style. */
731
731
  --dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
732
732
  --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. */
733
733
  --dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
734
734
  --dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
735
- --dt-typography-headline-sm-soft-compact-font-size: 16px; /* A softer font weight, tighter-spaced version of small headline style. */
735
+ --dt-typography-headline-sm-soft-compact-font-size: 1.6rem; /* A softer font weight, tighter-spaced version of small headline style. */
736
736
  --dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
737
737
  --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. */
738
738
  --dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
739
739
  --dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
740
- --dt-typography-headline-md-font-size: 20px; /* Medium-sized base text style for headlines. */
740
+ --dt-typography-headline-md-font-size: 2rem; /* Medium-sized base text style for headlines. */
741
741
  --dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
742
742
  --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. */
743
743
  --dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
744
744
  --dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
745
- --dt-typography-headline-md-compact-font-size: 20px; /* A tighter-spaced version of medium headline style. */
745
+ --dt-typography-headline-md-compact-font-size: 2rem; /* A tighter-spaced version of medium headline style. */
746
746
  --dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
747
747
  --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. */
748
748
  --dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
749
749
  --dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
750
- --dt-typography-headline-lg-font-size: 28px; /* Large text style for headlines to attract attention. */
750
+ --dt-typography-headline-lg-font-size: 2.8rem; /* Large text style for headlines to attract attention. */
751
751
  --dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
752
752
  --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. */
753
753
  --dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
754
754
  --dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
755
- --dt-typography-headline-lg-soft-font-size: 28px; /* A softer font weight version of large headline style. */
755
+ --dt-typography-headline-lg-soft-font-size: 2.8rem; /* A softer font weight version of large headline style. */
756
756
  --dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
757
757
  --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. */
758
758
  --dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
759
759
  --dt-typography-headline-lg-compact-line-height: 1.4; /* A tighter-spaced version of large body style. */
760
- --dt-typography-headline-lg-compact-font-size: 28px; /* A tighter-spaced version of large body style. */
760
+ --dt-typography-headline-lg-compact-font-size: 2.8rem; /* A tighter-spaced version of large body style. */
761
761
  --dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
762
762
  --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. */
763
763
  --dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
764
764
  --dt-typography-headline-lg-soft-compact-line-height: 1.4; /* A softer font weight, tighter spaced version of large headline style. */
765
- --dt-typography-headline-lg-soft-compact-font-size: 28px; /* A softer font weight, tighter spaced version of large headline style. */
765
+ --dt-typography-headline-lg-soft-compact-font-size: 2.8rem; /* A softer font weight, tighter spaced version of large headline style. */
766
766
  --dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
767
767
  --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. */
768
768
  --dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
769
769
  --dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
770
- --dt-typography-headline-xl-font-size: 41px; /* Extra large text style for high importance headlines. */
770
+ --dt-typography-headline-xl-font-size: 4.1rem; /* Extra large text style for high importance headlines. */
771
771
  --dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
772
772
  --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. */
773
773
  --dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
774
774
  --dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
775
- --dt-typography-headline-xl-compact-font-size: 41px; /* A tighter-spaced version of extra large headline style. */
775
+ --dt-typography-headline-xl-compact-font-size: 4.1rem; /* A tighter-spaced version of extra large headline style. */
776
776
  --dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
777
777
  --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. */
778
778
  --dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
779
779
  --dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
780
- --dt-typography-headline-xxl-font-size: 51px; /* Largest text style for extra extra large content. */
780
+ --dt-typography-headline-xxl-font-size: 5.1rem; /* Largest text style for extra extra large content. */
781
781
  --dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
782
782
  --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. */
783
783
  --dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
784
784
  --dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
785
- --dt-typography-headline-xxl-compact-font-size: 51px; /* A tighter-spaced version of extra extra large headline style. */
785
+ --dt-typography-headline-xxl-compact-font-size: 5.1rem; /* A tighter-spaced version of extra extra large headline style. */
786
786
  --dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
787
787
  --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. */
788
788
  --dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
789
789
  --dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
790
- --dt-typography-label-md-font-size: 16px; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
790
+ --dt-typography-label-md-font-size: 1.6rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
791
791
  --dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
792
792
  --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. */
793
793
  --dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
794
794
  --dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
795
- --dt-typography-label-md-compact-font-size: 16px; /* A tighter-spaced version of medium label style. */
795
+ --dt-typography-label-md-compact-font-size: 1.6rem; /* A tighter-spaced version of medium label style. */
796
796
  --dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
797
797
  --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. */
798
798
  --dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
799
799
  --dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
800
- --dt-typography-label-md-plain-font-size: 16px; /* A non-bold version of medium label style. */
800
+ --dt-typography-label-md-plain-font-size: 1.6rem; /* A non-bold version of medium label style. */
801
801
  --dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
802
802
  --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. */
803
803
  --dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
804
804
  --dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
805
- --dt-typography-label-md-plain-compact-font-size: 16px; /* A non-bolded, tighter-spaced version of medium label style. */
805
+ --dt-typography-label-md-plain-compact-font-size: 1.6rem; /* A non-bolded, tighter-spaced version of medium label style. */
806
806
  --dt-typography-label-md-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of medium label style. */
807
807
  --dt-typography-label-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
808
808
  --dt-typography-label-sm-font-weight: 600; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
809
809
  --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. */
810
- --dt-typography-label-sm-font-size: 12px; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
810
+ --dt-typography-label-sm-font-size: 1.2rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
811
811
  --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. */
812
812
  --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. */
813
813
  --dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
814
814
  --dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
815
- --dt-typography-label-sm-compact-font-size: 12px; /* A tighter-spaced version of small label style. */
815
+ --dt-typography-label-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small label style. */
816
816
  --dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
817
817
  --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. */
818
818
  --dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
819
819
  --dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
820
- --dt-typography-label-sm-plain-font-size: 12px; /* A non-bold version of small label style. */
820
+ --dt-typography-label-sm-plain-font-size: 1.2rem; /* A non-bold version of small label style. */
821
821
  --dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
822
822
  --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. */
823
823
  --dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
824
824
  --dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
825
- --dt-typography-label-sm-plain-compact-font-size: 12px; /* A non-bolded, tighter-spaced version of small label style. */
825
+ --dt-typography-label-sm-plain-compact-font-size: 1.2rem; /* A non-bolded, tighter-spaced version of small label style. */
826
826
  --dt-typography-label-sm-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of small label style. */
827
827
  --dt-typography-helper-md-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
828
828
  --dt-typography-helper-md-font-weight: 400; /* Base default medium-sized text style for supplementary contextual information. */
829
829
  --dt-typography-helper-md-line-height: 1.4; /* Base default medium-sized text style for supplementary contextual information. */
830
- --dt-typography-helper-md-font-size: 16px; /* Base default medium-sized text style for supplementary contextual information. */
830
+ --dt-typography-helper-md-font-size: 1.6rem; /* Base default medium-sized text style for supplementary contextual information. */
831
831
  --dt-typography-helper-md-text-case: none; /* Base default medium-sized text style for supplementary contextual information. */
832
832
  --dt-typography-helper-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
833
833
  --dt-typography-helper-sm-font-weight: 400; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
834
834
  --dt-typography-helper-sm-line-height: 1.2; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
835
- --dt-typography-helper-sm-font-size: 12px; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
835
+ --dt-typography-helper-sm-font-size: 1.2rem; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
836
836
  --dt-typography-helper-sm-text-case: none; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
837
837
  --dt-typography-code-md-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* Base default medium-sized text style for monospace code snippets of technical content. */
838
838
  --dt-typography-code-md-font-weight: 400; /* Base default medium-sized text style for monospace code snippets of technical content. */
839
839
  --dt-typography-code-md-line-height: 1.2; /* Base default medium-sized text style for monospace code snippets of technical content. */
840
- --dt-typography-code-md-font-size: 16px; /* Base default medium-sized text style for monospace code snippets of technical content. */
840
+ --dt-typography-code-md-font-size: 1.6rem; /* Base default medium-sized text style for monospace code snippets of technical content. */
841
841
  --dt-typography-code-md-text-case: none; /* Base default medium-sized text style for monospace code snippets of technical content. */
842
842
  --dt-typography-code-sm-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
843
843
  --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
844
844
  --dt-typography-code-sm-line-height: 1.2; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
845
- --dt-typography-code-sm-font-size: 12px; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
845
+ --dt-typography-code-sm-font-size: 1.2rem; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
846
846
  --dt-typography-code-sm-text-case: none;
847
847
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family);
848
848
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
@@ -883,11 +883,11 @@
883
883
  --dt-inputs-size-radius-lg: 1.2rem;
884
884
  --dt-inputs-size-radius-xl: 1.6rem;
885
885
  --dt-inputs-line-height-default: 1.2;
886
- --dt-inputs-font-size-xs: 12px;
887
- --dt-inputs-font-size-sm: 12px;
888
- --dt-inputs-font-size-md: 16px;
889
- --dt-inputs-font-size-lg: 20px;
890
- --dt-inputs-font-size-xl: 12px;
886
+ --dt-inputs-font-size-xs: 1.2rem;
887
+ --dt-inputs-font-size-sm: 1.2rem;
888
+ --dt-inputs-font-size-md: 1.6rem;
889
+ --dt-inputs-font-size-lg: 2rem;
890
+ --dt-inputs-font-size-xl: 1.2rem;
891
891
  --dt-inputs-color-foreground-default-h: 0;
892
892
  --dt-inputs-color-foreground-default-s: 0%;
893
893
  --dt-inputs-color-foreground-default-l: 90.19607843137256%;
@@ -1743,14 +1743,14 @@
1743
1743
  --dt-checkbox-color-background-checked-hsl: var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l);
1744
1744
  --dt-checkbox-color-background-checked-hsla: hsla(var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l) / var(--alpha, 100%));
1745
1745
  --dt-checkbox-color-background-checked: #7C52FF;
1746
- --dt-icon-size-100: 12px;
1747
- --dt-icon-size-200: 14px;
1748
- --dt-icon-size-300: 18px;
1749
- --dt-icon-size-400: 20px;
1750
- --dt-icon-size-500: 24px;
1751
- --dt-icon-size-600: 32px;
1752
- --dt-icon-size-700: 38px;
1753
- --dt-icon-size-800: 48px;
1746
+ --dt-icon-size-100: 1.2rem;
1747
+ --dt-icon-size-200: 1.4rem;
1748
+ --dt-icon-size-300: 1.8rem;
1749
+ --dt-icon-size-400: 2rem;
1750
+ --dt-icon-size-500: 2.4rem;
1751
+ --dt-icon-size-600: 3.2rem;
1752
+ --dt-icon-size-700: 3.8rem;
1753
+ --dt-icon-size-800: 4.8rem;
1754
1754
  --dt-icon-size-border-100: 0.1rem;
1755
1755
  --dt-icon-size-border-200: 0.125rem;
1756
1756
  --dt-icon-size-border-300: 0.15rem;
package/dist/css/tokens/tokens-expressive-sm-light.css CHANGED
@@ -4,12 +4,12 @@
4
4
 
5
5
  :root {
6
6
  color-scheme: light;
7
- --dt-font-size-100: 12px; /* small */
8
- --dt-font-size-200: 16px; /* medium / base */
9
- --dt-font-size-300: 20px; /* large */
10
- --dt-font-size-400: 28px; /* extra large / xl */
11
- --dt-font-size-500: 41px; /* extra large / xxl */
12
- --dt-font-size-600: 51px;
7
+ --dt-font-size-100: 1.2rem; /* small */
8
+ --dt-font-size-200: 1.6rem; /* medium / base */
9
+ --dt-font-size-300: 2rem; /* large */
10
+ --dt-font-size-400: 2.8rem; /* extra large / xl */
11
+ --dt-font-size-500: 4.1rem; /* extra large / xxl */
12
+ --dt-font-size-600: 5.1rem;
13
13
  --dt-size-border-focus: 0.3rem;
14
14
  --dt-color-foreground-primary-h: 0;
15
15
  --dt-color-foreground-primary-s: 0%;
@@ -692,157 +692,157 @@
692
692
  --dt-typography-body-md-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
693
693
  --dt-typography-body-md-font-weight: 400; /* Base default medium text style for main content. */
694
694
  --dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
695
- --dt-typography-body-md-font-size: 16px; /* Base default medium text style for main content. */
695
+ --dt-typography-body-md-font-size: 1.6rem; /* Base default medium text style for main content. */
696
696
  --dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
697
697
  --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. */
698
698
  --dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
699
699
  --dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
700
- --dt-typography-body-md-compact-font-size: 16px; /* A tighter-spaced version of medium body style. */
700
+ --dt-typography-body-md-compact-font-size: 1.6rem; /* A tighter-spaced version of medium body style. */
701
701
  --dt-typography-body-md-compact-text-case: none; /* A tighter-spaced version of medium body style. */
702
702
  --dt-typography-body-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
703
703
  --dt-typography-body-sm-font-weight: 400; /* Reduced small text style for less prominent or adjacent content. */
704
704
  --dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
705
- --dt-typography-body-sm-font-size: 12px; /* Reduced small text style for less prominent or adjacent content. */
705
+ --dt-typography-body-sm-font-size: 1.2rem; /* Reduced small text style for less prominent or adjacent content. */
706
706
  --dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
707
707
  --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. */
708
708
  --dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
709
709
  --dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
710
- --dt-typography-body-sm-compact-font-size: 12px; /* A tighter-spaced version of small body style. */
710
+ --dt-typography-body-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small body style. */
711
711
  --dt-typography-body-sm-compact-text-case: none; /* A tighter-spaced version of small body style. */
712
712
  --dt-typography-headline-eyebrow-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
713
713
  --dt-typography-headline-eyebrow-font-weight: 400; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
714
714
  --dt-typography-headline-eyebrow-line-height: 1.4; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
715
- --dt-typography-headline-eyebrow-font-size: 12px; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
715
+ --dt-typography-headline-eyebrow-font-size: 1.2rem; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
716
716
  --dt-typography-headline-eyebrow-text-case: uppercase; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
717
717
  --dt-typography-headline-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
718
718
  --dt-typography-headline-sm-font-weight: 700; /* Smaller text size for secondary information or subheadings. */
719
719
  --dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
720
- --dt-typography-headline-sm-font-size: 16px; /* Smaller text size for secondary information or subheadings. */
720
+ --dt-typography-headline-sm-font-size: 1.6rem; /* Smaller text size for secondary information or subheadings. */
721
721
  --dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
722
722
  --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. */
723
723
  --dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
724
724
  --dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
725
- --dt-typography-headline-sm-compact-font-size: 16px; /* A tighter-spaced version of small headline style. */
725
+ --dt-typography-headline-sm-compact-font-size: 1.6rem; /* A tighter-spaced version of small headline style. */
726
726
  --dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
727
727
  --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. */
728
728
  --dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
729
729
  --dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
730
- --dt-typography-headline-sm-soft-font-size: 16px; /* A softer font weight version of small headline style. */
730
+ --dt-typography-headline-sm-soft-font-size: 1.6rem; /* A softer font weight version of small headline style. */
731
731
  --dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
732
732
  --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. */
733
733
  --dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
734
734
  --dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
735
- --dt-typography-headline-sm-soft-compact-font-size: 16px; /* A softer font weight, tighter-spaced version of small headline style. */
735
+ --dt-typography-headline-sm-soft-compact-font-size: 1.6rem; /* A softer font weight, tighter-spaced version of small headline style. */
736
736
  --dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
737
737
  --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. */
738
738
  --dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
739
739
  --dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
740
- --dt-typography-headline-md-font-size: 20px; /* Medium-sized base text style for headlines. */
740
+ --dt-typography-headline-md-font-size: 2rem; /* Medium-sized base text style for headlines. */
741
741
  --dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
742
742
  --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. */
743
743
  --dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
744
744
  --dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
745
- --dt-typography-headline-md-compact-font-size: 20px; /* A tighter-spaced version of medium headline style. */
745
+ --dt-typography-headline-md-compact-font-size: 2rem; /* A tighter-spaced version of medium headline style. */
746
746
  --dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
747
747
  --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. */
748
748
  --dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
749
749
  --dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
750
- --dt-typography-headline-lg-font-size: 28px; /* Large text style for headlines to attract attention. */
750
+ --dt-typography-headline-lg-font-size: 2.8rem; /* Large text style for headlines to attract attention. */
751
751
  --dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
752
752
  --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. */
753
753
  --dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
754
754
  --dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
755
- --dt-typography-headline-lg-soft-font-size: 28px; /* A softer font weight version of large headline style. */
755
+ --dt-typography-headline-lg-soft-font-size: 2.8rem; /* A softer font weight version of large headline style. */
756
756
  --dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
757
757
  --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. */
758
758
  --dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
759
759
  --dt-typography-headline-lg-compact-line-height: 1.4; /* A tighter-spaced version of large body style. */
760
- --dt-typography-headline-lg-compact-font-size: 28px; /* A tighter-spaced version of large body style. */
760
+ --dt-typography-headline-lg-compact-font-size: 2.8rem; /* A tighter-spaced version of large body style. */
761
761
  --dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
762
762
  --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. */
763
763
  --dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
764
764
  --dt-typography-headline-lg-soft-compact-line-height: 1.4; /* A softer font weight, tighter spaced version of large headline style. */
765
- --dt-typography-headline-lg-soft-compact-font-size: 28px; /* A softer font weight, tighter spaced version of large headline style. */
765
+ --dt-typography-headline-lg-soft-compact-font-size: 2.8rem; /* A softer font weight, tighter spaced version of large headline style. */
766
766
  --dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
767
767
  --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. */
768
768
  --dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
769
769
  --dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
770
- --dt-typography-headline-xl-font-size: 41px; /* Extra large text style for high importance headlines. */
770
+ --dt-typography-headline-xl-font-size: 4.1rem; /* Extra large text style for high importance headlines. */
771
771
  --dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
772
772
  --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. */
773
773
  --dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
774
774
  --dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
775
- --dt-typography-headline-xl-compact-font-size: 41px; /* A tighter-spaced version of extra large headline style. */
775
+ --dt-typography-headline-xl-compact-font-size: 4.1rem; /* A tighter-spaced version of extra large headline style. */
776
776
  --dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
777
777
  --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. */
778
778
  --dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
779
779
  --dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
780
- --dt-typography-headline-xxl-font-size: 51px; /* Largest text style for extra extra large content. */
780
+ --dt-typography-headline-xxl-font-size: 5.1rem; /* Largest text style for extra extra large content. */
781
781
  --dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
782
782
  --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. */
783
783
  --dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
784
784
  --dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
785
- --dt-typography-headline-xxl-compact-font-size: 51px; /* A tighter-spaced version of extra extra large headline style. */
785
+ --dt-typography-headline-xxl-compact-font-size: 5.1rem; /* A tighter-spaced version of extra extra large headline style. */
786
786
  --dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
787
787
  --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. */
788
788
  --dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
789
789
  --dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
790
- --dt-typography-label-md-font-size: 16px; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
790
+ --dt-typography-label-md-font-size: 1.6rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
791
791
  --dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
792
792
  --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. */
793
793
  --dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
794
794
  --dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
795
- --dt-typography-label-md-compact-font-size: 16px; /* A tighter-spaced version of medium label style. */
795
+ --dt-typography-label-md-compact-font-size: 1.6rem; /* A tighter-spaced version of medium label style. */
796
796
  --dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
797
797
  --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. */
798
798
  --dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
799
799
  --dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
800
- --dt-typography-label-md-plain-font-size: 16px; /* A non-bold version of medium label style. */
800
+ --dt-typography-label-md-plain-font-size: 1.6rem; /* A non-bold version of medium label style. */
801
801
  --dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
802
802
  --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. */
803
803
  --dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
804
804
  --dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
805
- --dt-typography-label-md-plain-compact-font-size: 16px; /* A non-bolded, tighter-spaced version of medium label style. */
805
+ --dt-typography-label-md-plain-compact-font-size: 1.6rem; /* A non-bolded, tighter-spaced version of medium label style. */
806
806
  --dt-typography-label-md-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of medium label style. */
807
807
  --dt-typography-label-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
808
808
  --dt-typography-label-sm-font-weight: 600; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
809
809
  --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. */
810
- --dt-typography-label-sm-font-size: 12px; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
810
+ --dt-typography-label-sm-font-size: 1.2rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
811
811
  --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. */
812
812
  --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. */
813
813
  --dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
814
814
  --dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
815
- --dt-typography-label-sm-compact-font-size: 12px; /* A tighter-spaced version of small label style. */
815
+ --dt-typography-label-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small label style. */
816
816
  --dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
817
817
  --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. */
818
818
  --dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
819
819
  --dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
820
- --dt-typography-label-sm-plain-font-size: 12px; /* A non-bold version of small label style. */
820
+ --dt-typography-label-sm-plain-font-size: 1.2rem; /* A non-bold version of small label style. */
821
821
  --dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
822
822
  --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. */
823
823
  --dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
824
824
  --dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
825
- --dt-typography-label-sm-plain-compact-font-size: 12px; /* A non-bolded, tighter-spaced version of small label style. */
825
+ --dt-typography-label-sm-plain-compact-font-size: 1.2rem; /* A non-bolded, tighter-spaced version of small label style. */
826
826
  --dt-typography-label-sm-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of small label style. */
827
827
  --dt-typography-helper-md-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
828
828
  --dt-typography-helper-md-font-weight: 400; /* Base default medium-sized text style for supplementary contextual information. */
829
829
  --dt-typography-helper-md-line-height: 1.4; /* Base default medium-sized text style for supplementary contextual information. */
830
- --dt-typography-helper-md-font-size: 16px; /* Base default medium-sized text style for supplementary contextual information. */
830
+ --dt-typography-helper-md-font-size: 1.6rem; /* Base default medium-sized text style for supplementary contextual information. */
831
831
  --dt-typography-helper-md-text-case: none; /* Base default medium-sized text style for supplementary contextual information. */
832
832
  --dt-typography-helper-sm-font-family: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
833
833
  --dt-typography-helper-sm-font-weight: 400; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
834
834
  --dt-typography-helper-sm-line-height: 1.2; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
835
- --dt-typography-helper-sm-font-size: 12px; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
835
+ --dt-typography-helper-sm-font-size: 1.2rem; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
836
836
  --dt-typography-helper-sm-text-case: none; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
837
837
  --dt-typography-code-md-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* Base default medium-sized text style for monospace code snippets of technical content. */
838
838
  --dt-typography-code-md-font-weight: 400; /* Base default medium-sized text style for monospace code snippets of technical content. */
839
839
  --dt-typography-code-md-line-height: 1.2; /* Base default medium-sized text style for monospace code snippets of technical content. */
840
- --dt-typography-code-md-font-size: 16px; /* Base default medium-sized text style for monospace code snippets of technical content. */
840
+ --dt-typography-code-md-font-size: 1.6rem; /* Base default medium-sized text style for monospace code snippets of technical content. */
841
841
  --dt-typography-code-md-text-case: none; /* Base default medium-sized text style for monospace code snippets of technical content. */
842
842
  --dt-typography-code-sm-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
843
843
  --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
844
844
  --dt-typography-code-sm-line-height: 1.2; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
845
- --dt-typography-code-sm-font-size: 12px; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
845
+ --dt-typography-code-sm-font-size: 1.2rem; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
846
846
  --dt-typography-code-sm-text-case: none;
847
847
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family);
848
848
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
@@ -883,11 +883,11 @@
883
883
  --dt-inputs-size-radius-lg: 1.2rem;
884
884
  --dt-inputs-size-radius-xl: 1.6rem;
885
885
  --dt-inputs-line-height-default: 1.2;
886
- --dt-inputs-font-size-xs: 12px;
887
- --dt-inputs-font-size-sm: 12px;
888
- --dt-inputs-font-size-md: 16px;
889
- --dt-inputs-font-size-lg: 20px;
890
- --dt-inputs-font-size-xl: 12px;
886
+ --dt-inputs-font-size-xs: 1.2rem;
887
+ --dt-inputs-font-size-sm: 1.2rem;
888
+ --dt-inputs-font-size-md: 1.6rem;
889
+ --dt-inputs-font-size-lg: 2rem;
890
+ --dt-inputs-font-size-xl: 1.2rem;
891
891
  --dt-inputs-color-foreground-default-h: 0;
892
892
  --dt-inputs-color-foreground-default-s: 0%;
893
893
  --dt-inputs-color-foreground-default-l: 22.745098039215687%;
@@ -1743,14 +1743,14 @@
1743
1743
  --dt-checkbox-color-background-checked-hsl: var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l);
1744
1744
  --dt-checkbox-color-background-checked-hsla: hsla(var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l) / var(--alpha, 100%));
1745
1745
  --dt-checkbox-color-background-checked: #7C52FF;
1746
- --dt-icon-size-100: 12px;
1747
- --dt-icon-size-200: 14px;
1748
- --dt-icon-size-300: 18px;
1749
- --dt-icon-size-400: 20px;
1750
- --dt-icon-size-500: 24px;
1751
- --dt-icon-size-600: 32px;
1752
- --dt-icon-size-700: 38px;
1753
- --dt-icon-size-800: 48px;
1746
+ --dt-icon-size-100: 1.2rem;
1747
+ --dt-icon-size-200: 1.4rem;
1748
+ --dt-icon-size-300: 1.8rem;
1749
+ --dt-icon-size-400: 2rem;
1750
+ --dt-icon-size-500: 2.4rem;
1751
+ --dt-icon-size-600: 3.2rem;
1752
+ --dt-icon-size-700: 3.8rem;
1753
+ --dt-icon-size-800: 4.8rem;
1754
1754
  --dt-icon-size-border-100: 0.1rem;
1755
1755
  --dt-icon-size-border-200: 0.125rem;
1756
1756
  --dt-icon-size-border-300: 0.15rem;