@dialpad/dialtone 9.72.1 → 9.72.3

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 (355) hide show
  1. package/dist/css/dialtone-default-theme.css +13958 -13955
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/tokens/tokens-base-dark.css +898 -895
  4. package/dist/css/tokens/tokens-base-light.css +673 -670
  5. package/dist/css/tokens/tokens-dp-dark.css +1831 -1831
  6. package/dist/css/tokens/tokens-dp-light.css +1832 -1832
  7. package/dist/css/tokens/tokens-expressive-dark.css +1793 -1793
  8. package/dist/css/tokens/tokens-expressive-light.css +1793 -1793
  9. package/dist/css/tokens/tokens-expressive-sm-dark.css +1793 -1793
  10. package/dist/css/tokens/tokens-expressive-sm-light.css +1793 -1793
  11. package/dist/css/tokens/tokens-tmo-dark.css +1787 -1787
  12. package/dist/css/tokens/tokens-tmo-light.css +1787 -1787
  13. package/dist/tokens/css/tokens-base-dark.css +898 -895
  14. package/dist/tokens/css/tokens-base-light.css +673 -670
  15. package/dist/tokens/css/tokens-dp-dark.css +1831 -1831
  16. package/dist/tokens/css/tokens-dp-light.css +1832 -1832
  17. package/dist/tokens/css/tokens-expressive-dark.css +1793 -1793
  18. package/dist/tokens/css/tokens-expressive-light.css +1793 -1793
  19. package/dist/tokens/css/tokens-expressive-sm-dark.css +1793 -1793
  20. package/dist/tokens/css/tokens-expressive-sm-light.css +1793 -1793
  21. package/dist/tokens/css/tokens-tmo-dark.css +1787 -1787
  22. package/dist/tokens/css/tokens-tmo-light.css +1787 -1787
  23. package/dist/tokens/doc.json +42784 -42612
  24. package/dist/tokens/less/tokens-base-dark.less +20 -17
  25. package/dist/tokens/less/tokens-base-light.less +20 -17
  26. package/dist/tokens/less/tokens-dp-dark.less +59 -59
  27. package/dist/tokens/less/tokens-dp-light.less +59 -59
  28. package/dist/tokens/less/tokens-expressive-dark.less +55 -55
  29. package/dist/tokens/less/tokens-expressive-light.less +55 -55
  30. package/dist/tokens/less/tokens-expressive-sm-dark.less +55 -55
  31. package/dist/tokens/less/tokens-expressive-sm-light.less +55 -55
  32. package/dist/tokens/less/tokens-tmo-dark.less +49 -49
  33. package/dist/tokens/less/tokens-tmo-light.less +49 -49
  34. package/dist/tokens/themes/chunks/tokens-base-dark-D3v4_NMT.js +4 -0
  35. package/dist/tokens/themes/chunks/tokens-base-dark-SlAAMLw5.js +1 -0
  36. package/dist/tokens/themes/chunks/tokens-base-light-BUcyLIIS.js +4 -0
  37. package/dist/tokens/themes/chunks/tokens-base-light-Dx0sRL2j.js +1 -0
  38. package/dist/tokens/themes/dp-dark.cjs +1 -1
  39. package/dist/tokens/themes/dp-dark.js +4 -4
  40. package/dist/tokens/themes/dp-light.cjs +1 -1
  41. package/dist/tokens/themes/dp-light.js +4 -4
  42. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  43. package/dist/tokens/themes/expressive-dark.js +2 -2
  44. package/dist/tokens/themes/expressive-light.cjs +1 -1
  45. package/dist/tokens/themes/expressive-light.js +4 -4
  46. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  47. package/dist/tokens/themes/expressive-sm-dark.js +2 -2
  48. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  49. package/dist/tokens/themes/expressive-sm-light.js +4 -4
  50. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  51. package/dist/tokens/themes/tmo-dark.js +4 -4
  52. package/dist/tokens/themes/tmo-light.cjs +1 -1
  53. package/dist/tokens/themes/tmo-light.js +4 -4
  54. package/dist/tokens/tokens-base-dark.json +20 -17
  55. package/dist/tokens/tokens-base-light.json +20 -17
  56. package/dist/tokens/tokens-dp-dark.json +59 -59
  57. package/dist/tokens/tokens-dp-light.json +59 -59
  58. package/dist/tokens/tokens-expressive-dark.json +55 -55
  59. package/dist/tokens/tokens-expressive-light.json +55 -55
  60. package/dist/tokens/tokens-expressive-sm-dark.json +55 -55
  61. package/dist/tokens/tokens-expressive-sm-light.json +55 -55
  62. package/dist/tokens/tokens-tmo-dark.json +49 -49
  63. package/dist/tokens/tokens-tmo-light.json +49 -49
  64. package/dist/vue2/components/rich_text_editor/extensions/emoji/emoji.cjs +38 -40
  65. package/dist/vue2/components/rich_text_editor/extensions/emoji/emoji.cjs.map +1 -1
  66. package/dist/vue2/components/rich_text_editor/extensions/emoji/emoji.js +40 -42
  67. package/dist/vue2/components/rich_text_editor/extensions/emoji/emoji.js.map +1 -1
  68. package/dist/vue2/components/rich_text_editor/extensions/emoji/index.cjs +3 -1
  69. package/dist/vue2/components/rich_text_editor/extensions/emoji/index.cjs.map +1 -1
  70. package/dist/vue2/components/rich_text_editor/extensions/emoji/index.js +1 -0
  71. package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.cjs +0 -4
  72. package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.cjs.map +1 -1
  73. package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.js +0 -4
  74. package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.js.map +1 -1
  75. package/dist/vue2/directives/scrollbar/scrollbar.cjs.map +1 -1
  76. package/dist/vue2/directives/scrollbar/scrollbar.js.map +1 -1
  77. package/dist/vue2/types/common/sr_only_close_button.vue.d.ts +1 -1
  78. package/dist/vue2/types/components/avatar/avatar.vue.d.ts +1 -1
  79. package/dist/vue2/types/components/badge/badge.vue.d.ts +1 -1
  80. package/dist/vue2/types/components/banner/banner.vue.d.ts +1 -1
  81. package/dist/vue2/types/components/breadcrumbs/breadcrumb_item.vue.d.ts +1 -1
  82. package/dist/vue2/types/components/breadcrumbs/breadcrumbs.vue.d.ts +1 -1
  83. package/dist/vue2/types/components/button/button.vue.d.ts +1 -1
  84. package/dist/vue2/types/components/button_group/button_group.vue.d.ts +1 -1
  85. package/dist/vue2/types/components/button_group/buttons_decorator.vue.d.ts +1 -1
  86. package/dist/vue2/types/components/card/card.vue.d.ts +1 -1
  87. package/dist/vue2/types/components/checkbox/checkbox.vue.d.ts +1 -1
  88. package/dist/vue2/types/components/checkbox_group/checkbox_group.vue.d.ts +3 -3
  89. package/dist/vue2/types/components/checkbox_group/checkboxes_decorator.vue.d.ts +1 -1
  90. package/dist/vue2/types/components/chip/chip.vue.d.ts +1 -1
  91. package/dist/vue2/types/components/codeblock/codeblock.vue.d.ts +1 -1
  92. package/dist/vue2/types/components/collapsible/collapsible.vue.d.ts +1 -1
  93. package/dist/vue2/types/components/collapsible/collapsible_lazy_show.vue.d.ts +1 -1
  94. package/dist/vue2/types/components/combobox/combobox.vue.d.ts +1 -1
  95. package/dist/vue2/types/components/combobox/combobox_empty-list.vue.d.ts +1 -1
  96. package/dist/vue2/types/components/combobox/combobox_loading-list.vue.d.ts +1 -1
  97. package/dist/vue2/types/components/datepicker/datepicker.vue.d.ts +1 -1
  98. package/dist/vue2/types/components/datepicker/modules/calendar.vue.d.ts +1 -1
  99. package/dist/vue2/types/components/datepicker/modules/month-year-picker.vue.d.ts +1 -1
  100. package/dist/vue2/types/components/description_list/description_list.vue.d.ts +1 -1
  101. package/dist/vue2/types/components/dropdown/dropdown.vue.d.ts +2 -2
  102. package/dist/vue2/types/components/dropdown/dropdown_list.vue.d.ts +1 -1
  103. package/dist/vue2/types/components/dropdown/dropdown_separator.vue.d.ts +1 -1
  104. package/dist/vue2/types/components/emoji/emoji.vue.d.ts +1 -1
  105. package/dist/vue2/types/components/emoji_picker/emoji_picker.vue.d.ts +1 -1
  106. package/dist/vue2/types/components/emoji_picker/modules/emoji_description.vue.d.ts +1 -1
  107. package/dist/vue2/types/components/emoji_picker/modules/emoji_search.vue.d.ts +1 -1
  108. package/dist/vue2/types/components/emoji_picker/modules/emoji_selector.vue.d.ts +1 -1
  109. package/dist/vue2/types/components/emoji_picker/modules/emoji_skin_selector.vue.d.ts +1 -1
  110. package/dist/vue2/types/components/emoji_picker/modules/emoji_tabset.vue.d.ts +1 -1
  111. package/dist/vue2/types/components/emoji_text_wrapper/emoji_text_wrapper.vue.d.ts +1 -1
  112. package/dist/vue2/types/components/empty_state/empty_state.vue.d.ts +1 -1
  113. package/dist/vue2/types/components/hovercard/hovercard.vue.d.ts +1 -1
  114. package/dist/vue2/types/components/icon/icon.vue.d.ts +1 -1
  115. package/dist/vue2/types/components/illustration/illustration.vue.d.ts +1 -1
  116. package/dist/vue2/types/components/image_viewer/image_viewer.vue.d.ts +1 -1
  117. package/dist/vue2/types/components/input/input.vue.d.ts +1 -1
  118. package/dist/vue2/types/components/input_group/decorators/input.vue.d.ts +1 -1
  119. package/dist/vue2/types/components/input_group/decorators/inputs.vue.d.ts +1 -1
  120. package/dist/vue2/types/components/input_group/input_group.vue.d.ts +2 -2
  121. package/dist/vue2/types/components/item_layout/item_layout.vue.d.ts +1 -1
  122. package/dist/vue2/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts +1 -1
  123. package/dist/vue2/types/components/lazy_show/lazy_show.vue.d.ts +1 -1
  124. package/dist/vue2/types/components/link/link.vue.d.ts +1 -1
  125. package/dist/vue2/types/components/list_item/list_item.vue.d.ts +2 -2
  126. package/dist/vue2/types/components/list_item_group/list_item_group.vue.d.ts +1 -1
  127. package/dist/vue2/types/components/modal/modal.vue.d.ts +1 -1
  128. package/dist/vue2/types/components/notice/notice.vue.d.ts +1 -1
  129. package/dist/vue2/types/components/notice/notice_action.vue.d.ts +1 -1
  130. package/dist/vue2/types/components/notice/notice_content.vue.d.ts +1 -1
  131. package/dist/vue2/types/components/notice/notice_icon.vue.d.ts +1 -1
  132. package/dist/vue2/types/components/pagination/pagination.vue.d.ts +1 -1
  133. package/dist/vue2/types/components/popover/popover.vue.d.ts +1 -1
  134. package/dist/vue2/types/components/popover/popover_header_footer.vue.d.ts +1 -1
  135. package/dist/vue2/types/components/presence/presence.vue.d.ts +1 -1
  136. package/dist/vue2/types/components/radio/radio.vue.d.ts +1 -1
  137. package/dist/vue2/types/components/radio_group/radio_group.vue.d.ts +3 -3
  138. package/dist/vue2/types/components/radio_group/radios_decorator.vue.d.ts +1 -1
  139. package/dist/vue2/types/components/rich_text_editor/extensions/channels/ChannelComponent.vue.d.ts +17 -17
  140. package/dist/vue2/types/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.d.ts +1 -1
  141. package/dist/vue2/types/components/rich_text_editor/extensions/channels/channel.d.ts +1 -1
  142. package/dist/vue2/types/components/rich_text_editor/extensions/channels/channel.d.ts.map +1 -1
  143. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.d.ts +17 -17
  144. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.d.ts +1 -1
  145. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/emoji.d.ts +0 -2
  146. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/emoji.d.ts.map +1 -1
  147. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/index.d.ts +1 -0
  148. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/index.d.ts.map +1 -1
  149. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map +1 -1
  150. package/dist/vue2/types/components/rich_text_editor/extensions/mentions/MentionComponent.vue.d.ts +17 -17
  151. package/dist/vue2/types/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.d.ts +1 -1
  152. package/dist/vue2/types/components/rich_text_editor/extensions/mentions/mention.d.ts +1 -1
  153. package/dist/vue2/types/components/rich_text_editor/extensions/mentions/mention.d.ts.map +1 -1
  154. package/dist/vue2/types/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.d.ts +17 -17
  155. package/dist/vue2/types/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.d.ts +1 -1
  156. package/dist/vue2/types/components/rich_text_editor/extensions/slash_command/slash_command.d.ts +1 -1
  157. package/dist/vue2/types/components/rich_text_editor/extensions/slash_command/slash_command.d.ts.map +1 -1
  158. package/dist/vue2/types/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.d.ts +1 -1
  159. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -1
  160. package/dist/vue2/types/components/root_layout/root_layout.vue.d.ts +1 -1
  161. package/dist/vue2/types/components/select_menu/select_menu.vue.d.ts +1 -1
  162. package/dist/vue2/types/components/skeleton/skeleton-list-item.vue.d.ts +1 -1
  163. package/dist/vue2/types/components/skeleton/skeleton-paragraph.vue.d.ts +1 -1
  164. package/dist/vue2/types/components/skeleton/skeleton-shape.vue.d.ts +1 -1
  165. package/dist/vue2/types/components/skeleton/skeleton-text.vue.d.ts +1 -1
  166. package/dist/vue2/types/components/skeleton/skeleton.vue.d.ts +1 -1
  167. package/dist/vue2/types/components/split_button/split_button-alpha.vue.d.ts +1 -1
  168. package/dist/vue2/types/components/split_button/split_button-omega.vue.d.ts +1 -1
  169. package/dist/vue2/types/components/split_button/split_button.vue.d.ts +2 -2
  170. package/dist/vue2/types/components/stack/stack.vue.d.ts +1 -1
  171. package/dist/vue2/types/components/tabs/tab.vue.d.ts +1 -1
  172. package/dist/vue2/types/components/tabs/tab_group.vue.d.ts +1 -1
  173. package/dist/vue2/types/components/tabs/tab_panel.vue.d.ts +1 -1
  174. package/dist/vue2/types/components/toast/toast.vue.d.ts +1 -1
  175. package/dist/vue2/types/components/toggle/toggle.vue.d.ts +1 -1
  176. package/dist/vue2/types/components/tooltip/tooltip.vue.d.ts +2 -2
  177. package/dist/vue2/types/components/validation_messages/validation_messages.vue.d.ts +1 -1
  178. package/dist/vue2/types/directives/scrollbar/scrollbar.d.ts.map +1 -1
  179. package/dist/vue2/types/recipes/buttons/callbar_button/callbar_button.vue.d.ts +1 -1
  180. package/dist/vue2/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts +1 -1
  181. package/dist/vue2/types/recipes/cards/ivr_node/ivr_node.vue.d.ts +1 -1
  182. package/dist/vue2/types/recipes/chips/grouped_chip/grouped_chip.vue.d.ts +1 -1
  183. package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -1
  184. package/dist/vue2/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +1 -1
  185. package/dist/vue2/types/recipes/conversation_view/attachment_carousel/attachment_carousel.vue.d.ts +1 -1
  186. package/dist/vue2/types/recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue.d.ts +1 -1
  187. package/dist/vue2/types/recipes/conversation_view/attachment_carousel/media_components/progress_bar.vue.d.ts +1 -1
  188. package/dist/vue2/types/recipes/conversation_view/editor/editor.vue.d.ts +1 -1
  189. package/dist/vue2/types/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts +1 -1
  190. package/dist/vue2/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +1 -1
  191. package/dist/vue2/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts +1 -1
  192. package/dist/vue2/types/recipes/conversation_view/message_input/meeting_pill/MeetingPill.vue.d.ts +17 -17
  193. package/dist/vue2/types/recipes/conversation_view/message_input/message_input.vue.d.ts +1 -1
  194. package/dist/vue2/types/recipes/conversation_view/time_pill/time_pill.vue.d.ts +1 -1
  195. package/dist/vue2/types/recipes/header/settings_menu_button/settings_menu_button.vue.d.ts +1 -1
  196. package/dist/vue2/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +1 -1
  197. package/dist/vue2/types/recipes/leftbar/callbox/callbox.vue.d.ts +1 -1
  198. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +1 -1
  199. package/dist/vue2/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +1 -1
  200. package/dist/vue2/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
  201. package/dist/vue2/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts +1 -1
  202. package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts +1 -1
  203. package/dist/vue2/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts +1 -1
  204. package/dist/vue2/types/recipes/notices/top_banner_info/top_banner_info.vue.d.ts +1 -1
  205. package/dist/vue3/components/checkbox/checkbox.vue.cjs +1 -1
  206. package/dist/vue3/components/checkbox/checkbox.vue.js +1 -1
  207. package/dist/vue3/components/rich_text_editor/extensions/emoji/emoji.cjs +38 -40
  208. package/dist/vue3/components/rich_text_editor/extensions/emoji/emoji.cjs.map +1 -1
  209. package/dist/vue3/components/rich_text_editor/extensions/emoji/emoji.js +40 -42
  210. package/dist/vue3/components/rich_text_editor/extensions/emoji/emoji.js.map +1 -1
  211. package/dist/vue3/components/rich_text_editor/extensions/emoji/index.cjs +3 -1
  212. package/dist/vue3/components/rich_text_editor/extensions/emoji/index.cjs.map +1 -1
  213. package/dist/vue3/components/rich_text_editor/extensions/emoji/index.js +1 -0
  214. package/dist/vue3/components/rich_text_editor/extensions/emoji/suggestion.cjs +0 -4
  215. package/dist/vue3/components/rich_text_editor/extensions/emoji/suggestion.cjs.map +1 -1
  216. package/dist/vue3/components/rich_text_editor/extensions/emoji/suggestion.js +0 -4
  217. package/dist/vue3/components/rich_text_editor/extensions/emoji/suggestion.js.map +1 -1
  218. package/dist/vue3/directives/scrollbar/scrollbar.cjs.map +1 -1
  219. package/dist/vue3/directives/scrollbar/scrollbar.js.map +1 -1
  220. package/dist/vue3/types/common/sr_only_close_button.vue.d.ts +1 -1
  221. package/dist/vue3/types/components/avatar/avatar.vue.d.ts +5 -5
  222. package/dist/vue3/types/components/badge/badge.vue.d.ts +1 -1
  223. package/dist/vue3/types/components/banner/banner.vue.d.ts +1 -1
  224. package/dist/vue3/types/components/breadcrumbs/breadcrumb_item.vue.d.ts +1 -1
  225. package/dist/vue3/types/components/breadcrumbs/breadcrumbs.vue.d.ts +1 -1
  226. package/dist/vue3/types/components/button/button.vue.d.ts +3 -3
  227. package/dist/vue3/types/components/button_group/button_group.vue.d.ts +1 -1
  228. package/dist/vue3/types/components/button_group/buttons_decorator.vue.d.ts +1 -1
  229. package/dist/vue3/types/components/card/card.vue.d.ts +1 -1
  230. package/dist/vue3/types/components/checkbox/checkbox.vue.d.ts +2 -2
  231. package/dist/vue3/types/components/checkbox_group/checkbox_group.vue.d.ts +4 -4
  232. package/dist/vue3/types/components/checkbox_group/checkboxes_decorator.vue.d.ts +1 -1
  233. package/dist/vue3/types/components/chip/chip.vue.d.ts +2 -2
  234. package/dist/vue3/types/components/codeblock/codeblock.vue.d.ts +1 -1
  235. package/dist/vue3/types/components/collapsible/collapsible.vue.d.ts +2 -2
  236. package/dist/vue3/types/components/collapsible/collapsible_lazy_show.vue.d.ts +1 -1
  237. package/dist/vue3/types/components/combobox/combobox.vue.d.ts +14 -14
  238. package/dist/vue3/types/components/combobox/combobox_empty-list.vue.d.ts +1 -1
  239. package/dist/vue3/types/components/combobox/combobox_loading-list.vue.d.ts +1 -1
  240. package/dist/vue3/types/components/datepicker/datepicker.vue.d.ts +1 -1
  241. package/dist/vue3/types/components/datepicker/modules/calendar.vue.d.ts +1 -1
  242. package/dist/vue3/types/components/datepicker/modules/month-year-picker.vue.d.ts +1 -1
  243. package/dist/vue3/types/components/description_list/description_list.vue.d.ts +1 -1
  244. package/dist/vue3/types/components/dropdown/dropdown.vue.d.ts +7 -5
  245. package/dist/vue3/types/components/dropdown/dropdown.vue.d.ts.map +1 -1
  246. package/dist/vue3/types/components/dropdown/dropdown_list.vue.d.ts +1 -1
  247. package/dist/vue3/types/components/dropdown/dropdown_separator.vue.d.ts +1 -1
  248. package/dist/vue3/types/components/emoji/emoji.vue.d.ts +1 -1
  249. package/dist/vue3/types/components/emoji_picker/emoji_picker.vue.d.ts +1 -1
  250. package/dist/vue3/types/components/emoji_picker/modules/emoji_description.vue.d.ts +1 -1
  251. package/dist/vue3/types/components/emoji_picker/modules/emoji_search.vue.d.ts +1 -1
  252. package/dist/vue3/types/components/emoji_picker/modules/emoji_selector.vue.d.ts +1 -1
  253. package/dist/vue3/types/components/emoji_picker/modules/emoji_skin_selector.vue.d.ts +1 -1
  254. package/dist/vue3/types/components/emoji_picker/modules/emoji_tabset.vue.d.ts +1 -1
  255. package/dist/vue3/types/components/emoji_text_wrapper/emoji_text_wrapper.vue.d.ts +1 -1
  256. package/dist/vue3/types/components/empty_state/empty_state.vue.d.ts +1 -1
  257. package/dist/vue3/types/components/hovercard/hovercard.vue.d.ts +1 -1
  258. package/dist/vue3/types/components/icon/icon.vue.d.ts +1 -1
  259. package/dist/vue3/types/components/illustration/illustration.vue.d.ts +1 -1
  260. package/dist/vue3/types/components/image_viewer/image_viewer.vue.d.ts +1 -1
  261. package/dist/vue3/types/components/input/input.vue.d.ts +7 -7
  262. package/dist/vue3/types/components/input_group/decorators/input.vue.d.ts +1 -1
  263. package/dist/vue3/types/components/input_group/decorators/inputs.vue.d.ts +1 -1
  264. package/dist/vue3/types/components/input_group/input_group.vue.d.ts +2 -2
  265. package/dist/vue3/types/components/item_layout/item_layout.vue.d.ts +1 -1
  266. package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts +4 -4
  267. package/dist/vue3/types/components/lazy_show/lazy_show.vue.d.ts +2 -2
  268. package/dist/vue3/types/components/link/link.vue.d.ts +1 -1
  269. package/dist/vue3/types/components/list_item/list_item.vue.d.ts +2 -2
  270. package/dist/vue3/types/components/list_item_group/list_item_group.vue.d.ts +1 -1
  271. package/dist/vue3/types/components/modal/modal.vue.d.ts +3 -3
  272. package/dist/vue3/types/components/notice/notice.vue.d.ts +1 -1
  273. package/dist/vue3/types/components/notice/notice_action.vue.d.ts +1 -1
  274. package/dist/vue3/types/components/notice/notice_content.vue.d.ts +1 -1
  275. package/dist/vue3/types/components/notice/notice_icon.vue.d.ts +1 -1
  276. package/dist/vue3/types/components/pagination/pagination.vue.d.ts +1 -1
  277. package/dist/vue3/types/components/popover/popover_header_footer.vue.d.ts +1 -1
  278. package/dist/vue3/types/components/presence/presence.vue.d.ts +1 -1
  279. package/dist/vue3/types/components/radio/radio.vue.d.ts +3 -3
  280. package/dist/vue3/types/components/radio_group/radio_group.vue.d.ts +4 -4
  281. package/dist/vue3/types/components/radio_group/radios_decorator.vue.d.ts +1 -1
  282. package/dist/vue3/types/components/rich_text_editor/extensions/channels/ChannelComponent.vue.d.ts +1 -1
  283. package/dist/vue3/types/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.d.ts +1 -1
  284. package/dist/vue3/types/components/rich_text_editor/extensions/channels/channel.d.ts +1 -1
  285. package/dist/vue3/types/components/rich_text_editor/extensions/channels/channel.d.ts.map +1 -1
  286. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.d.ts +1 -1
  287. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.d.ts +1 -1
  288. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/emoji.d.ts +0 -2
  289. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/emoji.d.ts.map +1 -1
  290. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/index.d.ts +1 -0
  291. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/index.d.ts.map +1 -1
  292. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map +1 -1
  293. package/dist/vue3/types/components/rich_text_editor/extensions/mentions/MentionComponent.vue.d.ts +1 -1
  294. package/dist/vue3/types/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.d.ts +1 -1
  295. package/dist/vue3/types/components/rich_text_editor/extensions/mentions/mention.d.ts +1 -1
  296. package/dist/vue3/types/components/rich_text_editor/extensions/mentions/mention.d.ts.map +1 -1
  297. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.d.ts +1 -1
  298. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.d.ts +1 -1
  299. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/slash_command.d.ts +1 -1
  300. package/dist/vue3/types/components/rich_text_editor/extensions/slash_command/slash_command.d.ts.map +1 -1
  301. package/dist/vue3/types/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.d.ts +1 -1
  302. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +4 -4
  303. package/dist/vue3/types/components/root_layout/root_layout.vue.d.ts +1 -1
  304. package/dist/vue3/types/components/scroller/DtScroller.vue.d.ts +1 -1
  305. package/dist/vue3/types/components/scroller/modules/core_scroller.vue.d.ts +1 -1
  306. package/dist/vue3/types/components/scroller/modules/dynamic_scroller.vue.d.ts +4 -4
  307. package/dist/vue3/types/components/scroller/modules/scroller_item.vue.d.ts +1 -1
  308. package/dist/vue3/types/components/select_menu/select_menu.vue.d.ts +2 -2
  309. package/dist/vue3/types/components/skeleton/skeleton-list-item.vue.d.ts +1 -1
  310. package/dist/vue3/types/components/skeleton/skeleton-paragraph.vue.d.ts +1 -1
  311. package/dist/vue3/types/components/skeleton/skeleton-shape.vue.d.ts +2 -2
  312. package/dist/vue3/types/components/skeleton/skeleton-text.vue.d.ts +1 -1
  313. package/dist/vue3/types/components/skeleton/skeleton.vue.d.ts +1 -1
  314. package/dist/vue3/types/components/split_button/split_button-alpha.vue.d.ts +2 -2
  315. package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts +1 -1
  316. package/dist/vue3/types/components/split_button/split_button.vue.d.ts +20 -20
  317. package/dist/vue3/types/components/tabs/tab.vue.d.ts +2 -2
  318. package/dist/vue3/types/components/tabs/tab_group.vue.d.ts +1 -1
  319. package/dist/vue3/types/components/tabs/tab_panel.vue.d.ts +2 -2
  320. package/dist/vue3/types/components/toast/toast.vue.d.ts +1 -1
  321. package/dist/vue3/types/components/toggle/toggle.vue.d.ts +1 -1
  322. package/dist/vue3/types/components/tooltip/tooltip.vue.d.ts +6 -6
  323. package/dist/vue3/types/components/validation_messages/validation_messages.vue.d.ts +1 -1
  324. package/dist/vue3/types/directives/scrollbar/scrollbar.d.ts.map +1 -1
  325. package/dist/vue3/types/recipes/buttons/callbar_button/callbar_button.vue.d.ts +1 -1
  326. package/dist/vue3/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts +3 -3
  327. package/dist/vue3/types/recipes/cards/ivr_node/ivr_node.vue.d.ts +1 -1
  328. package/dist/vue3/types/recipes/chips/grouped_chip/grouped_chip.vue.d.ts +1 -1
  329. package/dist/vue3/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +6 -6
  330. package/dist/vue3/types/recipes/conversation_view/attachment_carousel/attachment_carousel.vue.d.ts +1 -1
  331. package/dist/vue3/types/recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue.d.ts +1 -1
  332. package/dist/vue3/types/recipes/conversation_view/attachment_carousel/media_components/progress_bar.vue.d.ts +1 -1
  333. package/dist/vue3/types/recipes/conversation_view/editor/editor.vue.d.ts +13 -13
  334. package/dist/vue3/types/recipes/conversation_view/emoji_row/emoji_row.vue.d.ts +1 -1
  335. package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +8 -2
  336. package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map +1 -1
  337. package/dist/vue3/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts +2 -2
  338. package/dist/vue3/types/recipes/conversation_view/message_input/meeting_pill/MeetingPill.vue.d.ts +1 -1
  339. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts +3 -3
  340. package/dist/vue3/types/recipes/conversation_view/time_pill/time_pill.vue.d.ts +1 -1
  341. package/dist/vue3/types/recipes/header/settings_menu_button/settings_menu_button.vue.d.ts +1 -1
  342. package/dist/vue3/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +1 -1
  343. package/dist/vue3/types/recipes/leftbar/callbox/callbox.vue.d.ts +1 -1
  344. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +3 -3
  345. package/dist/vue3/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +1 -1
  346. package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts +10 -10
  347. package/dist/vue3/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts +1 -1
  348. package/dist/vue3/types/recipes/leftbar/group_row/group_row.vue.d.ts +1 -1
  349. package/dist/vue3/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts +1 -1
  350. package/dist/vue3/types/recipes/notices/top_banner_info/top_banner_info.vue.d.ts +1 -1
  351. package/package.json +27 -27
  352. package/dist/tokens/themes/chunks/tokens-base-dark-BEsKKfTV.js +0 -4
  353. package/dist/tokens/themes/chunks/tokens-base-dark-Bxzti7ig.js +0 -1
  354. package/dist/tokens/themes/chunks/tokens-base-light-DV0xl0Dv.js +0 -1
  355. package/dist/tokens/themes/chunks/tokens-base-light-jdZ77WhZ.js +0 -4
package/dist/tokens/less/tokens-tmo-dark.less CHANGED
@@ -118,177 +118,177 @@
118
118
  @dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
119
119
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
120
120
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
121
- @dt-typography-body-md-font-size: 1.5rem; // Base default medium text style for main content.
121
+ @dt-typography-body-md-font-size: 15px; // Base default medium text style for main content.
122
122
  @dt-typography-body-md-text-case: none; // Base default medium text style for main content.
123
123
  @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.
124
124
  @dt-typography-body-md-compact-font-weight: 400; // A tighter-spaced version of medium body style.
125
125
  @dt-typography-body-md-compact-line-height: 1.4; // A tighter-spaced version of medium body style.
126
- @dt-typography-body-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium body style.
126
+ @dt-typography-body-md-compact-font-size: 15px; // A tighter-spaced version of medium body style.
127
127
  @dt-typography-body-md-compact-text-case: none; // A tighter-spaced version of medium body style.
128
128
  @dt-typography-body-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Reduced small text style for less prominent or adjacent content.
129
129
  @dt-typography-body-sm-font-weight: 400; // Reduced small text style for less prominent or adjacent content.
130
130
  @dt-typography-body-sm-line-height: 1.4; // Reduced small text style for less prominent or adjacent content.
131
- @dt-typography-body-sm-font-size: 1.2rem; // Reduced small text style for less prominent or adjacent content.
131
+ @dt-typography-body-sm-font-size: 12px; // Reduced small text style for less prominent or adjacent content.
132
132
  @dt-typography-body-sm-text-case: none; // Reduced small text style for less prominent or adjacent content.
133
133
  @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.
134
134
  @dt-typography-body-sm-compact-font-weight: 400; // A tighter-spaced version of small body style.
135
135
  @dt-typography-body-sm-compact-line-height: 1.2; // A tighter-spaced version of small body style.
136
- @dt-typography-body-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small body style.
136
+ @dt-typography-body-sm-compact-font-size: 12px; // A tighter-spaced version of small body style.
137
137
  @dt-typography-body-sm-compact-text-case: none; // A tighter-spaced version of small body style.
138
138
  @dt-typography-headline-eyebrow-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
139
139
  @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.
140
140
  @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.
141
- @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.
141
+ @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.
142
142
  @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.
143
143
  @dt-typography-headline-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Smaller text size for secondary information or subheadings.
144
144
  @dt-typography-headline-sm-font-weight: 700; // Smaller text size for secondary information or subheadings.
145
145
  @dt-typography-headline-sm-line-height: 1.4; // Smaller text size for secondary information or subheadings.
146
- @dt-typography-headline-sm-font-size: 1.2rem; // Smaller text size for secondary information or subheadings.
146
+ @dt-typography-headline-sm-font-size: 12px; // Smaller text size for secondary information or subheadings.
147
147
  @dt-typography-headline-sm-text-case: none; // Smaller text size for secondary information or subheadings.
148
148
  @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.
149
149
  @dt-typography-headline-sm-compact-font-weight: 700; // A tighter-spaced version of small headline style.
150
150
  @dt-typography-headline-sm-compact-line-height: 1.2; // A tighter-spaced version of small headline style.
151
- @dt-typography-headline-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small headline style.
151
+ @dt-typography-headline-sm-compact-font-size: 12px; // A tighter-spaced version of small headline style.
152
152
  @dt-typography-headline-sm-compact-text-case: none; // A tighter-spaced version of small headline style.
153
153
  @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.
154
154
  @dt-typography-headline-sm-soft-font-weight: 500; // A softer font weight version of small headline style.
155
155
  @dt-typography-headline-sm-soft-line-height: 1.4; // A softer font weight version of small headline style.
156
- @dt-typography-headline-sm-soft-font-size: 1.2rem; // A softer font weight version of small headline style.
156
+ @dt-typography-headline-sm-soft-font-size: 12px; // A softer font weight version of small headline style.
157
157
  @dt-typography-headline-sm-soft-text-case: none; // A softer font weight version of small headline style.
158
158
  @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.
159
159
  @dt-typography-headline-sm-soft-compact-font-weight: 500; // A softer font weight, tighter-spaced version of small headline style.
160
160
  @dt-typography-headline-sm-soft-compact-line-height: 1.2; // A softer font weight, tighter-spaced version of small headline style.
161
- @dt-typography-headline-sm-soft-compact-font-size: 1.2rem; // A softer font weight, tighter-spaced version of small headline style.
161
+ @dt-typography-headline-sm-soft-compact-font-size: 12px; // A softer font weight, tighter-spaced version of small headline style.
162
162
  @dt-typography-headline-sm-soft-compact-text-case: none; // A softer font weight, tighter-spaced version of small headline style.
163
163
  @dt-typography-headline-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Medium-sized base text style for headlines.
164
164
  @dt-typography-headline-md-font-weight: 700; // Medium-sized base text style for headlines.
165
165
  @dt-typography-headline-md-line-height: 1.6; // Medium-sized base text style for headlines.
166
- @dt-typography-headline-md-font-size: 1.5rem; // Medium-sized base text style for headlines.
166
+ @dt-typography-headline-md-font-size: 15px; // Medium-sized base text style for headlines.
167
167
  @dt-typography-headline-md-text-case: none; // Medium-sized base text style for headlines.
168
168
  @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.
169
169
  @dt-typography-headline-md-compact-font-weight: 700; // A tighter-spaced version of medium headline style.
170
170
  @dt-typography-headline-md-compact-line-height: 1.4; // A tighter-spaced version of medium headline style.
171
- @dt-typography-headline-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium headline style.
171
+ @dt-typography-headline-md-compact-font-size: 15px; // A tighter-spaced version of medium headline style.
172
172
  @dt-typography-headline-md-compact-text-case: none; // A tighter-spaced version of medium headline style.
173
173
  @dt-typography-headline-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Large text style for headlines to attract attention.
174
174
  @dt-typography-headline-lg-font-weight: 700; // Large text style for headlines to attract attention.
175
175
  @dt-typography-headline-lg-line-height: 1.6; // Large text style for headlines to attract attention.
176
- @dt-typography-headline-lg-font-size: 1.9rem; // Large text style for headlines to attract attention.
176
+ @dt-typography-headline-lg-font-size: 19px; // Large text style for headlines to attract attention.
177
177
  @dt-typography-headline-lg-text-case: none; // Large text style for headlines to attract attention.
178
178
  @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.
179
179
  @dt-typography-headline-lg-soft-font-weight: 500; // A softer font weight version of large headline style.
180
180
  @dt-typography-headline-lg-soft-line-height: 1.6; // A softer font weight version of large headline style.
181
- @dt-typography-headline-lg-soft-font-size: 1.9rem; // A softer font weight version of large headline style.
181
+ @dt-typography-headline-lg-soft-font-size: 19px; // A softer font weight version of large headline style.
182
182
  @dt-typography-headline-lg-soft-text-case: none; // A softer font weight version of large headline style.
183
183
  @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.
184
184
  @dt-typography-headline-lg-compact-font-weight: 700; // A tighter-spaced version of large body style.
185
185
  @dt-typography-headline-lg-compact-line-height: 1.2; // A tighter-spaced version of large body style.
186
- @dt-typography-headline-lg-compact-font-size: 1.9rem; // A tighter-spaced version of large body style.
186
+ @dt-typography-headline-lg-compact-font-size: 19px; // A tighter-spaced version of large body style.
187
187
  @dt-typography-headline-lg-compact-text-case: none; // A tighter-spaced version of large body style.
188
188
  @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.
189
189
  @dt-typography-headline-lg-soft-compact-font-weight: 500; // A softer font weight, tighter spaced version of large headline style.
190
190
  @dt-typography-headline-lg-soft-compact-line-height: 1.2; // A softer font weight, tighter spaced version of large headline style.
191
- @dt-typography-headline-lg-soft-compact-font-size: 1.9rem; // A softer font weight, tighter spaced version of large headline style.
191
+ @dt-typography-headline-lg-soft-compact-font-size: 19px; // A softer font weight, tighter spaced version of large headline style.
192
192
  @dt-typography-headline-lg-soft-compact-text-case: none; // A softer font weight, tighter spaced version of large headline style.
193
193
  @dt-typography-headline-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Extra large text style for high importance headlines.
194
194
  @dt-typography-headline-xl-font-weight: 500; // Extra large text style for high importance headlines.
195
195
  @dt-typography-headline-xl-line-height: 1.2; // Extra large text style for high importance headlines.
196
- @dt-typography-headline-xl-font-size: 2.7rem; // Extra large text style for high importance headlines.
196
+ @dt-typography-headline-xl-font-size: 27px; // Extra large text style for high importance headlines.
197
197
  @dt-typography-headline-xl-text-case: none; // Extra large text style for high importance headlines.
198
198
  @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.
199
199
  @dt-typography-headline-xl-compact-font-weight: 500; // A tighter-spaced version of extra large headline style.
200
200
  @dt-typography-headline-xl-compact-line-height: 1; // A tighter-spaced version of extra large headline style.
201
- @dt-typography-headline-xl-compact-font-size: 2.7rem; // A tighter-spaced version of extra large headline style.
201
+ @dt-typography-headline-xl-compact-font-size: 27px; // A tighter-spaced version of extra large headline style.
202
202
  @dt-typography-headline-xl-compact-text-case: none; // A tighter-spaced version of extra large headline style.
203
203
  @dt-typography-headline-xxl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Largest text style for extra extra large content.
204
204
  @dt-typography-headline-xxl-font-weight: 500; // Largest text style for extra extra large content.
205
205
  @dt-typography-headline-xxl-line-height: 1.2; // Largest text style for extra extra large content.
206
- @dt-typography-headline-xxl-font-size: 3.8rem; // Largest text style for extra extra large content.
206
+ @dt-typography-headline-xxl-font-size: 38px; // Largest text style for extra extra large content.
207
207
  @dt-typography-headline-xxl-text-case: none; // Largest text style for extra extra large content.
208
208
  @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.
209
209
  @dt-typography-headline-xxl-compact-font-weight: 500; // A tighter-spaced version of extra extra large headline style.
210
210
  @dt-typography-headline-xxl-compact-line-height: 1; // A tighter-spaced version of extra extra large headline style.
211
- @dt-typography-headline-xxl-compact-font-size: 3.8rem; // A tighter-spaced version of extra extra large headline style.
211
+ @dt-typography-headline-xxl-compact-font-size: 38px; // A tighter-spaced version of extra extra large headline style.
212
212
  @dt-typography-headline-xxl-compact-text-case: none; // A tighter-spaced version of extra extra large headline style.
213
213
  @dt-typography-label-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium-sized text style for labels, providing clear identification and categorization.
214
214
  @dt-typography-label-md-font-weight: 600; // Base default medium-sized text style for labels, providing clear identification and categorization.
215
215
  @dt-typography-label-md-line-height: 1.6; // Base default medium-sized text style for labels, providing clear identification and categorization.
216
- @dt-typography-label-md-font-size: 1.5rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
216
+ @dt-typography-label-md-font-size: 15px; // Base default medium-sized text style for labels, providing clear identification and categorization.
217
217
  @dt-typography-label-md-text-case: none; // Base default medium-sized text style for labels, providing clear identification and categorization.
218
218
  @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.
219
219
  @dt-typography-label-md-compact-font-weight: 600; // A tighter-spaced version of medium label style.
220
220
  @dt-typography-label-md-compact-line-height: 1.4; // A tighter-spaced version of medium label style.
221
- @dt-typography-label-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium label style.
221
+ @dt-typography-label-md-compact-font-size: 15px; // A tighter-spaced version of medium label style.
222
222
  @dt-typography-label-md-compact-text-case: none; // A tighter-spaced version of medium label style.
223
223
  @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.
224
224
  @dt-typography-label-md-plain-font-weight: 400; // A non-bold version of medium label style.
225
225
  @dt-typography-label-md-plain-line-height: 1.6; // A non-bold version of medium label style.
226
- @dt-typography-label-md-plain-font-size: 1.5rem; // A non-bold version of medium label style.
226
+ @dt-typography-label-md-plain-font-size: 15px; // A non-bold version of medium label style.
227
227
  @dt-typography-label-md-plain-text-case: none; // A non-bold version of medium label style.
228
228
  @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.
229
229
  @dt-typography-label-md-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of medium label style.
230
230
  @dt-typography-label-md-plain-compact-line-height: 1.4; // A non-bolded, tighter-spaced version of medium label style.
231
- @dt-typography-label-md-plain-compact-font-size: 1.5rem; // A non-bolded, tighter-spaced version of medium label style.
231
+ @dt-typography-label-md-plain-compact-font-size: 15px; // A non-bolded, tighter-spaced version of medium label style.
232
232
  @dt-typography-label-md-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of medium label style.
233
233
  @dt-typography-label-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
234
234
  @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.
235
235
  @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.
236
- @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.
236
+ @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.
237
237
  @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.
238
238
  @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.
239
239
  @dt-typography-label-sm-compact-font-weight: 600; // A tighter-spaced version of small label style.
240
240
  @dt-typography-label-sm-compact-line-height: 1.2; // A tighter-spaced version of small label style.
241
- @dt-typography-label-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small label style.
241
+ @dt-typography-label-sm-compact-font-size: 12px; // A tighter-spaced version of small label style.
242
242
  @dt-typography-label-sm-compact-text-case: none; // A tighter-spaced version of small label style.
243
243
  @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.
244
244
  @dt-typography-label-sm-plain-font-weight: 400; // A non-bold version of small label style.
245
245
  @dt-typography-label-sm-plain-line-height: 1.4; // A non-bold version of small label style.
246
- @dt-typography-label-sm-plain-font-size: 1.2rem; // A non-bold version of small label style.
246
+ @dt-typography-label-sm-plain-font-size: 12px; // A non-bold version of small label style.
247
247
  @dt-typography-label-sm-plain-text-case: none; // A non-bold version of small label style.
248
248
  @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.
249
249
  @dt-typography-label-sm-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of small label style.
250
250
  @dt-typography-label-sm-plain-compact-line-height: 1.2; // A non-bolded, tighter-spaced version of small label style.
251
- @dt-typography-label-sm-plain-compact-font-size: 1.2rem; // A non-bolded, tighter-spaced version of small label style.
251
+ @dt-typography-label-sm-plain-compact-font-size: 12px; // A non-bolded, tighter-spaced version of small label style.
252
252
  @dt-typography-label-sm-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of small label style.
253
253
  @dt-typography-helper-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium-sized text style for supplementary contextual information.
254
254
  @dt-typography-helper-md-font-weight: 400; // Base default medium-sized text style for supplementary contextual information.
255
255
  @dt-typography-helper-md-line-height: 1.4; // Base default medium-sized text style for supplementary contextual information.
256
- @dt-typography-helper-md-font-size: 1.5rem; // Base default medium-sized text style for supplementary contextual information.
256
+ @dt-typography-helper-md-font-size: 15px; // Base default medium-sized text style for supplementary contextual information.
257
257
  @dt-typography-helper-md-text-case: none; // Base default medium-sized text style for supplementary contextual information.
258
258
  @dt-typography-helper-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
259
259
  @dt-typography-helper-sm-font-weight: 400; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
260
260
  @dt-typography-helper-sm-line-height: 1.2; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
261
- @dt-typography-helper-sm-font-size: 1.2rem; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
261
+ @dt-typography-helper-sm-font-size: 12px; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
262
262
  @dt-typography-helper-sm-text-case: none; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
263
263
  @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.
264
264
  @dt-typography-code-md-font-weight: 400; // Base default medium-sized text style for monospace code snippets of technical content.
265
265
  @dt-typography-code-md-line-height: 1.2; // Base default medium-sized text style for monospace code snippets of technical content.
266
- @dt-typography-code-md-font-size: 1.5rem; // Base default medium-sized text style for monospace code snippets of technical content.
266
+ @dt-typography-code-md-font-size: 15px; // Base default medium-sized text style for monospace code snippets of technical content.
267
267
  @dt-typography-code-md-text-case: none; // Base default medium-sized text style for monospace code snippets of technical content.
268
268
  @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.
269
269
  @dt-typography-code-sm-font-weight: 400; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
270
270
  @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
271
- @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
271
+ @dt-typography-code-sm-font-size: 12px; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
272
272
  @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
273
273
  @dt-typography-inputs-xs-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"; // Text style for extra small inputs (e.g. input and textarea)
274
274
  @dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
275
- @dt-typography-inputs-xs-font-size: 1.2rem; // Text style for extra small inputs (e.g. input and textarea)
275
+ @dt-typography-inputs-xs-font-size: 12px; // Text style for extra small inputs (e.g. input and textarea)
276
276
  @dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
277
277
  @dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
278
278
  @dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
279
- @dt-typography-inputs-sm-font-size: 1.2rem; // Text style for small inputs (e.g. input and textarea)
279
+ @dt-typography-inputs-sm-font-size: 12px; // Text style for small inputs (e.g. input and textarea)
280
280
  @dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
281
281
  @dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
282
282
  @dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
283
- @dt-typography-inputs-md-font-size: 1.5rem; // Text style for medium inputs (e.g. input and textarea)
283
+ @dt-typography-inputs-md-font-size: 15px; // Text style for medium inputs (e.g. input and textarea)
284
284
  @dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
285
285
  @dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
286
286
  @dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
287
- @dt-typography-inputs-lg-font-size: 1.9rem; // Text style for large inputs (e.g. input and textarea)
287
+ @dt-typography-inputs-lg-font-size: 19px; // Text style for large inputs (e.g. input and textarea)
288
288
  @dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
289
289
  @dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
290
290
  @dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
291
- @dt-typography-inputs-xl-font-size: 2.7rem; // Text style for extra large inputs (e.g. input and textarea)
291
+ @dt-typography-inputs-xl-font-size: 27px; // Text style for extra large inputs (e.g. input and textarea)
292
292
  @dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
293
293
  @dt-inputs-size-border-default: 0.15rem;
294
294
  @dt-inputs-size-border-status: 0.2rem;
@@ -302,11 +302,11 @@
302
302
  @dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
303
303
  @dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
304
304
  @dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
305
- @dt-inputs-font-size-xs: 1.2rem; // Font size for extra small inputs (e.g. input and textarea)
306
- @dt-inputs-font-size-sm: 1.2rem; // Font size for small inputs (e.g. input and textarea)
307
- @dt-inputs-font-size-md: 1.5rem; // Font size for medium inputs (e.g. input and textarea)
308
- @dt-inputs-font-size-lg: 1.9rem; // Font size for large inputs (e.g. input and textarea)
309
- @dt-inputs-font-size-xl: 2.7rem; // Font size for extra large inputs (e.g. input and textarea)
305
+ @dt-inputs-font-size-xs: 12px; // Font size for extra small inputs (e.g. input and textarea)
306
+ @dt-inputs-font-size-sm: 12px; // Font size for small inputs (e.g. input and textarea)
307
+ @dt-inputs-font-size-md: 15px; // Font size for medium inputs (e.g. input and textarea)
308
+ @dt-inputs-font-size-lg: 19px; // Font size for large inputs (e.g. input and textarea)
309
+ @dt-inputs-font-size-xl: 27px; // Font size for extra large inputs (e.g. input and textarea)
310
310
  @dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
311
311
  @dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
312
312
  @dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
@@ -457,14 +457,14 @@
457
457
  @dt-checkbox-color-border-unchecked: #808080;
458
458
  @dt-checkbox-color-border-checked: #7C52FF;
459
459
  @dt-checkbox-color-background-checked: #7C52FF;
460
- @dt-icon-size-100: 1.2rem;
461
- @dt-icon-size-200: 1.4rem;
462
- @dt-icon-size-300: 1.8rem;
463
- @dt-icon-size-400: 2rem;
464
- @dt-icon-size-500: 2.4rem;
465
- @dt-icon-size-600: 3.2rem;
466
- @dt-icon-size-700: 3.8rem;
467
- @dt-icon-size-800: 4.8rem;
460
+ @dt-icon-size-100: 12px;
461
+ @dt-icon-size-200: 14px;
462
+ @dt-icon-size-300: 18px;
463
+ @dt-icon-size-400: 20px;
464
+ @dt-icon-size-500: 24px;
465
+ @dt-icon-size-600: 32px;
466
+ @dt-icon-size-700: 38px;
467
+ @dt-icon-size-800: 48px;
468
468
  @dt-icon-size-border-100: 0.1rem;
469
469
  @dt-icon-size-border-200: 0.125rem;
470
470
  @dt-icon-size-border-300: 0.15rem;
package/dist/tokens/less/tokens-tmo-light.less CHANGED
@@ -118,177 +118,177 @@
118
118
  @dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
119
119
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
120
120
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
121
- @dt-typography-body-md-font-size: 1.5rem; // Base default medium text style for main content.
121
+ @dt-typography-body-md-font-size: 15px; // Base default medium text style for main content.
122
122
  @dt-typography-body-md-text-case: none; // Base default medium text style for main content.
123
123
  @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.
124
124
  @dt-typography-body-md-compact-font-weight: 400; // A tighter-spaced version of medium body style.
125
125
  @dt-typography-body-md-compact-line-height: 1.4; // A tighter-spaced version of medium body style.
126
- @dt-typography-body-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium body style.
126
+ @dt-typography-body-md-compact-font-size: 15px; // A tighter-spaced version of medium body style.
127
127
  @dt-typography-body-md-compact-text-case: none; // A tighter-spaced version of medium body style.
128
128
  @dt-typography-body-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Reduced small text style for less prominent or adjacent content.
129
129
  @dt-typography-body-sm-font-weight: 400; // Reduced small text style for less prominent or adjacent content.
130
130
  @dt-typography-body-sm-line-height: 1.4; // Reduced small text style for less prominent or adjacent content.
131
- @dt-typography-body-sm-font-size: 1.2rem; // Reduced small text style for less prominent or adjacent content.
131
+ @dt-typography-body-sm-font-size: 12px; // Reduced small text style for less prominent or adjacent content.
132
132
  @dt-typography-body-sm-text-case: none; // Reduced small text style for less prominent or adjacent content.
133
133
  @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.
134
134
  @dt-typography-body-sm-compact-font-weight: 400; // A tighter-spaced version of small body style.
135
135
  @dt-typography-body-sm-compact-line-height: 1.2; // A tighter-spaced version of small body style.
136
- @dt-typography-body-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small body style.
136
+ @dt-typography-body-sm-compact-font-size: 12px; // A tighter-spaced version of small body style.
137
137
  @dt-typography-body-sm-compact-text-case: none; // A tighter-spaced version of small body style.
138
138
  @dt-typography-headline-eyebrow-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
139
139
  @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.
140
140
  @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.
141
- @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.
141
+ @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.
142
142
  @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.
143
143
  @dt-typography-headline-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Smaller text size for secondary information or subheadings.
144
144
  @dt-typography-headline-sm-font-weight: 700; // Smaller text size for secondary information or subheadings.
145
145
  @dt-typography-headline-sm-line-height: 1.4; // Smaller text size for secondary information or subheadings.
146
- @dt-typography-headline-sm-font-size: 1.2rem; // Smaller text size for secondary information or subheadings.
146
+ @dt-typography-headline-sm-font-size: 12px; // Smaller text size for secondary information or subheadings.
147
147
  @dt-typography-headline-sm-text-case: none; // Smaller text size for secondary information or subheadings.
148
148
  @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.
149
149
  @dt-typography-headline-sm-compact-font-weight: 700; // A tighter-spaced version of small headline style.
150
150
  @dt-typography-headline-sm-compact-line-height: 1.2; // A tighter-spaced version of small headline style.
151
- @dt-typography-headline-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small headline style.
151
+ @dt-typography-headline-sm-compact-font-size: 12px; // A tighter-spaced version of small headline style.
152
152
  @dt-typography-headline-sm-compact-text-case: none; // A tighter-spaced version of small headline style.
153
153
  @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.
154
154
  @dt-typography-headline-sm-soft-font-weight: 500; // A softer font weight version of small headline style.
155
155
  @dt-typography-headline-sm-soft-line-height: 1.4; // A softer font weight version of small headline style.
156
- @dt-typography-headline-sm-soft-font-size: 1.2rem; // A softer font weight version of small headline style.
156
+ @dt-typography-headline-sm-soft-font-size: 12px; // A softer font weight version of small headline style.
157
157
  @dt-typography-headline-sm-soft-text-case: none; // A softer font weight version of small headline style.
158
158
  @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.
159
159
  @dt-typography-headline-sm-soft-compact-font-weight: 500; // A softer font weight, tighter-spaced version of small headline style.
160
160
  @dt-typography-headline-sm-soft-compact-line-height: 1.2; // A softer font weight, tighter-spaced version of small headline style.
161
- @dt-typography-headline-sm-soft-compact-font-size: 1.2rem; // A softer font weight, tighter-spaced version of small headline style.
161
+ @dt-typography-headline-sm-soft-compact-font-size: 12px; // A softer font weight, tighter-spaced version of small headline style.
162
162
  @dt-typography-headline-sm-soft-compact-text-case: none; // A softer font weight, tighter-spaced version of small headline style.
163
163
  @dt-typography-headline-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Medium-sized base text style for headlines.
164
164
  @dt-typography-headline-md-font-weight: 700; // Medium-sized base text style for headlines.
165
165
  @dt-typography-headline-md-line-height: 1.6; // Medium-sized base text style for headlines.
166
- @dt-typography-headline-md-font-size: 1.5rem; // Medium-sized base text style for headlines.
166
+ @dt-typography-headline-md-font-size: 15px; // Medium-sized base text style for headlines.
167
167
  @dt-typography-headline-md-text-case: none; // Medium-sized base text style for headlines.
168
168
  @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.
169
169
  @dt-typography-headline-md-compact-font-weight: 700; // A tighter-spaced version of medium headline style.
170
170
  @dt-typography-headline-md-compact-line-height: 1.4; // A tighter-spaced version of medium headline style.
171
- @dt-typography-headline-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium headline style.
171
+ @dt-typography-headline-md-compact-font-size: 15px; // A tighter-spaced version of medium headline style.
172
172
  @dt-typography-headline-md-compact-text-case: none; // A tighter-spaced version of medium headline style.
173
173
  @dt-typography-headline-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Large text style for headlines to attract attention.
174
174
  @dt-typography-headline-lg-font-weight: 700; // Large text style for headlines to attract attention.
175
175
  @dt-typography-headline-lg-line-height: 1.6; // Large text style for headlines to attract attention.
176
- @dt-typography-headline-lg-font-size: 1.9rem; // Large text style for headlines to attract attention.
176
+ @dt-typography-headline-lg-font-size: 19px; // Large text style for headlines to attract attention.
177
177
  @dt-typography-headline-lg-text-case: none; // Large text style for headlines to attract attention.
178
178
  @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.
179
179
  @dt-typography-headline-lg-soft-font-weight: 500; // A softer font weight version of large headline style.
180
180
  @dt-typography-headline-lg-soft-line-height: 1.6; // A softer font weight version of large headline style.
181
- @dt-typography-headline-lg-soft-font-size: 1.9rem; // A softer font weight version of large headline style.
181
+ @dt-typography-headline-lg-soft-font-size: 19px; // A softer font weight version of large headline style.
182
182
  @dt-typography-headline-lg-soft-text-case: none; // A softer font weight version of large headline style.
183
183
  @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.
184
184
  @dt-typography-headline-lg-compact-font-weight: 700; // A tighter-spaced version of large body style.
185
185
  @dt-typography-headline-lg-compact-line-height: 1.2; // A tighter-spaced version of large body style.
186
- @dt-typography-headline-lg-compact-font-size: 1.9rem; // A tighter-spaced version of large body style.
186
+ @dt-typography-headline-lg-compact-font-size: 19px; // A tighter-spaced version of large body style.
187
187
  @dt-typography-headline-lg-compact-text-case: none; // A tighter-spaced version of large body style.
188
188
  @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.
189
189
  @dt-typography-headline-lg-soft-compact-font-weight: 500; // A softer font weight, tighter spaced version of large headline style.
190
190
  @dt-typography-headline-lg-soft-compact-line-height: 1.2; // A softer font weight, tighter spaced version of large headline style.
191
- @dt-typography-headline-lg-soft-compact-font-size: 1.9rem; // A softer font weight, tighter spaced version of large headline style.
191
+ @dt-typography-headline-lg-soft-compact-font-size: 19px; // A softer font weight, tighter spaced version of large headline style.
192
192
  @dt-typography-headline-lg-soft-compact-text-case: none; // A softer font weight, tighter spaced version of large headline style.
193
193
  @dt-typography-headline-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Extra large text style for high importance headlines.
194
194
  @dt-typography-headline-xl-font-weight: 500; // Extra large text style for high importance headlines.
195
195
  @dt-typography-headline-xl-line-height: 1.2; // Extra large text style for high importance headlines.
196
- @dt-typography-headline-xl-font-size: 2.7rem; // Extra large text style for high importance headlines.
196
+ @dt-typography-headline-xl-font-size: 27px; // Extra large text style for high importance headlines.
197
197
  @dt-typography-headline-xl-text-case: none; // Extra large text style for high importance headlines.
198
198
  @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.
199
199
  @dt-typography-headline-xl-compact-font-weight: 500; // A tighter-spaced version of extra large headline style.
200
200
  @dt-typography-headline-xl-compact-line-height: 1; // A tighter-spaced version of extra large headline style.
201
- @dt-typography-headline-xl-compact-font-size: 2.7rem; // A tighter-spaced version of extra large headline style.
201
+ @dt-typography-headline-xl-compact-font-size: 27px; // A tighter-spaced version of extra large headline style.
202
202
  @dt-typography-headline-xl-compact-text-case: none; // A tighter-spaced version of extra large headline style.
203
203
  @dt-typography-headline-xxl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Largest text style for extra extra large content.
204
204
  @dt-typography-headline-xxl-font-weight: 500; // Largest text style for extra extra large content.
205
205
  @dt-typography-headline-xxl-line-height: 1.2; // Largest text style for extra extra large content.
206
- @dt-typography-headline-xxl-font-size: 3.8rem; // Largest text style for extra extra large content.
206
+ @dt-typography-headline-xxl-font-size: 38px; // Largest text style for extra extra large content.
207
207
  @dt-typography-headline-xxl-text-case: none; // Largest text style for extra extra large content.
208
208
  @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.
209
209
  @dt-typography-headline-xxl-compact-font-weight: 500; // A tighter-spaced version of extra extra large headline style.
210
210
  @dt-typography-headline-xxl-compact-line-height: 1; // A tighter-spaced version of extra extra large headline style.
211
- @dt-typography-headline-xxl-compact-font-size: 3.8rem; // A tighter-spaced version of extra extra large headline style.
211
+ @dt-typography-headline-xxl-compact-font-size: 38px; // A tighter-spaced version of extra extra large headline style.
212
212
  @dt-typography-headline-xxl-compact-text-case: none; // A tighter-spaced version of extra extra large headline style.
213
213
  @dt-typography-label-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium-sized text style for labels, providing clear identification and categorization.
214
214
  @dt-typography-label-md-font-weight: 600; // Base default medium-sized text style for labels, providing clear identification and categorization.
215
215
  @dt-typography-label-md-line-height: 1.6; // Base default medium-sized text style for labels, providing clear identification and categorization.
216
- @dt-typography-label-md-font-size: 1.5rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
216
+ @dt-typography-label-md-font-size: 15px; // Base default medium-sized text style for labels, providing clear identification and categorization.
217
217
  @dt-typography-label-md-text-case: none; // Base default medium-sized text style for labels, providing clear identification and categorization.
218
218
  @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.
219
219
  @dt-typography-label-md-compact-font-weight: 600; // A tighter-spaced version of medium label style.
220
220
  @dt-typography-label-md-compact-line-height: 1.4; // A tighter-spaced version of medium label style.
221
- @dt-typography-label-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium label style.
221
+ @dt-typography-label-md-compact-font-size: 15px; // A tighter-spaced version of medium label style.
222
222
  @dt-typography-label-md-compact-text-case: none; // A tighter-spaced version of medium label style.
223
223
  @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.
224
224
  @dt-typography-label-md-plain-font-weight: 400; // A non-bold version of medium label style.
225
225
  @dt-typography-label-md-plain-line-height: 1.6; // A non-bold version of medium label style.
226
- @dt-typography-label-md-plain-font-size: 1.5rem; // A non-bold version of medium label style.
226
+ @dt-typography-label-md-plain-font-size: 15px; // A non-bold version of medium label style.
227
227
  @dt-typography-label-md-plain-text-case: none; // A non-bold version of medium label style.
228
228
  @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.
229
229
  @dt-typography-label-md-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of medium label style.
230
230
  @dt-typography-label-md-plain-compact-line-height: 1.4; // A non-bolded, tighter-spaced version of medium label style.
231
- @dt-typography-label-md-plain-compact-font-size: 1.5rem; // A non-bolded, tighter-spaced version of medium label style.
231
+ @dt-typography-label-md-plain-compact-font-size: 15px; // A non-bolded, tighter-spaced version of medium label style.
232
232
  @dt-typography-label-md-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of medium label style.
233
233
  @dt-typography-label-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
234
234
  @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.
235
235
  @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.
236
- @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.
236
+ @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.
237
237
  @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.
238
238
  @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.
239
239
  @dt-typography-label-sm-compact-font-weight: 600; // A tighter-spaced version of small label style.
240
240
  @dt-typography-label-sm-compact-line-height: 1.2; // A tighter-spaced version of small label style.
241
- @dt-typography-label-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small label style.
241
+ @dt-typography-label-sm-compact-font-size: 12px; // A tighter-spaced version of small label style.
242
242
  @dt-typography-label-sm-compact-text-case: none; // A tighter-spaced version of small label style.
243
243
  @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.
244
244
  @dt-typography-label-sm-plain-font-weight: 400; // A non-bold version of small label style.
245
245
  @dt-typography-label-sm-plain-line-height: 1.4; // A non-bold version of small label style.
246
- @dt-typography-label-sm-plain-font-size: 1.2rem; // A non-bold version of small label style.
246
+ @dt-typography-label-sm-plain-font-size: 12px; // A non-bold version of small label style.
247
247
  @dt-typography-label-sm-plain-text-case: none; // A non-bold version of small label style.
248
248
  @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.
249
249
  @dt-typography-label-sm-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of small label style.
250
250
  @dt-typography-label-sm-plain-compact-line-height: 1.2; // A non-bolded, tighter-spaced version of small label style.
251
- @dt-typography-label-sm-plain-compact-font-size: 1.2rem; // A non-bolded, tighter-spaced version of small label style.
251
+ @dt-typography-label-sm-plain-compact-font-size: 12px; // A non-bolded, tighter-spaced version of small label style.
252
252
  @dt-typography-label-sm-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of small label style.
253
253
  @dt-typography-helper-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium-sized text style for supplementary contextual information.
254
254
  @dt-typography-helper-md-font-weight: 400; // Base default medium-sized text style for supplementary contextual information.
255
255
  @dt-typography-helper-md-line-height: 1.4; // Base default medium-sized text style for supplementary contextual information.
256
- @dt-typography-helper-md-font-size: 1.5rem; // Base default medium-sized text style for supplementary contextual information.
256
+ @dt-typography-helper-md-font-size: 15px; // Base default medium-sized text style for supplementary contextual information.
257
257
  @dt-typography-helper-md-text-case: none; // Base default medium-sized text style for supplementary contextual information.
258
258
  @dt-typography-helper-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
259
259
  @dt-typography-helper-sm-font-weight: 400; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
260
260
  @dt-typography-helper-sm-line-height: 1.2; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
261
- @dt-typography-helper-sm-font-size: 1.2rem; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
261
+ @dt-typography-helper-sm-font-size: 12px; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
262
262
  @dt-typography-helper-sm-text-case: none; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
263
263
  @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.
264
264
  @dt-typography-code-md-font-weight: 400; // Base default medium-sized text style for monospace code snippets of technical content.
265
265
  @dt-typography-code-md-line-height: 1.2; // Base default medium-sized text style for monospace code snippets of technical content.
266
- @dt-typography-code-md-font-size: 1.5rem; // Base default medium-sized text style for monospace code snippets of technical content.
266
+ @dt-typography-code-md-font-size: 15px; // Base default medium-sized text style for monospace code snippets of technical content.
267
267
  @dt-typography-code-md-text-case: none; // Base default medium-sized text style for monospace code snippets of technical content.
268
268
  @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.
269
269
  @dt-typography-code-sm-font-weight: 400; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
270
270
  @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
271
- @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
271
+ @dt-typography-code-sm-font-size: 12px; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
272
272
  @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
273
273
  @dt-typography-inputs-xs-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"; // Text style for extra small inputs (e.g. input and textarea)
274
274
  @dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
275
- @dt-typography-inputs-xs-font-size: 1.2rem; // Text style for extra small inputs (e.g. input and textarea)
275
+ @dt-typography-inputs-xs-font-size: 12px; // Text style for extra small inputs (e.g. input and textarea)
276
276
  @dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
277
277
  @dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
278
278
  @dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
279
- @dt-typography-inputs-sm-font-size: 1.2rem; // Text style for small inputs (e.g. input and textarea)
279
+ @dt-typography-inputs-sm-font-size: 12px; // Text style for small inputs (e.g. input and textarea)
280
280
  @dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
281
281
  @dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
282
282
  @dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
283
- @dt-typography-inputs-md-font-size: 1.5rem; // Text style for medium inputs (e.g. input and textarea)
283
+ @dt-typography-inputs-md-font-size: 15px; // Text style for medium inputs (e.g. input and textarea)
284
284
  @dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
285
285
  @dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
286
286
  @dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
287
- @dt-typography-inputs-lg-font-size: 1.9rem; // Text style for large inputs (e.g. input and textarea)
287
+ @dt-typography-inputs-lg-font-size: 19px; // Text style for large inputs (e.g. input and textarea)
288
288
  @dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
289
289
  @dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
290
290
  @dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
291
- @dt-typography-inputs-xl-font-size: 2.7rem; // Text style for extra large inputs (e.g. input and textarea)
291
+ @dt-typography-inputs-xl-font-size: 27px; // Text style for extra large inputs (e.g. input and textarea)
292
292
  @dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
293
293
  @dt-inputs-size-border-default: 0.15rem;
294
294
  @dt-inputs-size-border-status: 0.2rem;
@@ -302,11 +302,11 @@
302
302
  @dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
303
303
  @dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
304
304
  @dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
305
- @dt-inputs-font-size-xs: 1.2rem; // Font size for extra small inputs (e.g. input and textarea)
306
- @dt-inputs-font-size-sm: 1.2rem; // Font size for small inputs (e.g. input and textarea)
307
- @dt-inputs-font-size-md: 1.5rem; // Font size for medium inputs (e.g. input and textarea)
308
- @dt-inputs-font-size-lg: 1.9rem; // Font size for large inputs (e.g. input and textarea)
309
- @dt-inputs-font-size-xl: 2.7rem; // Font size for extra large inputs (e.g. input and textarea)
305
+ @dt-inputs-font-size-xs: 12px; // Font size for extra small inputs (e.g. input and textarea)
306
+ @dt-inputs-font-size-sm: 12px; // Font size for small inputs (e.g. input and textarea)
307
+ @dt-inputs-font-size-md: 15px; // Font size for medium inputs (e.g. input and textarea)
308
+ @dt-inputs-font-size-lg: 19px; // Font size for large inputs (e.g. input and textarea)
309
+ @dt-inputs-font-size-xl: 27px; // Font size for extra large inputs (e.g. input and textarea)
310
310
  @dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
311
311
  @dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
312
312
  @dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
@@ -457,14 +457,14 @@
457
457
  @dt-checkbox-color-border-unchecked: #AAAAAA;
458
458
  @dt-checkbox-color-border-checked: #7C52FF;
459
459
  @dt-checkbox-color-background-checked: #7C52FF;
460
- @dt-icon-size-100: 1.2rem;
461
- @dt-icon-size-200: 1.4rem;
462
- @dt-icon-size-300: 1.8rem;
463
- @dt-icon-size-400: 2rem;
464
- @dt-icon-size-500: 2.4rem;
465
- @dt-icon-size-600: 3.2rem;
466
- @dt-icon-size-700: 3.8rem;
467
- @dt-icon-size-800: 4.8rem;
460
+ @dt-icon-size-100: 12px;
461
+ @dt-icon-size-200: 14px;
462
+ @dt-icon-size-300: 18px;
463
+ @dt-icon-size-400: 20px;
464
+ @dt-icon-size-500: 24px;
465
+ @dt-icon-size-600: 32px;
466
+ @dt-icon-size-700: 38px;
467
+ @dt-icon-size-800: 48px;
468
468
  @dt-icon-size-border-100: 0.1rem;
469
469
  @dt-icon-size-border-200: 0.125rem;
470
470
  @dt-icon-size-border-300: 0.15rem;