@salutejs/sdds-scan 0.357.0-next-sbcom.0 → 0.358.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (758) hide show
  1. package/dist/css/cjs/components/Accordion/Accordion.config.js +1 -1
  2. package/dist/css/cjs/components/Accordion/Accordion.config.js.map +1 -1
  3. package/dist/css/cjs/components/Accordion/{Accordion.config_1jtv6cs.css → Accordion.config_6p4kxn.css} +2 -2
  4. package/dist/css/cjs/components/Accordion/Accordion.css +6 -6
  5. package/dist/css/cjs/components/Attach/Attach.config.js +1 -1
  6. package/dist/css/cjs/components/Attach/Attach.config.js.map +1 -1
  7. package/dist/css/cjs/components/Attach/{Attach.config_18url83.css → Attach.config_1388kdf.css} +3 -3
  8. package/dist/css/cjs/components/Attach/Attach.css +4 -4
  9. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  10. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  11. package/dist/css/cjs/components/Autocomplete/Autocomplete.config_1f06qjk.css +13 -0
  12. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +12 -12
  13. package/dist/css/cjs/components/Avatar/Avatar.config.js +1 -1
  14. package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
  15. package/dist/css/{es/components/Avatar/Avatar.config_1ssqaqs.css → cjs/components/Avatar/Avatar.config_15eqtzj.css} +16 -16
  16. package/dist/css/cjs/components/Avatar/Avatar.css +23 -23
  17. package/dist/css/cjs/components/Badge/Badge.clear.config.js +1 -1
  18. package/dist/css/cjs/components/Badge/Badge.clear.config.js.map +1 -1
  19. package/dist/css/cjs/components/Badge/{Badge.clear.config_1smo55y.css → Badge.clear.config_wnw6bm.css} +7 -7
  20. package/dist/css/cjs/components/Badge/Badge.config.js +1 -1
  21. package/dist/css/cjs/components/Badge/Badge.config.js.map +1 -1
  22. package/dist/css/{es/components/Badge/Badge.config_1pq0w6n.css → cjs/components/Badge/Badge.config_14b0sj8.css} +8 -8
  23. package/dist/css/cjs/components/Badge/Badge.css +37 -37
  24. package/dist/css/cjs/components/Badge/Badge.transparent.config.js +1 -1
  25. package/dist/css/cjs/components/Badge/Badge.transparent.config.js.map +1 -1
  26. package/dist/css/{es/components/Badge/Badge.transparent.config_1i6yuih.css → cjs/components/Badge/Badge.transparent.config_137nbon.css} +7 -7
  27. package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  28. package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
  29. package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.config_1r3qndf.css +3 -0
  30. package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  31. package/dist/css/cjs/components/Button/Button.config.js +1 -1
  32. package/dist/css/cjs/components/Button/Button.config.js.map +1 -1
  33. package/dist/css/cjs/components/Button/Button.config_1hqqoo.css +18 -0
  34. package/dist/css/cjs/components/Button/Button.css +15 -15
  35. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js +1 -1
  36. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  37. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config_z4ej7z.css +22 -0
  38. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.css +18 -18
  39. package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
  40. package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
  41. package/dist/css/{es/components/Calendar/Calendar.config_hf4bfj.css → cjs/components/Calendar/Calendar.config_pkv7ds.css} +3 -3
  42. package/dist/css/cjs/components/Calendar/Calendar.css +10 -10
  43. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  44. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  45. package/dist/css/{es/components/Calendar/CalendarDouble.config_1hu7xyi.css → cjs/components/Calendar/CalendarDouble.config_rjjgwl.css} +3 -3
  46. package/dist/css/cjs/components/Card/Card.config.js +1 -1
  47. package/dist/css/cjs/components/Card/Card.config.js.map +1 -1
  48. package/dist/css/cjs/components/Card/{Card.config_1dok8i.css → Card.config_11yareu.css} +1 -1
  49. package/dist/css/cjs/components/Card/Card.css +4 -4
  50. package/dist/css/cjs/components/Cell/Cell.config.js +1 -1
  51. package/dist/css/cjs/components/Cell/Cell.config.js.map +1 -1
  52. package/dist/css/cjs/components/Cell/{Cell.config_iu83fc.css → Cell.config_5z2v9p.css} +1 -1
  53. package/dist/css/cjs/components/Cell/Cell.css +5 -5
  54. package/dist/css/cjs/components/Checkbox/Checkbox.config.js +1 -1
  55. package/dist/css/cjs/components/Checkbox/Checkbox.config.js.map +1 -1
  56. package/dist/css/{es/components/Checkbox/Checkbox.config_1ocurio.css → cjs/components/Checkbox/Checkbox.config_vfypio.css} +3 -3
  57. package/dist/css/cjs/components/Checkbox/Checkbox.css +6 -6
  58. package/dist/css/cjs/components/Chip/Chip.config.js +1 -1
  59. package/dist/css/cjs/components/Chip/Chip.config.js.map +1 -1
  60. package/dist/css/cjs/components/Chip/Chip.config_10h6pjl.css +13 -0
  61. package/dist/css/cjs/components/Chip/Chip.css +12 -12
  62. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js +5 -1
  63. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js.map +1 -1
  64. package/dist/css/cjs/components/ChipGroup/ChipGroup.config_1ozy5j1.css +10 -0
  65. package/dist/css/cjs/components/ChipGroup/ChipGroup.css +10 -8
  66. package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
  67. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  68. package/dist/css/cjs/components/Combobox/Combobox.config_1elyaeu.css +16 -0
  69. package/dist/css/cjs/components/Combobox/Combobox.css +15 -15
  70. package/dist/css/cjs/components/Counter/Counter.config.js +1 -1
  71. package/dist/css/cjs/components/Counter/Counter.config.js.map +1 -1
  72. package/dist/css/{es/components/Counter/Counter.config_v8zjz.css → cjs/components/Counter/Counter.config_l9wwow.css} +7 -7
  73. package/dist/css/cjs/components/Counter/Counter.css +12 -12
  74. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  75. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  76. package/dist/css/cjs/components/DatePicker/{DatePicker.config_1hfhdos.css → DatePicker.config_1uhtqzt.css} +5 -5
  77. package/dist/css/cjs/components/DatePicker/DatePicker.css +10 -10
  78. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  79. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  80. package/dist/css/cjs/components/DateTimePicker/{DateTimePicker.config_1tmejjb.css → DateTimePicker.config_1ssbeew.css} +5 -5
  81. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  82. package/dist/css/cjs/components/Divider/Divider.config.js +1 -1
  83. package/dist/css/cjs/components/Divider/Divider.config.js.map +1 -1
  84. package/dist/css/cjs/components/Divider/{Divider.config_1i0hy8y.css → Divider.config_13zqso5.css} +4 -4
  85. package/dist/css/cjs/components/Divider/Divider.css +7 -7
  86. package/dist/css/cjs/components/Drawer/Drawer.config.js +1 -1
  87. package/dist/css/cjs/components/Drawer/Drawer.config.js.map +1 -1
  88. package/dist/css/cjs/components/Drawer/Drawer.config_nplgv4.css +4 -0
  89. package/dist/css/cjs/components/Drawer/Drawer.css +4 -4
  90. package/dist/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
  91. package/dist/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
  92. package/dist/css/{es/components/Dropdown/Dropdown.config_17xemvk.css → cjs/components/Dropdown/Dropdown.config_1v1nsgk.css} +1 -1
  93. package/dist/css/cjs/components/Dropdown/Dropdown.css +3 -3
  94. package/dist/css/cjs/components/Dropzone/Dropzone.config.js +1 -1
  95. package/dist/css/cjs/components/Dropzone/Dropzone.config.js.map +1 -1
  96. package/dist/css/cjs/components/Dropzone/{Dropzone.config_v0t4xn.css → Dropzone.config_fgg5ch.css} +1 -1
  97. package/dist/css/cjs/components/Dropzone/Dropzone.css +3 -3
  98. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js +1 -1
  99. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
  100. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config_x6z9g1.css +12 -0
  101. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.css +12 -12
  102. package/dist/css/cjs/components/EmptyState/EmptyState.config.js.map +1 -1
  103. package/dist/css/cjs/components/File/File.config.js +1 -1
  104. package/dist/css/cjs/components/File/File.config.js.map +1 -1
  105. package/dist/css/cjs/components/File/{File.config_s5y1t1.css → File.config_u2h4nj.css} +2 -2
  106. package/dist/css/cjs/components/File/File.css +5 -5
  107. package/dist/css/cjs/components/IconButton/IconButton.config.js +1 -1
  108. package/dist/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
  109. package/dist/css/cjs/components/IconButton/IconButton.config_f2qjq3.css +15 -0
  110. package/dist/css/cjs/components/IconButton/IconButton.css +15 -15
  111. package/dist/css/cjs/components/Indicator/Indicator.config.js +1 -1
  112. package/dist/css/cjs/components/Indicator/Indicator.config.js.map +1 -1
  113. package/dist/css/cjs/components/Indicator/Indicator.config_11j9yyg.css +10 -0
  114. package/dist/css/cjs/components/Indicator/Indicator.css +10 -10
  115. package/dist/css/cjs/components/InformationWrapper/InformationWrapper.config.js +1 -1
  116. package/dist/css/cjs/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
  117. package/dist/css/{es/components/InformationWrapper/InformationWrapper.config_1glkttm.css → cjs/components/InformationWrapper/InformationWrapper.config_13ci8ae.css} +5 -5
  118. package/dist/css/cjs/components/InformationWrapper/InformationWrapper.css +12 -12
  119. package/dist/css/cjs/components/LinkButton/LinkButton.config.js +1 -1
  120. package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
  121. package/dist/css/cjs/components/LinkButton/LinkButton.config_n2ocb8.css +10 -0
  122. package/dist/css/cjs/components/LinkButton/LinkButton.css +10 -10
  123. package/dist/css/cjs/components/List/List.config.js +1 -1
  124. package/dist/css/cjs/components/List/List.config.js.map +1 -1
  125. package/dist/css/{es/components/List/List.config_1nc7mcq.css → cjs/components/List/List.config_1jh5p46.css} +1 -1
  126. package/dist/css/cjs/components/List/List.css +4 -4
  127. package/dist/css/cjs/components/Loader/Loader.config.js +1 -1
  128. package/dist/css/cjs/components/Loader/Loader.config.js.map +1 -1
  129. package/dist/css/cjs/components/Loader/{Loader.config_1a9i6et.css → Loader.config_1vt2ax5.css} +12 -12
  130. package/dist/css/cjs/components/Loader/Loader.css +14 -14
  131. package/dist/css/cjs/components/Modal/Modal.config.js +1 -1
  132. package/dist/css/cjs/components/Modal/Modal.config.js.map +1 -1
  133. package/dist/css/cjs/components/Modal/Modal.config_y4um4q.css +1 -0
  134. package/dist/css/cjs/components/Modal/Modal.css +1 -1
  135. package/dist/css/cjs/components/Note/Note.config.js +1 -1
  136. package/dist/css/cjs/components/Note/Note.config.js.map +1 -1
  137. package/dist/css/cjs/components/Note/Note.config_28e0re.css +11 -0
  138. package/dist/css/cjs/components/Note/Note.css +9 -9
  139. package/dist/css/cjs/components/Notification/Notification.config.js +1 -1
  140. package/dist/css/cjs/components/Notification/Notification.config.js.map +1 -1
  141. package/dist/css/cjs/components/Notification/Notification.config_11irsw3.css +9 -0
  142. package/dist/css/cjs/components/Notification/Notification.css +9 -9
  143. package/dist/css/cjs/components/NumberFormat/NumberFormat.css +19 -0
  144. package/dist/css/cjs/components/NumberFormat/NumberFormat.js +18 -0
  145. package/dist/css/cjs/components/NumberFormat/NumberFormat.js.map +1 -0
  146. package/dist/css/cjs/components/NumberInput/NumberInput.config.js +1 -1
  147. package/dist/css/cjs/components/NumberInput/NumberInput.config.js.map +1 -1
  148. package/dist/css/cjs/components/NumberInput/NumberInput.config_1ck68mu.css +14 -0
  149. package/dist/css/cjs/components/NumberInput/NumberInput.css +11 -11
  150. package/dist/css/cjs/components/Pagination/Pagination.config.js +1 -1
  151. package/dist/css/cjs/components/Pagination/Pagination.config.js.map +1 -1
  152. package/dist/css/cjs/components/Pagination/Pagination.config_yl52j6.css +10 -0
  153. package/dist/css/cjs/components/Pagination/Pagination.css +8 -8
  154. package/dist/css/cjs/components/Popover/Popover.config.js +1 -1
  155. package/dist/css/cjs/components/Popover/Popover.config.js.map +1 -1
  156. package/dist/css/cjs/components/Popover/Popover.config_1kl65iu.css +1 -0
  157. package/dist/css/cjs/components/Popover/Popover.css +1 -1
  158. package/dist/css/cjs/components/Progress/Progress.config.js +1 -1
  159. package/dist/css/cjs/components/Progress/Progress.config.js.map +1 -1
  160. package/dist/css/cjs/components/Progress/{Progress.config_1o154pe.css → Progress.config_1dg2e66.css} +11 -11
  161. package/dist/css/cjs/components/Progress/Progress.css +18 -18
  162. package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +1 -1
  163. package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
  164. package/dist/css/{es/components/ProgressBarCircular/ProgressBarCircular.config_1i2xqlo.css → cjs/components/ProgressBarCircular/ProgressBarCircular.config_cjslv1.css} +7 -7
  165. package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.css +14 -14
  166. package/dist/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
  167. package/dist/css/cjs/components/Radiobox/Radiobox.config.js.map +1 -1
  168. package/dist/css/cjs/components/Radiobox/{Radiobox.config_70eup8.css → Radiobox.config_w0wn30.css} +2 -2
  169. package/dist/css/cjs/components/Radiobox/Radiobox.css +5 -5
  170. package/dist/css/cjs/components/Range/Range.config.js +1 -1
  171. package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
  172. package/dist/css/{es/components/Range/Range.config_1a7m11u.css → cjs/components/Range/Range.config_j6sda.css} +3 -3
  173. package/dist/css/cjs/components/Range/Range.css +8 -8
  174. package/dist/css/cjs/components/Rating/Rating.config.js +1 -1
  175. package/dist/css/cjs/components/Rating/Rating.config.js.map +1 -1
  176. package/dist/css/cjs/components/Rating/{Rating.config_14tn2iy.css → Rating.config_1rg77c2.css} +2 -2
  177. package/dist/css/cjs/components/Rating/Rating.css +4 -4
  178. package/dist/css/cjs/components/Segment/Segment.css +14 -14
  179. package/dist/css/cjs/components/Segment/SegmentGroup.config.js +1 -1
  180. package/dist/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
  181. package/dist/css/cjs/components/Segment/{SegmentGroup.config_1ifixom.css → SegmentGroup.config_1grzj43.css} +3 -3
  182. package/dist/css/cjs/components/Segment/SegmentItem.config.js +1 -1
  183. package/dist/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
  184. package/dist/css/cjs/components/Segment/SegmentItem.config_m2p18e.css +8 -0
  185. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  186. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  187. package/dist/css/cjs/components/Select/Select.config_4rotw5.css +22 -0
  188. package/dist/css/cjs/components/Select/Select.css +21 -21
  189. package/dist/css/cjs/components/Skeleton/LineSkeleton.config.js +1 -1
  190. package/dist/css/cjs/components/Skeleton/LineSkeleton.config.js.map +1 -1
  191. package/dist/css/{es/components/Skeleton/LineSkeleton.config_184zb52.css → cjs/components/Skeleton/LineSkeleton.config_5nwhlj.css} +2 -2
  192. package/dist/css/cjs/components/Skeleton/Skeleton.css +20 -20
  193. package/dist/css/cjs/components/Slider/Slider.config.js +3 -2
  194. package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
  195. package/dist/css/cjs/components/Slider/Slider.config_1ou6gid.css +10 -0
  196. package/dist/css/cjs/components/Slider/Slider.css +10 -10
  197. package/dist/css/cjs/components/Spinner/Spinner.config.js +1 -1
  198. package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
  199. package/dist/css/cjs/components/Spinner/Spinner.config_1sal5bb.css +8 -0
  200. package/dist/css/cjs/components/Spinner/Spinner.css +8 -8
  201. package/dist/css/cjs/components/Switch/Switch.config.js +1 -1
  202. package/dist/css/cjs/components/Switch/Switch.config.js.map +1 -1
  203. package/dist/css/cjs/components/Switch/{Switch.config_1y3cre3.css → Switch.config_1m9c3eb.css} +2 -2
  204. package/dist/css/cjs/components/Switch/Switch.css +8 -8
  205. package/dist/css/cjs/components/Table/Table.config.js +1 -1
  206. package/dist/css/cjs/components/Table/Table.config.js.map +1 -1
  207. package/dist/css/cjs/components/Table/Table.config_n24o4n.css +5 -0
  208. package/dist/css/cjs/components/Table/Table.css +5 -5
  209. package/dist/css/cjs/components/Tabs/TabItem.css +37 -37
  210. package/dist/css/cjs/components/Tabs/Tabs.css +20 -20
  211. package/dist/css/cjs/components/Tabs/TabsController.css +28 -28
  212. package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  213. package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
  214. package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config_1qbx662.css +13 -0
  215. package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
  216. package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  217. package/dist/css/{es/components/Tabs/horizontal/HorizontalTabItem.config_1y4l4r3.css → cjs/components/Tabs/horizontal/HorizontalTabItem.config_kfsvxf.css} +4 -4
  218. package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
  219. package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
  220. package/dist/css/cjs/components/Tabs/horizontal/{HorizontalTabs.config_1ipjwno.css → HorizontalTabs.config_107w7mh.css} +3 -3
  221. package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
  222. package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
  223. package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config_17t4apu.css +5 -0
  224. package/dist/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  225. package/dist/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
  226. package/dist/css/cjs/components/Tabs/vertical/{VerticalTabItem.config_7ohxhp.css → VerticalTabItem.config_kj6siw.css} +1 -1
  227. package/dist/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +1 -1
  228. package/dist/css/cjs/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
  229. package/dist/css/cjs/components/Tabs/vertical/{VerticalTabs.config_191jnci.css → VerticalTabs.config_3t4w0c.css} +1 -1
  230. package/dist/css/cjs/components/TextArea/TextArea.config.js +1 -1
  231. package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  232. package/dist/css/cjs/components/TextArea/TextArea.config_1fkvylt.css +11 -0
  233. package/dist/css/cjs/components/TextArea/TextArea.css +11 -11
  234. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  235. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  236. package/dist/css/cjs/components/TextField/TextField.config_1ahnpc0.css +19 -0
  237. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  238. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  239. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_1pl0lc1.css → TextFieldGroup.config_103fro3.css} +2 -2
  240. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +7 -7
  241. package/dist/css/cjs/components/TimePicker/TimePicker.config.js +1 -1
  242. package/dist/css/cjs/components/TimePicker/TimePicker.config.js.map +1 -1
  243. package/dist/css/{es/components/TimePicker/TimePicker.config_1hpidyc.css → cjs/components/TimePicker/TimePicker.config_1lg77ee.css} +3 -3
  244. package/dist/css/cjs/components/TimePicker/TimePicker.css +10 -10
  245. package/dist/css/cjs/components/Toast/Toast.config.js +1 -1
  246. package/dist/css/cjs/components/Toast/Toast.config.js.map +1 -1
  247. package/dist/css/cjs/components/Toast/Toast.config_1tb1bwc.css +8 -0
  248. package/dist/css/cjs/components/Toast/Toast.css +8 -8
  249. package/dist/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
  250. package/dist/css/cjs/components/Toolbar/Toolbar.config.js.map +1 -1
  251. package/dist/css/cjs/components/Toolbar/{Toolbar.config_5rr6yg.css → Toolbar.config_1gna4r3.css} +1 -1
  252. package/dist/css/cjs/components/Toolbar/Toolbar.css +3 -3
  253. package/dist/css/cjs/components/Tooltip/Tooltip.config.js +1 -1
  254. package/dist/css/cjs/components/Tooltip/Tooltip.config.js.map +1 -1
  255. package/dist/css/cjs/components/Tooltip/{Tooltip.config_lirx6o.css → Tooltip.config_q2hz1.css} +3 -3
  256. package/dist/css/cjs/components/Tooltip/Tooltip.css +3 -3
  257. package/dist/css/cjs/components/Typography/Body.config.js.map +1 -1
  258. package/dist/css/cjs/components/Typography/Dspl.config.js.map +1 -1
  259. package/dist/css/cjs/components/Typography/Heading.config.js.map +1 -1
  260. package/dist/css/cjs/components/Typography/Text.config.js.map +1 -1
  261. package/dist/css/cjs/index.css +701 -699
  262. package/dist/css/cjs/index.js +6 -0
  263. package/dist/css/cjs/index.js.map +1 -1
  264. package/dist/css/es/components/Accordion/Accordion.config.js +1 -1
  265. package/dist/css/es/components/Accordion/Accordion.config.js.map +1 -1
  266. package/dist/css/es/components/Accordion/{Accordion.config_1jtv6cs.css → Accordion.config_6p4kxn.css} +2 -2
  267. package/dist/css/es/components/Accordion/Accordion.css +6 -6
  268. package/dist/css/es/components/Attach/Attach.config.js +1 -1
  269. package/dist/css/es/components/Attach/Attach.config.js.map +1 -1
  270. package/dist/css/es/components/Attach/{Attach.config_18url83.css → Attach.config_1388kdf.css} +3 -3
  271. package/dist/css/es/components/Attach/Attach.css +4 -4
  272. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  273. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  274. package/dist/css/es/components/Autocomplete/Autocomplete.config_1f06qjk.css +13 -0
  275. package/dist/css/es/components/Autocomplete/Autocomplete.css +12 -12
  276. package/dist/css/es/components/Avatar/Avatar.config.js +1 -1
  277. package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
  278. package/dist/css/{cjs/components/Avatar/Avatar.config_1ssqaqs.css → es/components/Avatar/Avatar.config_15eqtzj.css} +16 -16
  279. package/dist/css/es/components/Avatar/Avatar.css +23 -23
  280. package/dist/css/es/components/Badge/Badge.clear.config.js +1 -1
  281. package/dist/css/es/components/Badge/Badge.clear.config.js.map +1 -1
  282. package/dist/css/es/components/Badge/{Badge.clear.config_1smo55y.css → Badge.clear.config_wnw6bm.css} +7 -7
  283. package/dist/css/es/components/Badge/Badge.config.js +1 -1
  284. package/dist/css/es/components/Badge/Badge.config.js.map +1 -1
  285. package/dist/css/{cjs/components/Badge/Badge.config_1pq0w6n.css → es/components/Badge/Badge.config_14b0sj8.css} +8 -8
  286. package/dist/css/es/components/Badge/Badge.css +37 -37
  287. package/dist/css/es/components/Badge/Badge.transparent.config.js +1 -1
  288. package/dist/css/es/components/Badge/Badge.transparent.config.js.map +1 -1
  289. package/dist/css/{cjs/components/Badge/Badge.transparent.config_1i6yuih.css → es/components/Badge/Badge.transparent.config_137nbon.css} +7 -7
  290. package/dist/css/es/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  291. package/dist/css/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
  292. package/dist/css/es/components/Breadcrumbs/Breadcrumbs.config_1r3qndf.css +3 -0
  293. package/dist/css/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  294. package/dist/css/es/components/Button/Button.config.js +1 -1
  295. package/dist/css/es/components/Button/Button.config.js.map +1 -1
  296. package/dist/css/es/components/Button/Button.config_1hqqoo.css +18 -0
  297. package/dist/css/es/components/Button/Button.css +15 -15
  298. package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js +1 -1
  299. package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  300. package/dist/css/es/components/ButtonGroup/ButtonGroup.config_z4ej7z.css +22 -0
  301. package/dist/css/es/components/ButtonGroup/ButtonGroup.css +18 -18
  302. package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
  303. package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
  304. package/dist/css/{cjs/components/Calendar/Calendar.config_hf4bfj.css → es/components/Calendar/Calendar.config_pkv7ds.css} +3 -3
  305. package/dist/css/es/components/Calendar/Calendar.css +10 -10
  306. package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
  307. package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  308. package/dist/css/{cjs/components/Calendar/CalendarDouble.config_1hu7xyi.css → es/components/Calendar/CalendarDouble.config_rjjgwl.css} +3 -3
  309. package/dist/css/es/components/Card/Card.config.js +1 -1
  310. package/dist/css/es/components/Card/Card.config.js.map +1 -1
  311. package/dist/css/es/components/Card/{Card.config_1dok8i.css → Card.config_11yareu.css} +1 -1
  312. package/dist/css/es/components/Card/Card.css +4 -4
  313. package/dist/css/es/components/Cell/Cell.config.js +1 -1
  314. package/dist/css/es/components/Cell/Cell.config.js.map +1 -1
  315. package/dist/css/es/components/Cell/{Cell.config_iu83fc.css → Cell.config_5z2v9p.css} +1 -1
  316. package/dist/css/es/components/Cell/Cell.css +5 -5
  317. package/dist/css/es/components/Checkbox/Checkbox.config.js +1 -1
  318. package/dist/css/es/components/Checkbox/Checkbox.config.js.map +1 -1
  319. package/dist/css/{cjs/components/Checkbox/Checkbox.config_1ocurio.css → es/components/Checkbox/Checkbox.config_vfypio.css} +3 -3
  320. package/dist/css/es/components/Checkbox/Checkbox.css +6 -6
  321. package/dist/css/es/components/Chip/Chip.config.js +1 -1
  322. package/dist/css/es/components/Chip/Chip.config.js.map +1 -1
  323. package/dist/css/es/components/Chip/Chip.config_10h6pjl.css +13 -0
  324. package/dist/css/es/components/Chip/Chip.css +12 -12
  325. package/dist/css/es/components/ChipGroup/ChipGroup.config.js +5 -1
  326. package/dist/css/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
  327. package/dist/css/es/components/ChipGroup/ChipGroup.config_1ozy5j1.css +10 -0
  328. package/dist/css/es/components/ChipGroup/ChipGroup.css +10 -8
  329. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  330. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  331. package/dist/css/es/components/Combobox/Combobox.config_1elyaeu.css +16 -0
  332. package/dist/css/es/components/Combobox/Combobox.css +15 -15
  333. package/dist/css/es/components/Counter/Counter.config.js +1 -1
  334. package/dist/css/es/components/Counter/Counter.config.js.map +1 -1
  335. package/dist/css/{cjs/components/Counter/Counter.config_v8zjz.css → es/components/Counter/Counter.config_l9wwow.css} +7 -7
  336. package/dist/css/es/components/Counter/Counter.css +12 -12
  337. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  338. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  339. package/dist/css/es/components/DatePicker/{DatePicker.config_1hfhdos.css → DatePicker.config_1uhtqzt.css} +5 -5
  340. package/dist/css/es/components/DatePicker/DatePicker.css +10 -10
  341. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  342. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  343. package/dist/css/es/components/DateTimePicker/{DateTimePicker.config_1tmejjb.css → DateTimePicker.config_1ssbeew.css} +5 -5
  344. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  345. package/dist/css/es/components/Divider/Divider.config.js +1 -1
  346. package/dist/css/es/components/Divider/Divider.config.js.map +1 -1
  347. package/dist/css/es/components/Divider/{Divider.config_1i0hy8y.css → Divider.config_13zqso5.css} +4 -4
  348. package/dist/css/es/components/Divider/Divider.css +7 -7
  349. package/dist/css/es/components/Drawer/Drawer.config.js +1 -1
  350. package/dist/css/es/components/Drawer/Drawer.config.js.map +1 -1
  351. package/dist/css/es/components/Drawer/Drawer.config_nplgv4.css +4 -0
  352. package/dist/css/es/components/Drawer/Drawer.css +4 -4
  353. package/dist/css/es/components/Dropdown/Dropdown.config.js +1 -1
  354. package/dist/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
  355. package/dist/css/{cjs/components/Dropdown/Dropdown.config_17xemvk.css → es/components/Dropdown/Dropdown.config_1v1nsgk.css} +1 -1
  356. package/dist/css/es/components/Dropdown/Dropdown.css +3 -3
  357. package/dist/css/es/components/Dropzone/Dropzone.config.js +1 -1
  358. package/dist/css/es/components/Dropzone/Dropzone.config.js.map +1 -1
  359. package/dist/css/es/components/Dropzone/{Dropzone.config_v0t4xn.css → Dropzone.config_fgg5ch.css} +1 -1
  360. package/dist/css/es/components/Dropzone/Dropzone.css +3 -3
  361. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js +1 -1
  362. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
  363. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config_x6z9g1.css +12 -0
  364. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.css +12 -12
  365. package/dist/css/es/components/EmptyState/EmptyState.config.js.map +1 -1
  366. package/dist/css/es/components/File/File.config.js +1 -1
  367. package/dist/css/es/components/File/File.config.js.map +1 -1
  368. package/dist/css/es/components/File/{File.config_s5y1t1.css → File.config_u2h4nj.css} +2 -2
  369. package/dist/css/es/components/File/File.css +5 -5
  370. package/dist/css/es/components/IconButton/IconButton.config.js +1 -1
  371. package/dist/css/es/components/IconButton/IconButton.config.js.map +1 -1
  372. package/dist/css/es/components/IconButton/IconButton.config_f2qjq3.css +15 -0
  373. package/dist/css/es/components/IconButton/IconButton.css +15 -15
  374. package/dist/css/es/components/Indicator/Indicator.config.js +1 -1
  375. package/dist/css/es/components/Indicator/Indicator.config.js.map +1 -1
  376. package/dist/css/es/components/Indicator/Indicator.config_11j9yyg.css +10 -0
  377. package/dist/css/es/components/Indicator/Indicator.css +10 -10
  378. package/dist/css/es/components/InformationWrapper/InformationWrapper.config.js +1 -1
  379. package/dist/css/es/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
  380. package/dist/css/{cjs/components/InformationWrapper/InformationWrapper.config_1glkttm.css → es/components/InformationWrapper/InformationWrapper.config_13ci8ae.css} +5 -5
  381. package/dist/css/es/components/InformationWrapper/InformationWrapper.css +12 -12
  382. package/dist/css/es/components/LinkButton/LinkButton.config.js +1 -1
  383. package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
  384. package/dist/css/es/components/LinkButton/LinkButton.config_n2ocb8.css +10 -0
  385. package/dist/css/es/components/LinkButton/LinkButton.css +10 -10
  386. package/dist/css/es/components/List/List.config.js +1 -1
  387. package/dist/css/es/components/List/List.config.js.map +1 -1
  388. package/dist/css/{cjs/components/List/List.config_1nc7mcq.css → es/components/List/List.config_1jh5p46.css} +1 -1
  389. package/dist/css/es/components/List/List.css +4 -4
  390. package/dist/css/es/components/Loader/Loader.config.js +1 -1
  391. package/dist/css/es/components/Loader/Loader.config.js.map +1 -1
  392. package/dist/css/es/components/Loader/{Loader.config_1a9i6et.css → Loader.config_1vt2ax5.css} +12 -12
  393. package/dist/css/es/components/Loader/Loader.css +14 -14
  394. package/dist/css/es/components/Modal/Modal.config.js +1 -1
  395. package/dist/css/es/components/Modal/Modal.config.js.map +1 -1
  396. package/dist/css/es/components/Modal/Modal.config_y4um4q.css +1 -0
  397. package/dist/css/es/components/Modal/Modal.css +1 -1
  398. package/dist/css/es/components/Note/Note.config.js +1 -1
  399. package/dist/css/es/components/Note/Note.config.js.map +1 -1
  400. package/dist/css/es/components/Note/Note.config_28e0re.css +11 -0
  401. package/dist/css/es/components/Note/Note.css +9 -9
  402. package/dist/css/es/components/Notification/Notification.config.js +1 -1
  403. package/dist/css/es/components/Notification/Notification.config.js.map +1 -1
  404. package/dist/css/es/components/Notification/Notification.config_11irsw3.css +9 -0
  405. package/dist/css/es/components/Notification/Notification.css +9 -9
  406. package/dist/css/es/components/NumberFormat/NumberFormat.css +19 -0
  407. package/dist/css/es/components/NumberFormat/NumberFormat.js +14 -0
  408. package/dist/css/es/components/NumberFormat/NumberFormat.js.map +1 -0
  409. package/dist/css/es/components/NumberInput/NumberInput.config.js +1 -1
  410. package/dist/css/es/components/NumberInput/NumberInput.config.js.map +1 -1
  411. package/dist/css/es/components/NumberInput/NumberInput.config_1ck68mu.css +14 -0
  412. package/dist/css/es/components/NumberInput/NumberInput.css +11 -11
  413. package/dist/css/es/components/Pagination/Pagination.config.js +1 -1
  414. package/dist/css/es/components/Pagination/Pagination.config.js.map +1 -1
  415. package/dist/css/es/components/Pagination/Pagination.config_yl52j6.css +10 -0
  416. package/dist/css/es/components/Pagination/Pagination.css +8 -8
  417. package/dist/css/es/components/Popover/Popover.config.js +1 -1
  418. package/dist/css/es/components/Popover/Popover.config.js.map +1 -1
  419. package/dist/css/es/components/Popover/Popover.config_1kl65iu.css +1 -0
  420. package/dist/css/es/components/Popover/Popover.css +1 -1
  421. package/dist/css/es/components/Progress/Progress.config.js +1 -1
  422. package/dist/css/es/components/Progress/Progress.config.js.map +1 -1
  423. package/dist/css/es/components/Progress/{Progress.config_1o154pe.css → Progress.config_1dg2e66.css} +11 -11
  424. package/dist/css/es/components/Progress/Progress.css +18 -18
  425. package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.config.js +1 -1
  426. package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
  427. package/dist/css/{cjs/components/ProgressBarCircular/ProgressBarCircular.config_1i2xqlo.css → es/components/ProgressBarCircular/ProgressBarCircular.config_cjslv1.css} +7 -7
  428. package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.css +14 -14
  429. package/dist/css/es/components/Radiobox/Radiobox.config.js +1 -1
  430. package/dist/css/es/components/Radiobox/Radiobox.config.js.map +1 -1
  431. package/dist/css/es/components/Radiobox/{Radiobox.config_70eup8.css → Radiobox.config_w0wn30.css} +2 -2
  432. package/dist/css/es/components/Radiobox/Radiobox.css +5 -5
  433. package/dist/css/es/components/Range/Range.config.js +1 -1
  434. package/dist/css/es/components/Range/Range.config.js.map +1 -1
  435. package/dist/css/{cjs/components/Range/Range.config_1a7m11u.css → es/components/Range/Range.config_j6sda.css} +3 -3
  436. package/dist/css/es/components/Range/Range.css +8 -8
  437. package/dist/css/es/components/Rating/Rating.config.js +1 -1
  438. package/dist/css/es/components/Rating/Rating.config.js.map +1 -1
  439. package/dist/css/es/components/Rating/{Rating.config_14tn2iy.css → Rating.config_1rg77c2.css} +2 -2
  440. package/dist/css/es/components/Rating/Rating.css +4 -4
  441. package/dist/css/es/components/Segment/Segment.css +14 -14
  442. package/dist/css/es/components/Segment/SegmentGroup.config.js +1 -1
  443. package/dist/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
  444. package/dist/css/es/components/Segment/{SegmentGroup.config_1ifixom.css → SegmentGroup.config_1grzj43.css} +3 -3
  445. package/dist/css/es/components/Segment/SegmentItem.config.js +1 -1
  446. package/dist/css/es/components/Segment/SegmentItem.config.js.map +1 -1
  447. package/dist/css/es/components/Segment/SegmentItem.config_m2p18e.css +8 -0
  448. package/dist/css/es/components/Select/Select.config.js +1 -1
  449. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  450. package/dist/css/es/components/Select/Select.config_4rotw5.css +22 -0
  451. package/dist/css/es/components/Select/Select.css +21 -21
  452. package/dist/css/es/components/Skeleton/LineSkeleton.config.js +1 -1
  453. package/dist/css/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
  454. package/dist/css/{cjs/components/Skeleton/LineSkeleton.config_184zb52.css → es/components/Skeleton/LineSkeleton.config_5nwhlj.css} +2 -2
  455. package/dist/css/es/components/Skeleton/Skeleton.css +20 -20
  456. package/dist/css/es/components/Slider/Slider.config.js +3 -2
  457. package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
  458. package/dist/css/es/components/Slider/Slider.config_1ou6gid.css +10 -0
  459. package/dist/css/es/components/Slider/Slider.css +10 -10
  460. package/dist/css/es/components/Spinner/Spinner.config.js +1 -1
  461. package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
  462. package/dist/css/es/components/Spinner/Spinner.config_1sal5bb.css +8 -0
  463. package/dist/css/es/components/Spinner/Spinner.css +8 -8
  464. package/dist/css/es/components/Switch/Switch.config.js +1 -1
  465. package/dist/css/es/components/Switch/Switch.config.js.map +1 -1
  466. package/dist/css/es/components/Switch/{Switch.config_1y3cre3.css → Switch.config_1m9c3eb.css} +2 -2
  467. package/dist/css/es/components/Switch/Switch.css +8 -8
  468. package/dist/css/es/components/Table/Table.config.js +1 -1
  469. package/dist/css/es/components/Table/Table.config.js.map +1 -1
  470. package/dist/css/es/components/Table/Table.config_n24o4n.css +5 -0
  471. package/dist/css/es/components/Table/Table.css +5 -5
  472. package/dist/css/es/components/Tabs/TabItem.css +37 -37
  473. package/dist/css/es/components/Tabs/Tabs.css +20 -20
  474. package/dist/css/es/components/Tabs/TabsController.css +28 -28
  475. package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  476. package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
  477. package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config_1qbx662.css +13 -0
  478. package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
  479. package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  480. package/dist/css/{cjs/components/Tabs/horizontal/HorizontalTabItem.config_1y4l4r3.css → es/components/Tabs/horizontal/HorizontalTabItem.config_kfsvxf.css} +4 -4
  481. package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
  482. package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
  483. package/dist/css/es/components/Tabs/horizontal/{HorizontalTabs.config_1ipjwno.css → HorizontalTabs.config_107w7mh.css} +3 -3
  484. package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
  485. package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
  486. package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config_17t4apu.css +5 -0
  487. package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  488. package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
  489. package/dist/css/es/components/Tabs/vertical/{VerticalTabItem.config_7ohxhp.css → VerticalTabItem.config_kj6siw.css} +1 -1
  490. package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js +1 -1
  491. package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
  492. package/dist/css/es/components/Tabs/vertical/{VerticalTabs.config_191jnci.css → VerticalTabs.config_3t4w0c.css} +1 -1
  493. package/dist/css/es/components/TextArea/TextArea.config.js +1 -1
  494. package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
  495. package/dist/css/es/components/TextArea/TextArea.config_1fkvylt.css +11 -0
  496. package/dist/css/es/components/TextArea/TextArea.css +11 -11
  497. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  498. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  499. package/dist/css/es/components/TextField/TextField.config_1ahnpc0.css +19 -0
  500. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  501. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  502. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_1pl0lc1.css → TextFieldGroup.config_103fro3.css} +2 -2
  503. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +7 -7
  504. package/dist/css/es/components/TimePicker/TimePicker.config.js +1 -1
  505. package/dist/css/es/components/TimePicker/TimePicker.config.js.map +1 -1
  506. package/dist/css/{cjs/components/TimePicker/TimePicker.config_1hpidyc.css → es/components/TimePicker/TimePicker.config_1lg77ee.css} +3 -3
  507. package/dist/css/es/components/TimePicker/TimePicker.css +10 -10
  508. package/dist/css/es/components/Toast/Toast.config.js +1 -1
  509. package/dist/css/es/components/Toast/Toast.config.js.map +1 -1
  510. package/dist/css/es/components/Toast/Toast.config_1tb1bwc.css +8 -0
  511. package/dist/css/es/components/Toast/Toast.css +8 -8
  512. package/dist/css/es/components/Toolbar/Toolbar.config.js +1 -1
  513. package/dist/css/es/components/Toolbar/Toolbar.config.js.map +1 -1
  514. package/dist/css/es/components/Toolbar/{Toolbar.config_5rr6yg.css → Toolbar.config_1gna4r3.css} +1 -1
  515. package/dist/css/es/components/Toolbar/Toolbar.css +3 -3
  516. package/dist/css/es/components/Tooltip/Tooltip.config.js +1 -1
  517. package/dist/css/es/components/Tooltip/Tooltip.config.js.map +1 -1
  518. package/dist/css/es/components/Tooltip/{Tooltip.config_lirx6o.css → Tooltip.config_q2hz1.css} +3 -3
  519. package/dist/css/es/components/Tooltip/Tooltip.css +3 -3
  520. package/dist/css/es/components/Typography/Body.config.js.map +1 -1
  521. package/dist/css/es/components/Typography/Dspl.config.js.map +1 -1
  522. package/dist/css/es/components/Typography/Heading.config.js.map +1 -1
  523. package/dist/css/es/components/Typography/Text.config.js.map +1 -1
  524. package/dist/css/es/index.css +701 -699
  525. package/dist/css/es/index.js +2 -1
  526. package/dist/css/es/index.js.map +1 -1
  527. package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +62 -61
  528. package/dist/styled-components/cjs/components/Attach/Attach.config.js +68 -67
  529. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +215 -214
  530. package/dist/styled-components/cjs/components/Avatar/Avatar.config.js +102 -101
  531. package/dist/styled-components/cjs/components/Badge/Badge.clear.config.js +8 -7
  532. package/dist/styled-components/cjs/components/Badge/Badge.config.js +37 -36
  533. package/dist/styled-components/cjs/components/Badge/Badge.transparent.config.js +15 -14
  534. package/dist/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.config.js +17 -16
  535. package/dist/styled-components/cjs/components/Button/Button.config.js +90 -89
  536. package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +109 -108
  537. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +113 -112
  538. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +113 -112
  539. package/dist/styled-components/cjs/components/Card/Card.config.js +2 -1
  540. package/dist/styled-components/cjs/components/Carousel/Carousel.config.js +9 -8
  541. package/dist/styled-components/cjs/components/Cell/Cell.config.js +85 -84
  542. package/dist/styled-components/cjs/components/Checkbox/Checkbox.config.js +35 -34
  543. package/dist/styled-components/cjs/components/Chip/Chip.config.js +104 -103
  544. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +53 -39
  545. package/dist/styled-components/cjs/components/CodeInput/CodeInput.config.js +36 -35
  546. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +325 -324
  547. package/dist/styled-components/cjs/components/Counter/Counter.config.js +45 -44
  548. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +278 -277
  549. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +469 -468
  550. package/dist/styled-components/cjs/components/Divider/Divider.config.js +5 -4
  551. package/dist/styled-components/cjs/components/Drawer/Drawer.config.js +5 -4
  552. package/dist/styled-components/cjs/components/Dropdown/Dropdown.config.js +27 -26
  553. package/dist/styled-components/cjs/components/Dropzone/Dropzone.config.js +21 -20
  554. package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js +48 -47
  555. package/dist/styled-components/cjs/components/EmptyState/EmptyState.config.js +25 -24
  556. package/dist/styled-components/cjs/components/File/File.config.js +48 -47
  557. package/dist/styled-components/cjs/components/IconButton/IconButton.config.js +60 -59
  558. package/dist/styled-components/cjs/components/Indicator/Indicator.config.js +9 -8
  559. package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js +140 -139
  560. package/dist/styled-components/cjs/components/Link/Link.config.js +59 -58
  561. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +67 -66
  562. package/dist/styled-components/cjs/components/List/List.config.js +23 -22
  563. package/dist/styled-components/cjs/components/Loader/Loader.config.js +78 -77
  564. package/dist/styled-components/cjs/components/Modal/Modal.config.js +7 -6
  565. package/dist/styled-components/cjs/components/Note/Note.config.js +44 -43
  566. package/dist/styled-components/cjs/components/Notification/Notification.config.js +93 -92
  567. package/dist/styled-components/cjs/components/NumberFormat/NumberFormat.js +13 -0
  568. package/dist/styled-components/cjs/components/NumberFormat/index.js +20 -0
  569. package/dist/styled-components/cjs/components/NumberInput/NumberInput.config.js +103 -102
  570. package/dist/styled-components/cjs/components/Pagination/Pagination.config.js +84 -83
  571. package/dist/styled-components/cjs/components/Popover/Popover.config.js +3 -2
  572. package/dist/styled-components/cjs/components/Progress/Progress.config.js +121 -120
  573. package/dist/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +64 -63
  574. package/dist/styled-components/cjs/components/Radiobox/Radiobox.config.js +30 -29
  575. package/dist/styled-components/cjs/components/Range/Range.config.js +129 -128
  576. package/dist/styled-components/cjs/components/Rating/Rating.config.js +32 -31
  577. package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.config.js +5 -4
  578. package/dist/styled-components/cjs/components/Segment/SegmentGroup.config.js +6 -5
  579. package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js +55 -54
  580. package/dist/styled-components/cjs/components/Select/Select.config.js +435 -434
  581. package/dist/styled-components/cjs/components/Sheet/Sheet.config.js +5 -4
  582. package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +43 -42
  583. package/dist/styled-components/cjs/components/Slider/Slider.config.js +123 -103
  584. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +9 -8
  585. package/dist/styled-components/cjs/components/Steps/StepItem.config.js +36 -35
  586. package/dist/styled-components/cjs/components/Steps/Steps.config.js +138 -137
  587. package/dist/styled-components/cjs/components/Switch/Switch.config.js +46 -45
  588. package/dist/styled-components/cjs/components/Table/Table.config.js +85 -84
  589. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +31 -30
  590. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +105 -104
  591. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +15 -14
  592. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js +9 -8
  593. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.config.js +32 -31
  594. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js +6 -5
  595. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +230 -229
  596. package/dist/styled-components/cjs/components/TextField/TextField.config.js +303 -302
  597. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +53 -52
  598. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +165 -164
  599. package/dist/styled-components/cjs/components/Toast/Toast.config.js +29 -28
  600. package/dist/styled-components/cjs/components/Toolbar/Toolbar.config.js +4 -3
  601. package/dist/styled-components/cjs/components/Tooltip/Tooltip.config.js +17 -16
  602. package/dist/styled-components/cjs/components/Tour/Tour.config.js +3 -2
  603. package/dist/styled-components/cjs/components/Tree/Tree.config.js +46 -45
  604. package/dist/styled-components/cjs/components/Typography/Body.config.js +41 -40
  605. package/dist/styled-components/cjs/components/Typography/Dspl.config.js +25 -24
  606. package/dist/styled-components/cjs/components/Typography/Heading.config.js +49 -48
  607. package/dist/styled-components/cjs/components/Typography/Text.config.js +33 -32
  608. package/dist/styled-components/cjs/index.js +1 -0
  609. package/dist/styled-components/es/components/Accordion/Accordion.config.js +62 -61
  610. package/dist/styled-components/es/components/Attach/Attach.config.js +68 -67
  611. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +215 -214
  612. package/dist/styled-components/es/components/Avatar/Avatar.config.js +102 -101
  613. package/dist/styled-components/es/components/Badge/Badge.clear.config.js +8 -7
  614. package/dist/styled-components/es/components/Badge/Badge.config.js +37 -36
  615. package/dist/styled-components/es/components/Badge/Badge.transparent.config.js +15 -14
  616. package/dist/styled-components/es/components/Breadcrumbs/Breadcrumbs.config.js +17 -16
  617. package/dist/styled-components/es/components/Button/Button.config.js +90 -89
  618. package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +109 -108
  619. package/dist/styled-components/es/components/Calendar/Calendar.config.js +113 -112
  620. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +113 -112
  621. package/dist/styled-components/es/components/Card/Card.config.js +2 -1
  622. package/dist/styled-components/es/components/Carousel/Carousel.config.js +9 -8
  623. package/dist/styled-components/es/components/Cell/Cell.config.js +85 -84
  624. package/dist/styled-components/es/components/Checkbox/Checkbox.config.js +35 -34
  625. package/dist/styled-components/es/components/Chip/Chip.config.js +104 -103
  626. package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +53 -39
  627. package/dist/styled-components/es/components/CodeInput/CodeInput.config.js +36 -35
  628. package/dist/styled-components/es/components/Combobox/Combobox.config.js +325 -324
  629. package/dist/styled-components/es/components/Counter/Counter.config.js +45 -44
  630. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +278 -277
  631. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +469 -468
  632. package/dist/styled-components/es/components/Divider/Divider.config.js +5 -4
  633. package/dist/styled-components/es/components/Drawer/Drawer.config.js +5 -4
  634. package/dist/styled-components/es/components/Dropdown/Dropdown.config.js +27 -26
  635. package/dist/styled-components/es/components/Dropzone/Dropzone.config.js +21 -20
  636. package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js +48 -47
  637. package/dist/styled-components/es/components/EmptyState/EmptyState.config.js +25 -24
  638. package/dist/styled-components/es/components/File/File.config.js +48 -47
  639. package/dist/styled-components/es/components/IconButton/IconButton.config.js +60 -59
  640. package/dist/styled-components/es/components/Indicator/Indicator.config.js +9 -8
  641. package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.config.js +140 -139
  642. package/dist/styled-components/es/components/Link/Link.config.js +59 -58
  643. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +67 -66
  644. package/dist/styled-components/es/components/List/List.config.js +23 -22
  645. package/dist/styled-components/es/components/Loader/Loader.config.js +78 -77
  646. package/dist/styled-components/es/components/Modal/Modal.config.js +7 -6
  647. package/dist/styled-components/es/components/Note/Note.config.js +44 -43
  648. package/dist/styled-components/es/components/Notification/Notification.config.js +93 -92
  649. package/dist/styled-components/es/components/NumberFormat/NumberFormat.js +3 -0
  650. package/dist/styled-components/es/components/NumberFormat/index.js +2 -0
  651. package/dist/styled-components/es/components/NumberInput/NumberInput.config.js +103 -102
  652. package/dist/styled-components/es/components/Pagination/Pagination.config.js +84 -83
  653. package/dist/styled-components/es/components/Popover/Popover.config.js +3 -2
  654. package/dist/styled-components/es/components/Progress/Progress.config.js +121 -120
  655. package/dist/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.config.js +64 -63
  656. package/dist/styled-components/es/components/Radiobox/Radiobox.config.js +30 -29
  657. package/dist/styled-components/es/components/Range/Range.config.js +129 -128
  658. package/dist/styled-components/es/components/Rating/Rating.config.js +32 -31
  659. package/dist/styled-components/es/components/Scrollbar/Scrollbar.config.js +5 -4
  660. package/dist/styled-components/es/components/Segment/SegmentGroup.config.js +6 -5
  661. package/dist/styled-components/es/components/Segment/SegmentItem.config.js +55 -54
  662. package/dist/styled-components/es/components/Select/Select.config.js +435 -434
  663. package/dist/styled-components/es/components/Sheet/Sheet.config.js +5 -4
  664. package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +43 -42
  665. package/dist/styled-components/es/components/Slider/Slider.config.js +123 -103
  666. package/dist/styled-components/es/components/Spinner/Spinner.config.js +9 -8
  667. package/dist/styled-components/es/components/Steps/StepItem.config.js +36 -35
  668. package/dist/styled-components/es/components/Steps/Steps.config.js +138 -137
  669. package/dist/styled-components/es/components/Switch/Switch.config.js +46 -45
  670. package/dist/styled-components/es/components/Table/Table.config.js +85 -84
  671. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +31 -30
  672. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +105 -104
  673. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +15 -14
  674. package/dist/styled-components/es/components/Tabs/vertical/VerticalIconTabItem.config.js +9 -8
  675. package/dist/styled-components/es/components/Tabs/vertical/VerticalTabItem.config.js +32 -31
  676. package/dist/styled-components/es/components/Tabs/vertical/VerticalTabs.config.js +6 -5
  677. package/dist/styled-components/es/components/TextArea/TextArea.config.js +230 -229
  678. package/dist/styled-components/es/components/TextField/TextField.config.js +303 -302
  679. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +53 -52
  680. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +165 -164
  681. package/dist/styled-components/es/components/Toast/Toast.config.js +29 -28
  682. package/dist/styled-components/es/components/Toolbar/Toolbar.config.js +4 -3
  683. package/dist/styled-components/es/components/Tooltip/Tooltip.config.js +17 -16
  684. package/dist/styled-components/es/components/Tour/Tour.config.js +3 -2
  685. package/dist/styled-components/es/components/Tree/Tree.config.js +46 -45
  686. package/dist/styled-components/es/components/Typography/Body.config.js +41 -40
  687. package/dist/styled-components/es/components/Typography/Dspl.config.js +25 -24
  688. package/dist/styled-components/es/components/Typography/Heading.config.js +49 -48
  689. package/dist/styled-components/es/components/Typography/Text.config.js +33 -32
  690. package/dist/styled-components/es/index.js +1 -0
  691. package/package.json +10 -10
  692. package/types/components/Avatar/Avatar.d.ts +4 -4
  693. package/types/components/ChipGroup/ChipGroup.config.d.ts +4 -0
  694. package/types/components/ChipGroup/ChipGroup.d.ts +4 -0
  695. package/types/components/NumberFormat/NumberFormat.d.ts +12 -0
  696. package/types/components/NumberFormat/index.d.ts +2 -0
  697. package/types/components/Slider/Slider.config.d.ts +1 -0
  698. package/types/components/Slider/Slider.d.ts +8 -4
  699. package/types/components/TimePicker/TimePicker.d.ts +2 -2
  700. package/types/index.d.ts +1 -0
  701. package/dist/css/cjs/components/Autocomplete/Autocomplete.config_eb4ip9.css +0 -13
  702. package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.config_1n4anhy.css +0 -3
  703. package/dist/css/cjs/components/Button/Button.config_1rff1xo.css +0 -18
  704. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config_1d97lnf.css +0 -22
  705. package/dist/css/cjs/components/Chip/Chip.config_o98ubt.css +0 -13
  706. package/dist/css/cjs/components/ChipGroup/ChipGroup.config_8eq5c3.css +0 -8
  707. package/dist/css/cjs/components/Combobox/Combobox.config_13f3b8v.css +0 -16
  708. package/dist/css/cjs/components/Drawer/Drawer.config_1kci8o2.css +0 -4
  709. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config_6fh25g.css +0 -12
  710. package/dist/css/cjs/components/IconButton/IconButton.config_lu3u6r.css +0 -15
  711. package/dist/css/cjs/components/Indicator/Indicator.config_1d2h80x.css +0 -10
  712. package/dist/css/cjs/components/LinkButton/LinkButton.config_1bq7pk7.css +0 -10
  713. package/dist/css/cjs/components/Modal/Modal.config_1c34cg3.css +0 -1
  714. package/dist/css/cjs/components/Note/Note.config_dtokv2.css +0 -11
  715. package/dist/css/cjs/components/Notification/Notification.config_ezdvol.css +0 -9
  716. package/dist/css/cjs/components/NumberInput/NumberInput.config_cuhirc.css +0 -14
  717. package/dist/css/cjs/components/Pagination/Pagination.config_14h9tx5.css +0 -10
  718. package/dist/css/cjs/components/Popover/Popover.config_3dyvg5.css +0 -1
  719. package/dist/css/cjs/components/Segment/SegmentItem.config_o1qkhl.css +0 -8
  720. package/dist/css/cjs/components/Select/Select.config_13gaguy.css +0 -22
  721. package/dist/css/cjs/components/Slider/Slider.config_lxv4o0.css +0 -10
  722. package/dist/css/cjs/components/Spinner/Spinner.config_3v70uw.css +0 -8
  723. package/dist/css/cjs/components/Table/Table.config_11seey5.css +0 -5
  724. package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config_155g560.css +0 -13
  725. package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config_94l4qo.css +0 -5
  726. package/dist/css/cjs/components/TextArea/TextArea.config_s8hwzj.css +0 -11
  727. package/dist/css/cjs/components/TextField/TextField.config_s6coqm.css +0 -19
  728. package/dist/css/cjs/components/TextField/TextField.css +0 -19
  729. package/dist/css/cjs/components/Toast/Toast.config_mtfyaa.css +0 -8
  730. package/dist/css/es/components/Autocomplete/Autocomplete.config_eb4ip9.css +0 -13
  731. package/dist/css/es/components/Breadcrumbs/Breadcrumbs.config_1n4anhy.css +0 -3
  732. package/dist/css/es/components/Button/Button.config_1rff1xo.css +0 -18
  733. package/dist/css/es/components/ButtonGroup/ButtonGroup.config_1d97lnf.css +0 -22
  734. package/dist/css/es/components/Chip/Chip.config_o98ubt.css +0 -13
  735. package/dist/css/es/components/ChipGroup/ChipGroup.config_8eq5c3.css +0 -8
  736. package/dist/css/es/components/Combobox/Combobox.config_13f3b8v.css +0 -16
  737. package/dist/css/es/components/Drawer/Drawer.config_1kci8o2.css +0 -4
  738. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config_6fh25g.css +0 -12
  739. package/dist/css/es/components/IconButton/IconButton.config_lu3u6r.css +0 -15
  740. package/dist/css/es/components/Indicator/Indicator.config_1d2h80x.css +0 -10
  741. package/dist/css/es/components/LinkButton/LinkButton.config_1bq7pk7.css +0 -10
  742. package/dist/css/es/components/Modal/Modal.config_1c34cg3.css +0 -1
  743. package/dist/css/es/components/Note/Note.config_dtokv2.css +0 -11
  744. package/dist/css/es/components/Notification/Notification.config_ezdvol.css +0 -9
  745. package/dist/css/es/components/NumberInput/NumberInput.config_cuhirc.css +0 -14
  746. package/dist/css/es/components/Pagination/Pagination.config_14h9tx5.css +0 -10
  747. package/dist/css/es/components/Popover/Popover.config_3dyvg5.css +0 -1
  748. package/dist/css/es/components/Segment/SegmentItem.config_o1qkhl.css +0 -8
  749. package/dist/css/es/components/Select/Select.config_13gaguy.css +0 -22
  750. package/dist/css/es/components/Slider/Slider.config_lxv4o0.css +0 -10
  751. package/dist/css/es/components/Spinner/Spinner.config_3v70uw.css +0 -8
  752. package/dist/css/es/components/Table/Table.config_11seey5.css +0 -5
  753. package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config_155g560.css +0 -13
  754. package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config_94l4qo.css +0 -5
  755. package/dist/css/es/components/TextArea/TextArea.config_s8hwzj.css +0 -11
  756. package/dist/css/es/components/TextField/TextField.config_s6coqm.css +0 -19
  757. package/dist/css/es/components/TextField/TextField.css +0 -19
  758. package/dist/css/es/components/Toast/Toast.config_mtfyaa.css +0 -8
package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { dateTimePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, h3, h3Bold, h4, h4Bold, h5, h5Bold, inverseTextPrimary, shadowDownHardM, shadowDownHardS, shadowDownSoftS, surfaceAccent, surfaceClear, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentPositive, surfaceTransparentPositiveActive, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentSecondary, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@salutejs/sdds-themes/tokens/sdds_scan';
2
3
  export const config = {
3
4
  defaults: {
4
5
  view: 'default',
@@ -9,91 +10,91 @@ export const config = {
9
10
  variations: {
10
11
  view: {
11
12
  default: css`
12
- ${tokens.outlineFocusColor}: var(--surface-accent);
13
-
14
- ${tokens.textFieldColor}: var(--text-primary);
15
- ${tokens.textFieldPlaceholderColor}: var(--text-secondary);
16
- ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
17
- ${tokens.textFieldCaretColor}: var(--text-accent);
18
-
19
- ${tokens.textFieldContentSlotColor}: var(--text-secondary);
20
- ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
21
- ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
22
- ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);
23
- ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
24
- ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
25
-
26
- ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
27
- ${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-active);
28
- ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
29
- ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
30
- ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
31
- ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);
32
- ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);
33
-
34
- ${tokens.labelColor}: var(--text-primary);
35
- ${tokens.leftHelperColor}: var(--text-secondary);
36
- ${tokens.leftHelperColorError}: var(--text-negative);
37
- ${tokens.leftHelperColorSuccess}: var(--text-positive);
38
-
39
- ${tokens.hintIconColor}: var(--text-secondary);
40
-
41
- ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
42
- ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
43
- ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
44
- ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
45
- ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
46
- ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
47
-
48
- ${tokens.indicatorColor}: var(--surface-negative);
49
-
50
- ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
51
- ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
52
-
53
- ${tokens.popoverShadow}: var(--shadow-down-soft-s);
54
- ${tokens.popoverSeparatorBackground}: var(--surface-transparent-secondary);
55
- ${tokens.popoverBackgroundColor}: var(--surface-solid-card);
56
-
57
- ${tokens.calendarSelectedItemBackground}: var(--surface-solid-default);
58
- ${tokens.calendarSelectedItemColor}: var(--inverse-text-primary);
59
- ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);
60
- ${tokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);
13
+ ${tokens.outlineFocusColor}: ${surfaceAccent};
14
+
15
+ ${tokens.textFieldColor}: ${textPrimary};
16
+ ${tokens.textFieldPlaceholderColor}: ${textSecondary};
17
+ ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};
18
+ ${tokens.textFieldCaretColor}: ${textAccent};
19
+
20
+ ${tokens.textFieldContentSlotColor}: ${textSecondary};
21
+ ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};
22
+ ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};
23
+ ${tokens.textFieldContentRightSlotColor}: ${textSecondary};
24
+ ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};
25
+ ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};
26
+
27
+ ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};
28
+ ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryActive};
29
+ ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};
30
+ ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};
31
+ ${tokens.textFieldBackgroundErrorColorFocus}: ${surfaceTransparentNegativeActive};
32
+ ${tokens.textFieldBackgroundSuccessColor}: ${surfaceTransparentPositive};
33
+ ${tokens.textFieldBackgroundSuccessColorFocus}: ${surfaceTransparentPositiveActive};
34
+
35
+ ${tokens.labelColor}: ${textPrimary};
36
+ ${tokens.leftHelperColor}: ${textSecondary};
37
+ ${tokens.leftHelperColorError}: ${textNegative};
38
+ ${tokens.leftHelperColorSuccess}: ${textPositive};
39
+
40
+ ${tokens.hintIconColor}: ${textSecondary};
41
+
42
+ ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};
43
+ ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};
44
+ ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};
45
+ ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};
46
+ ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};
47
+ ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
48
+
49
+ ${tokens.indicatorColor}: ${surfaceNegative};
50
+
51
+ ${tokens.textFieldTextBeforeColor}: ${textTertiary};
52
+ ${tokens.textFieldTextAfterColor}: ${textTertiary};
53
+
54
+ ${tokens.popoverShadow}: ${shadowDownSoftS};
55
+ ${tokens.popoverSeparatorBackground}: ${surfaceTransparentSecondary};
56
+ ${tokens.popoverBackgroundColor}: ${surfaceSolidCard};
57
+
58
+ ${tokens.calendarSelectedItemBackground}: ${surfaceSolidDefault};
59
+ ${tokens.calendarSelectedItemColor}: ${inverseTextPrimary};
60
+ ${tokens.calendarSelectableItemBackgroundHover}: ${surfaceTransparentSecondary};
61
+ ${tokens.calendarCurrentItemBorderColor}: ${surfaceSolidDefault};
61
62
  ${tokens.calendarCurrentItemBackgroundHover}: transparent;
62
- ${tokens.calendarCurrentItemColorHover}: var(--text-primary);
63
- ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);
64
- ${tokens.calendarActiveItemBackground}: var(--surface-solid-default);
65
- ${tokens.calendarActiveItemColor}: var(--inverse-text-primary);
66
- ${tokens.calendarHoveredItemBackground}: var(--surface-accent);
67
- ${tokens.calendarHoveredItemColor}: var(--text-primary);
68
- ${tokens.calendarRangeBackground}: var(--surface-transparent-secondary);
69
- ${tokens.calendarOutlineFocusColor}: var(--surface-accent);
70
- ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default);
71
- ${tokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
63
+ ${tokens.calendarCurrentItemColorHover}: ${textPrimary};
64
+ ${tokens.calendarCurrentItemChildBackgroundHover}: ${surfaceTransparentSecondary};
65
+ ${tokens.calendarActiveItemBackground}: ${surfaceSolidDefault};
66
+ ${tokens.calendarActiveItemColor}: ${inverseTextPrimary};
67
+ ${tokens.calendarHoveredItemBackground}: ${surfaceAccent};
68
+ ${tokens.calendarHoveredItemColor}: ${textPrimary};
69
+ ${tokens.calendarRangeBackground}: ${surfaceTransparentSecondary};
70
+ ${tokens.calendarOutlineFocusColor}: ${surfaceAccent};
71
+ ${tokens.calendarContentPrimaryColor}: ${surfaceSolidDefault};
72
+ ${tokens.calendarContentPrimaryDisabledColor}: ${surfaceSolidDefault};
72
73
  ${tokens.calendarHeaderArrowColor}: ${tokens.calendarContentPrimaryColor};
73
- ${tokens.calendarContentSecondaryColor}: var(--text-secondary);
74
- ${tokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);
74
+ ${tokens.calendarContentSecondaryColor}: ${textSecondary};
75
+ ${tokens.calendarContentSecondaryDisabledColor}: ${textSecondary};
75
76
  ${tokens.calendarDisabledOpacity}: 0.4;
76
- ${tokens.calendarSeparatorBackground}: var(--surface-transparent-secondary);
77
+ ${tokens.calendarSeparatorBackground}: ${surfaceTransparentSecondary};
77
78
 
78
- ${tokens.iconButtonColor}: var(--text-primary);
79
- ${tokens.iconButtonBackgroundColor}: var(--surface-clear);
80
- ${tokens.iconButtonColorHover}: var(--text-primary-hover);
81
- ${tokens.iconButtonBackgroundColorHover}: var(--surface-clear);
82
- ${tokens.iconButtonColorActive}: var(--text-primary-hover);
83
- ${tokens.iconButtonBackgroundColorActive}: var(--surface-clear);
84
- ${tokens.iconButtonFocusColor}: var(--surface-accent);
79
+ ${tokens.iconButtonColor}: ${textPrimary};
80
+ ${tokens.iconButtonBackgroundColor}: ${surfaceClear};
81
+ ${tokens.iconButtonColorHover}: ${textPrimaryHover};
82
+ ${tokens.iconButtonBackgroundColorHover}: ${surfaceClear};
83
+ ${tokens.iconButtonColorActive}: ${textPrimaryHover};
84
+ ${tokens.iconButtonBackgroundColorActive}: ${surfaceClear};
85
+ ${tokens.iconButtonFocusColor}: ${surfaceAccent};
85
86
 
86
- ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);
87
- ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-s);
88
- ${tokens.tooltipColor}: var(--text-primary);
87
+ ${tokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};
88
+ ${tokens.tooltipBoxShadow}: ${shadowDownHardS};
89
+ ${tokens.tooltipColor}: ${textPrimary};
89
90
 
90
- ${tokens.timePickerItemBackgroundHover}: var(--surface-transparent-secondary);
91
- ${tokens.timePickerItemBackgroundActive}: var(--surface-transparent-secondary);
92
- ${tokens.timePickerScrollbarColor}: var(--surface-transparent-tertiary);
93
- ${tokens.timePickerScrollbarTrackColor}: var(--surface-transparent-primary);
91
+ ${tokens.timePickerItemBackgroundHover}: ${surfaceTransparentSecondary};
92
+ ${tokens.timePickerItemBackgroundActive}: ${surfaceTransparentSecondary};
93
+ ${tokens.timePickerScrollbarColor}: ${surfaceTransparentTertiary};
94
+ ${tokens.timePickerScrollbarTrackColor}: ${surfaceTransparentPrimary};
94
95
 
95
- ${tokens.shortcutColor}: var(--text-primary);
96
- ${tokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
96
+ ${tokens.shortcutColor}: ${textPrimary};
97
+ ${tokens.shortcutBackgroundHover}: ${surfaceTransparentSecondary};
97
98
 
98
99
  ${tokens.timeGridDisabledOpacity}: 0.4;
99
100
  `
@@ -114,30 +115,30 @@ export const config = {
114
115
  ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
115
116
  ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
116
117
 
117
- ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
118
- ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
119
- ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
120
- ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
121
- ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
122
- ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
118
+ ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};
119
+ ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};
120
+ ${tokens.textFieldFontSize}: ${bodyL.fontSize};
121
+ ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};
122
+ ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};
123
+ ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};
123
124
 
124
125
  ${tokens.labelOffset}: 0.75rem;
125
126
  ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
126
127
  ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
127
128
 
128
- ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
129
- ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
130
- ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
131
- ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
132
- ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
133
- ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
129
+ ${tokens.labelFontFamily}: ${bodyL.fontFamily};
130
+ ${tokens.labelFontStyle}: ${bodyL.fontStyle};
131
+ ${tokens.labelFontSize}: ${bodyL.fontSize};
132
+ ${tokens.labelFontWeight}: ${bodyL.fontWeight};
133
+ ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
134
+ ${tokens.labelLineHeight}: ${bodyL.lineHeight};
134
135
 
135
- ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
136
- ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
137
- ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
138
- ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
139
- ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
140
- ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
136
+ ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};
137
+ ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};
138
+ ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};
139
+ ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};
140
+ ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};
141
+ ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
141
142
 
142
143
  ${tokens.indicatorSize}: 0.5rem;
143
144
  ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -147,12 +148,12 @@ export const config = {
147
148
  ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;
148
149
 
149
150
  ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
150
- ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
151
- ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
152
- ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
153
- ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
154
- ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
155
- ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
151
+ ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
152
+ ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
153
+ ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
154
+ ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
155
+ ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
156
+ ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
156
157
 
157
158
  ${tokens.hintMargin}: -0.688rem -0.5rem;
158
159
  ${tokens.hintTargetSize}: 2.375rem;
@@ -169,46 +170,46 @@ export const config = {
169
170
  ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;
170
171
  ${tokens.calendarYearItemBorderRadius}: 0.875rem;
171
172
 
172
- ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);
173
- ${tokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);
174
- ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);
175
- ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
176
- ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);
177
- ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);
178
- ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
173
+ ${tokens.calendarYearFontFamily}: ${bodyL.fontFamily};
174
+ ${tokens.calendarYearFontSize}: ${bodyL.fontSize};
175
+ ${tokens.calendarYearFontStyle}: ${bodyL.fontStyle};
176
+ ${tokens.calendarYearFontLetterSpacing}: ${bodyL.letterSpacing};
177
+ ${tokens.calendarYearFontLineHeight}: ${bodyL.lineHeight};
178
+ ${tokens.calendarYearFontWeight}: ${bodyL.fontWeight};
179
+ ${tokens.calendarYearSelectedFontWeight}: ${bodyLBold.fontWeight};
179
180
 
180
181
  ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;
181
182
  ${tokens.calendarMonthItemBorderRadius}: 0.875rem;
182
183
 
183
- ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);
184
- ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);
185
- ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);
186
- ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
187
- ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);
188
- ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);
189
- ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
184
+ ${tokens.calendarMonthFontFamily}: ${bodyL.fontFamily};
185
+ ${tokens.calendarMonthFontSize}: ${bodyL.fontSize};
186
+ ${tokens.calendarMonthFontStyle}: ${bodyL.fontStyle};
187
+ ${tokens.calendarMonthFontLetterSpacing}: ${bodyL.letterSpacing};
188
+ ${tokens.calendarMonthFontLineHeight}: ${bodyL.lineHeight};
189
+ ${tokens.calendarMonthFontWeight}: ${bodyL.fontWeight};
190
+ ${tokens.calendarMonthSelectedFontWeight}: ${bodyLBold.fontWeight};
190
191
 
191
192
  ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;
192
193
  ${tokens.calendarQuarterItemBorderRadius}: 0.875rem;
193
194
 
194
- ${tokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);
195
- ${tokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);
196
- ${tokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);
197
- ${tokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
198
- ${tokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);
199
- ${tokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);
200
- ${tokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
195
+ ${tokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};
196
+ ${tokens.calendarQuarterFontSize}: ${bodyL.fontSize};
197
+ ${tokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};
198
+ ${tokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};
199
+ ${tokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};
200
+ ${tokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};
201
+ ${tokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};
201
202
 
202
203
  ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;
203
204
  ${tokens.calendarDayItemBorderRadius}: 0.875rem;
204
205
 
205
- ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);
206
- ${tokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);
207
- ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);
208
- ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
209
- ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);
210
- ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);
211
- ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
206
+ ${tokens.calendarDayFontFamily}: ${bodyL.fontFamily};
207
+ ${tokens.calendarDayFontSize}: ${bodyL.fontSize};
208
+ ${tokens.calendarDayFontStyle}: ${bodyL.fontStyle};
209
+ ${tokens.calendarDayFontLetterSpacing}: ${bodyL.letterSpacing};
210
+ ${tokens.calendarDayFontLineHeight}: ${bodyL.lineHeight};
211
+ ${tokens.calendarDayFontWeight}: ${bodyL.fontWeight};
212
+ ${tokens.calendarDaySelectedFontWeight}: ${bodyLBold.fontWeight};
212
213
 
213
214
  ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;
214
215
 
@@ -219,13 +220,13 @@ export const config = {
219
220
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
220
221
  ${tokens.calendarHeaderDateGap}: 0.25rem;
221
222
 
222
- ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);
223
- ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);
224
- ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);
225
- ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
226
- ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);
227
- ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);
228
- ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);
223
+ ${tokens.calendarHeaderFontFamily}: ${h3.fontFamily};
224
+ ${tokens.calendarHeaderFontSize}: ${h3.fontSize};
225
+ ${tokens.calendarHeaderFontStyle}: ${h3.fontStyle};
226
+ ${tokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};
227
+ ${tokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};
228
+ ${tokens.calendarHeaderFontWeight}: ${h3.fontWeight};
229
+ ${tokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};
229
230
 
230
231
  ${tokens.iconButtonHeight}: 4rem;
231
232
  ${tokens.iconButtonWidth}: 4rem;
@@ -238,21 +239,21 @@ export const config = {
238
239
  ${tokens.timePickerItemHeight}: 4rem;
239
240
  ${tokens.timePickerItemBorderRadius}: 0.875rem;
240
241
  ${tokens.timePickerItemPadding}: 0;
241
- ${tokens.timePickerItemFontFamily}: var(--plasma-typo-body-l-font-family);
242
- ${tokens.timePickerItemFontStyle}: var(--plasma-typo-body-l-font-style);
243
- ${tokens.timePickerItemFontSize}: var(--plasma-typo-body-l-font-size);
244
- ${tokens.timePickerItemFontWeight}: var(--plasma-typo-body-l-font-weight);
245
- ${tokens.timePickerItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
246
- ${tokens.timePickerItemLineHeight}: var(--plasma-typo-body-l-line-height);
242
+ ${tokens.timePickerItemFontFamily}: ${bodyL.fontFamily};
243
+ ${tokens.timePickerItemFontStyle}: ${bodyL.fontStyle};
244
+ ${tokens.timePickerItemFontSize}: ${bodyL.fontSize};
245
+ ${tokens.timePickerItemFontWeight}: ${bodyL.fontWeight};
246
+ ${tokens.timePickerItemLetterSpacing}: ${bodyL.letterSpacing};
247
+ ${tokens.timePickerItemLineHeight}: ${bodyL.lineHeight};
247
248
  ${tokens.timePickerScrollbarWidth}: 0.125rem;
248
249
  ${tokens.timePickerScrollbarMargin}: 0.5rem;
249
250
 
250
- ${tokens.shortcutFontFamily}: var(--plasma-typo-body-l-font-family);
251
- ${tokens.shortcutFontStyle}: var(--plasma-typo-body-l-font-style);
252
- ${tokens.shortcutFontSize}: var(--plasma-typo-body-l-font-size);
253
- ${tokens.shortcutFontWeight}: var(--plasma-typo-body-l-font-weight);
254
- ${tokens.shortcutLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
255
- ${tokens.shortcutLineHeight}: var(--plasma-typo-body-l-line-height);
251
+ ${tokens.shortcutFontFamily}: ${bodyL.fontFamily};
252
+ ${tokens.shortcutFontStyle}: ${bodyL.fontStyle};
253
+ ${tokens.shortcutFontSize}: ${bodyL.fontSize};
254
+ ${tokens.shortcutFontWeight}: ${bodyL.fontWeight};
255
+ ${tokens.shortcutLetterSpacing}: ${bodyL.letterSpacing};
256
+ ${tokens.shortcutLineHeight}: ${bodyL.lineHeight};
256
257
 
257
258
  ${tokens.shortcutPadding}: 1.313rem 0.875rem;
258
259
  ${tokens.shortcutGap}: 0.375rem;
@@ -273,30 +274,30 @@ export const config = {
273
274
  ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
274
275
  ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
275
276
 
276
- ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
277
- ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
278
- ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
279
- ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
280
- ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
281
- ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
277
+ ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};
278
+ ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};
279
+ ${tokens.textFieldFontSize}: ${bodyL.fontSize};
280
+ ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};
281
+ ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};
282
+ ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};
282
283
 
283
284
  ${tokens.labelOffset}: 0.75rem;
284
285
  ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
285
286
  ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
286
287
 
287
- ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
288
- ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
289
- ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
290
- ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
291
- ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
292
- ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
288
+ ${tokens.labelFontFamily}: ${bodyL.fontFamily};
289
+ ${tokens.labelFontStyle}: ${bodyL.fontStyle};
290
+ ${tokens.labelFontSize}: ${bodyL.fontSize};
291
+ ${tokens.labelFontWeight}: ${bodyL.fontWeight};
292
+ ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
293
+ ${tokens.labelLineHeight}: ${bodyL.lineHeight};
293
294
 
294
- ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
295
- ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
296
- ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
297
- ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
298
- ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
299
- ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
295
+ ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};
296
+ ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};
297
+ ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};
298
+ ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};
299
+ ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};
300
+ ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
300
301
 
301
302
  ${tokens.indicatorSize}: 0.5rem;
302
303
  ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -306,12 +307,12 @@ export const config = {
306
307
  ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;
307
308
 
308
309
  ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
309
- ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
310
- ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
311
- ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
312
- ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
313
- ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
314
- ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
310
+ ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
311
+ ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
312
+ ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
313
+ ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
314
+ ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
315
+ ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
315
316
 
316
317
  ${tokens.hintMargin}: -0.688rem -0.5rem;
317
318
  ${tokens.hintTargetSize}: 2.375rem;
@@ -328,46 +329,46 @@ export const config = {
328
329
  ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;
329
330
  ${tokens.calendarYearItemBorderRadius}: 0.75rem;
330
331
 
331
- ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);
332
- ${tokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);
333
- ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);
334
- ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
335
- ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);
336
- ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);
337
- ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
332
+ ${tokens.calendarYearFontFamily}: ${bodyL.fontFamily};
333
+ ${tokens.calendarYearFontSize}: ${bodyL.fontSize};
334
+ ${tokens.calendarYearFontStyle}: ${bodyL.fontStyle};
335
+ ${tokens.calendarYearFontLetterSpacing}: ${bodyL.letterSpacing};
336
+ ${tokens.calendarYearFontLineHeight}: ${bodyL.lineHeight};
337
+ ${tokens.calendarYearFontWeight}: ${bodyL.fontWeight};
338
+ ${tokens.calendarYearSelectedFontWeight}: ${bodyLBold.fontWeight};
338
339
 
339
340
  ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;
340
341
  ${tokens.calendarMonthItemBorderRadius}: 0.75rem;
341
342
 
342
- ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);
343
- ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);
344
- ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);
345
- ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
346
- ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);
347
- ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);
348
- ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
343
+ ${tokens.calendarMonthFontFamily}: ${bodyL.fontFamily};
344
+ ${tokens.calendarMonthFontSize}: ${bodyL.fontSize};
345
+ ${tokens.calendarMonthFontStyle}: ${bodyL.fontStyle};
346
+ ${tokens.calendarMonthFontLetterSpacing}: ${bodyL.letterSpacing};
347
+ ${tokens.calendarMonthFontLineHeight}: ${bodyL.lineHeight};
348
+ ${tokens.calendarMonthFontWeight}: ${bodyL.fontWeight};
349
+ ${tokens.calendarMonthSelectedFontWeight}: ${bodyLBold.fontWeight};
349
350
 
350
351
  ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;
351
352
  ${tokens.calendarQuarterItemBorderRadius}: 0.75rem;
352
353
 
353
- ${tokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);
354
- ${tokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);
355
- ${tokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);
356
- ${tokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
357
- ${tokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);
358
- ${tokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);
359
- ${tokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
354
+ ${tokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};
355
+ ${tokens.calendarQuarterFontSize}: ${bodyL.fontSize};
356
+ ${tokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};
357
+ ${tokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};
358
+ ${tokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};
359
+ ${tokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};
360
+ ${tokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};
360
361
 
361
362
  ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;
362
363
  ${tokens.calendarDayItemBorderRadius}: 0.75rem;
363
364
 
364
- ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);
365
- ${tokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);
366
- ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);
367
- ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
368
- ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);
369
- ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);
370
- ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
365
+ ${tokens.calendarDayFontFamily}: ${bodyL.fontFamily};
366
+ ${tokens.calendarDayFontSize}: ${bodyL.fontSize};
367
+ ${tokens.calendarDayFontStyle}: ${bodyL.fontStyle};
368
+ ${tokens.calendarDayFontLetterSpacing}: ${bodyL.letterSpacing};
369
+ ${tokens.calendarDayFontLineHeight}: ${bodyL.lineHeight};
370
+ ${tokens.calendarDayFontWeight}: ${bodyL.fontWeight};
371
+ ${tokens.calendarDaySelectedFontWeight}: ${bodyLBold.fontWeight};
371
372
 
372
373
  ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;
373
374
 
@@ -378,13 +379,13 @@ export const config = {
378
379
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
379
380
  ${tokens.calendarHeaderDateGap}: 0.5rem;
380
381
 
381
- ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);
382
- ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);
383
- ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);
384
- ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
385
- ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);
386
- ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);
387
- ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);
382
+ ${tokens.calendarHeaderFontFamily}: ${h3.fontFamily};
383
+ ${tokens.calendarHeaderFontSize}: ${h3.fontSize};
384
+ ${tokens.calendarHeaderFontStyle}: ${h3.fontStyle};
385
+ ${tokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};
386
+ ${tokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};
387
+ ${tokens.calendarHeaderFontWeight}: ${h3.fontWeight};
388
+ ${tokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};
388
389
 
389
390
  ${tokens.iconButtonHeight}: 3.5rem;
390
391
  ${tokens.iconButtonWidth}: 3.5rem;
@@ -397,21 +398,21 @@ export const config = {
397
398
  ${tokens.timePickerItemHeight}: 3.5rem;
398
399
  ${tokens.timePickerItemBorderRadius}: 0.75rem;
399
400
  ${tokens.timePickerItemPadding}: 0;
400
- ${tokens.timePickerItemFontFamily}: var(--plasma-typo-body-l-font-family);
401
- ${tokens.timePickerItemFontStyle}: var(--plasma-typo-body-l-font-style);
402
- ${tokens.timePickerItemFontSize}: var(--plasma-typo-body-l-font-size);
403
- ${tokens.timePickerItemFontWeight}: var(--plasma-typo-body-l-font-weight);
404
- ${tokens.timePickerItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
405
- ${tokens.timePickerItemLineHeight}: var(--plasma-typo-body-l-line-height);
401
+ ${tokens.timePickerItemFontFamily}: ${bodyL.fontFamily};
402
+ ${tokens.timePickerItemFontStyle}: ${bodyL.fontStyle};
403
+ ${tokens.timePickerItemFontSize}: ${bodyL.fontSize};
404
+ ${tokens.timePickerItemFontWeight}: ${bodyL.fontWeight};
405
+ ${tokens.timePickerItemLetterSpacing}: ${bodyL.letterSpacing};
406
+ ${tokens.timePickerItemLineHeight}: ${bodyL.lineHeight};
406
407
  ${tokens.timePickerScrollbarWidth}: 0.125rem;
407
408
  ${tokens.timePickerScrollbarMargin}: 0.5rem;
408
409
 
409
- ${tokens.shortcutFontFamily}: var(--plasma-typo-body-l-font-family);
410
- ${tokens.shortcutFontStyle}: var(--plasma-typo-body-l-font-style);
411
- ${tokens.shortcutFontSize}: var(--plasma-typo-body-l-font-size);
412
- ${tokens.shortcutFontWeight}: var(--plasma-typo-body-l-font-weight);
413
- ${tokens.shortcutLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
414
- ${tokens.shortcutLineHeight}: var(--plasma-typo-body-l-line-height);
410
+ ${tokens.shortcutFontFamily}: ${bodyL.fontFamily};
411
+ ${tokens.shortcutFontStyle}: ${bodyL.fontStyle};
412
+ ${tokens.shortcutFontSize}: ${bodyL.fontSize};
413
+ ${tokens.shortcutFontWeight}: ${bodyL.fontWeight};
414
+ ${tokens.shortcutLetterSpacing}: ${bodyL.letterSpacing};
415
+ ${tokens.shortcutLineHeight}: ${bodyL.lineHeight};
415
416
 
416
417
  ${tokens.shortcutPadding}: 1.063rem 0.75rem;
417
418
  ${tokens.shortcutGap}: 0.375rem;
@@ -432,30 +433,30 @@ export const config = {
432
433
  ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
433
434
  ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
434
435
 
435
- ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
436
- ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
437
- ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
438
- ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
439
- ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
440
- ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
436
+ ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};
437
+ ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};
438
+ ${tokens.textFieldFontSize}: ${bodyM.fontSize};
439
+ ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};
440
+ ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};
441
+ ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};
441
442
 
442
443
  ${tokens.labelOffset}: 0.625rem;
443
444
  ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
444
445
  ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
445
446
 
446
- ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
447
- ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
448
- ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
449
- ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
450
- ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
451
- ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
447
+ ${tokens.labelFontFamily}: ${bodyM.fontFamily};
448
+ ${tokens.labelFontStyle}: ${bodyM.fontStyle};
449
+ ${tokens.labelFontSize}: ${bodyM.fontSize};
450
+ ${tokens.labelFontWeight}: ${bodyM.fontWeight};
451
+ ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
452
+ ${tokens.labelLineHeight}: ${bodyM.lineHeight};
452
453
 
453
- ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
454
- ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
455
- ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
456
- ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
457
- ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
458
- ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
454
+ ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};
455
+ ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};
456
+ ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};
457
+ ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};
458
+ ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};
459
+ ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
459
460
 
460
461
  ${tokens.indicatorSize}: 0.5rem;
461
462
  ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -465,12 +466,12 @@ export const config = {
465
466
  ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;
466
467
 
467
468
  ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
468
- ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
469
- ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
470
- ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
471
- ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
472
- ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
473
- ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
469
+ ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
470
+ ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
471
+ ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
472
+ ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
473
+ ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
474
+ ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
474
475
 
475
476
  ${tokens.hintMargin}: -0.688rem -0.5rem;
476
477
  ${tokens.hintTargetSize}: 2.375rem;
@@ -487,46 +488,46 @@ export const config = {
487
488
  ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;
488
489
  ${tokens.calendarYearItemBorderRadius}: 0.625rem;
489
490
 
490
- ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family);
491
- ${tokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size);
492
- ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style);
493
- ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
494
- ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height);
495
- ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);
496
- ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
491
+ ${tokens.calendarYearFontFamily}: ${bodyM.fontFamily};
492
+ ${tokens.calendarYearFontSize}: ${bodyM.fontSize};
493
+ ${tokens.calendarYearFontStyle}: ${bodyM.fontStyle};
494
+ ${tokens.calendarYearFontLetterSpacing}: ${bodyM.letterSpacing};
495
+ ${tokens.calendarYearFontLineHeight}: ${bodyM.lineHeight};
496
+ ${tokens.calendarYearFontWeight}: ${bodyM.fontWeight};
497
+ ${tokens.calendarYearSelectedFontWeight}: ${bodyMBold.fontWeight};
497
498
 
498
499
  ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;
499
500
  ${tokens.calendarMonthItemBorderRadius}: 0.625rem;
500
501
 
501
- ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family);
502
- ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size);
503
- ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style);
504
- ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
505
- ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height);
506
- ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight);
507
- ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
502
+ ${tokens.calendarMonthFontFamily}: ${bodyM.fontFamily};
503
+ ${tokens.calendarMonthFontSize}: ${bodyM.fontSize};
504
+ ${tokens.calendarMonthFontStyle}: ${bodyM.fontStyle};
505
+ ${tokens.calendarMonthFontLetterSpacing}: ${bodyM.letterSpacing};
506
+ ${tokens.calendarMonthFontLineHeight}: ${bodyM.lineHeight};
507
+ ${tokens.calendarMonthFontWeight}: ${bodyM.fontWeight};
508
+ ${tokens.calendarMonthSelectedFontWeight}: ${bodyMBold.fontWeight};
508
509
 
509
510
  ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;
510
511
  ${tokens.calendarQuarterItemBorderRadius}: 0.625rem;
511
512
 
512
- ${tokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);
513
- ${tokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);
514
- ${tokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);
515
- ${tokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
516
- ${tokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);
517
- ${tokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);
518
- ${tokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
513
+ ${tokens.calendarQuarterFontFamily}: ${bodyM.fontFamily};
514
+ ${tokens.calendarQuarterFontSize}: ${bodyM.fontSize};
515
+ ${tokens.calendarQuarterFontStyle}: ${bodyM.fontStyle};
516
+ ${tokens.calendarQuarterFontLetterSpacing}: ${bodyM.letterSpacing};
517
+ ${tokens.calendarQuarterFontLineHeight}: ${bodyM.lineHeight};
518
+ ${tokens.calendarQuarterFontWeight}: ${bodyM.fontWeight};
519
+ ${tokens.calendarQuarterSelectedFontWeight}: ${bodyMBold.fontWeight};
519
520
 
520
521
  ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;
521
522
  ${tokens.calendarDayItemBorderRadius}: 0.625rem;
522
523
 
523
- ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family);
524
- ${tokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size);
525
- ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style);
526
- ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
527
- ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height);
528
- ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight);
529
- ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
524
+ ${tokens.calendarDayFontFamily}: ${bodyM.fontFamily};
525
+ ${tokens.calendarDayFontSize}: ${bodyM.fontSize};
526
+ ${tokens.calendarDayFontStyle}: ${bodyM.fontStyle};
527
+ ${tokens.calendarDayFontLetterSpacing}: ${bodyM.letterSpacing};
528
+ ${tokens.calendarDayFontLineHeight}: ${bodyM.lineHeight};
529
+ ${tokens.calendarDayFontWeight}: ${bodyM.fontWeight};
530
+ ${tokens.calendarDaySelectedFontWeight}: ${bodyMBold.fontWeight};
530
531
 
531
532
  ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;
532
533
 
@@ -537,13 +538,13 @@ export const config = {
537
538
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
538
539
  ${tokens.calendarHeaderDateGap}: 0.25rem;
539
540
 
540
- ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);
541
- ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);
542
- ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);
543
- ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
544
- ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);
545
- ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);
546
- ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);
541
+ ${tokens.calendarHeaderFontFamily}: ${h4.fontFamily};
542
+ ${tokens.calendarHeaderFontSize}: ${h4.fontSize};
543
+ ${tokens.calendarHeaderFontStyle}: ${h4.fontStyle};
544
+ ${tokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};
545
+ ${tokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};
546
+ ${tokens.calendarHeaderFontWeight}: ${h4.fontWeight};
547
+ ${tokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};
547
548
 
548
549
  ${tokens.iconButtonHeight}: 3rem;
549
550
  ${tokens.iconButtonWidth}: 3rem;
@@ -556,21 +557,21 @@ export const config = {
556
557
  ${tokens.timePickerItemHeight}: 3rem;
557
558
  ${tokens.timePickerItemBorderRadius}: 0.625rem;
558
559
  ${tokens.timePickerItemPadding}: 0;
559
- ${tokens.timePickerItemFontFamily}: var(--plasma-typo-body-m-font-family);
560
- ${tokens.timePickerItemFontStyle}: var(--plasma-typo-body-m-font-style);
561
- ${tokens.timePickerItemFontSize}: var(--plasma-typo-body-m-font-size);
562
- ${tokens.timePickerItemFontWeight}: var(--plasma-typo-body-m-font-weight);
563
- ${tokens.timePickerItemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
564
- ${tokens.timePickerItemLineHeight}: var(--plasma-typo-body-m-line-height);
560
+ ${tokens.timePickerItemFontFamily}: ${bodyM.fontFamily};
561
+ ${tokens.timePickerItemFontStyle}: ${bodyM.fontStyle};
562
+ ${tokens.timePickerItemFontSize}: ${bodyM.fontSize};
563
+ ${tokens.timePickerItemFontWeight}: ${bodyM.fontWeight};
564
+ ${tokens.timePickerItemLetterSpacing}: ${bodyM.letterSpacing};
565
+ ${tokens.timePickerItemLineHeight}: ${bodyM.lineHeight};
565
566
  ${tokens.timePickerScrollbarWidth}: 0.125rem;
566
567
  ${tokens.timePickerScrollbarMargin}: 0.5rem;
567
568
 
568
- ${tokens.shortcutFontFamily}: var(--plasma-typo-body-m-font-family);
569
- ${tokens.shortcutFontStyle}: var(--plasma-typo-body-m-font-style);
570
- ${tokens.shortcutFontSize}: var(--plasma-typo-body-m-font-size);
571
- ${tokens.shortcutFontWeight}: var(--plasma-typo-body-m-font-weight);
572
- ${tokens.shortcutLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
573
- ${tokens.shortcutLineHeight}: var(--plasma-typo-body-m-line-height);
569
+ ${tokens.shortcutFontFamily}: ${bodyM.fontFamily};
570
+ ${tokens.shortcutFontStyle}: ${bodyM.fontStyle};
571
+ ${tokens.shortcutFontSize}: ${bodyM.fontSize};
572
+ ${tokens.shortcutFontWeight}: ${bodyM.fontWeight};
573
+ ${tokens.shortcutLetterSpacing}: ${bodyM.letterSpacing};
574
+ ${tokens.shortcutLineHeight}: ${bodyM.lineHeight};
574
575
 
575
576
  ${tokens.shortcutPadding}: 0.875rem 0.625rem;
576
577
  ${tokens.shortcutGap}: 0.375rem;
@@ -591,30 +592,30 @@ export const config = {
591
592
  ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
592
593
  ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
593
594
 
594
- ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
595
- ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
596
- ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
597
- ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
598
- ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
599
- ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
595
+ ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};
596
+ ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};
597
+ ${tokens.textFieldFontSize}: ${bodyS.fontSize};
598
+ ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};
599
+ ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};
600
+ ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};
600
601
 
601
602
  ${tokens.labelOffset}: 0.5rem;
602
603
  ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
603
604
  ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
604
605
 
605
- ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
606
- ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
607
- ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
608
- ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
609
- ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
610
- ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
606
+ ${tokens.labelFontFamily}: ${bodyS.fontFamily};
607
+ ${tokens.labelFontStyle}: ${bodyS.fontStyle};
608
+ ${tokens.labelFontSize}: ${bodyS.fontSize};
609
+ ${tokens.labelFontWeight}: ${bodyS.fontWeight};
610
+ ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
611
+ ${tokens.labelLineHeight}: ${bodyS.lineHeight};
611
612
 
612
- ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
613
- ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
614
- ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
615
- ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
616
- ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
617
- ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
613
+ ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};
614
+ ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};
615
+ ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};
616
+ ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};
617
+ ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};
618
+ ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
618
619
 
619
620
  ${tokens.indicatorSize}: 0.375rem;
620
621
  ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -624,12 +625,12 @@ export const config = {
624
625
  ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;
625
626
 
626
627
  ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
627
- ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
628
- ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
629
- ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
630
- ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
631
- ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
632
- ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
628
+ ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
629
+ ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
630
+ ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
631
+ ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
632
+ ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
633
+ ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
633
634
 
634
635
  ${tokens.hintMargin}: -0.688rem -0.5rem;
635
636
  ${tokens.hintTargetSize}: 2.375rem;
@@ -646,46 +647,46 @@ export const config = {
646
647
  ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;
647
648
  ${tokens.calendarYearItemBorderRadius}: 0.5rem;
648
649
 
649
- ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family);
650
- ${tokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size);
651
- ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style);
652
- ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
653
- ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height);
654
- ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);
655
- ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
650
+ ${tokens.calendarYearFontFamily}: ${bodyS.fontFamily};
651
+ ${tokens.calendarYearFontSize}: ${bodyS.fontSize};
652
+ ${tokens.calendarYearFontStyle}: ${bodyS.fontStyle};
653
+ ${tokens.calendarYearFontLetterSpacing}: ${bodyS.letterSpacing};
654
+ ${tokens.calendarYearFontLineHeight}: ${bodyS.lineHeight};
655
+ ${tokens.calendarYearFontWeight}: ${bodyS.fontWeight};
656
+ ${tokens.calendarYearSelectedFontWeight}: ${bodySBold.fontWeight};
656
657
 
657
658
  ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;
658
659
  ${tokens.calendarMonthItemBorderRadius}: 0.5rem;
659
660
 
660
- ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family);
661
- ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size);
662
- ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style);
663
- ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
664
- ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height);
665
- ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight);
666
- ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
661
+ ${tokens.calendarMonthFontFamily}: ${bodyS.fontFamily};
662
+ ${tokens.calendarMonthFontSize}: ${bodyS.fontSize};
663
+ ${tokens.calendarMonthFontStyle}: ${bodyS.fontStyle};
664
+ ${tokens.calendarMonthFontLetterSpacing}: ${bodyS.letterSpacing};
665
+ ${tokens.calendarMonthFontLineHeight}: ${bodyS.lineHeight};
666
+ ${tokens.calendarMonthFontWeight}: ${bodyS.fontWeight};
667
+ ${tokens.calendarMonthSelectedFontWeight}: ${bodySBold.fontWeight};
667
668
 
668
669
  ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;
669
670
  ${tokens.calendarQuarterItemBorderRadius}: 0.5rem;
670
671
 
671
- ${tokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);
672
- ${tokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);
673
- ${tokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);
674
- ${tokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
675
- ${tokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);
676
- ${tokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);
677
- ${tokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
672
+ ${tokens.calendarQuarterFontFamily}: ${bodyS.fontFamily};
673
+ ${tokens.calendarQuarterFontSize}: ${bodyS.fontSize};
674
+ ${tokens.calendarQuarterFontStyle}: ${bodyS.fontStyle};
675
+ ${tokens.calendarQuarterFontLetterSpacing}: ${bodyS.letterSpacing};
676
+ ${tokens.calendarQuarterFontLineHeight}: ${bodyS.lineHeight};
677
+ ${tokens.calendarQuarterFontWeight}: ${bodyS.fontWeight};
678
+ ${tokens.calendarQuarterSelectedFontWeight}: ${bodySBold.fontWeight};
678
679
 
679
680
  ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;
680
681
  ${tokens.calendarDayItemBorderRadius}: 0.5rem;
681
682
 
682
- ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family);
683
- ${tokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size);
684
- ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style);
685
- ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
686
- ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height);
687
- ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight);
688
- ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
683
+ ${tokens.calendarDayFontFamily}: ${bodyS.fontFamily};
684
+ ${tokens.calendarDayFontSize}: ${bodyS.fontSize};
685
+ ${tokens.calendarDayFontStyle}: ${bodyS.fontStyle};
686
+ ${tokens.calendarDayFontLetterSpacing}: ${bodyS.letterSpacing};
687
+ ${tokens.calendarDayFontLineHeight}: ${bodyS.lineHeight};
688
+ ${tokens.calendarDayFontWeight}: ${bodyS.fontWeight};
689
+ ${tokens.calendarDaySelectedFontWeight}: ${bodySBold.fontWeight};
689
690
 
690
691
  ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;
691
692
 
@@ -696,13 +697,13 @@ export const config = {
696
697
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
697
698
  ${tokens.calendarHeaderDateGap}: 0.25rem;
698
699
 
699
- ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);
700
- ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);
701
- ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);
702
- ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
703
- ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);
704
- ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);
705
- ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);
700
+ ${tokens.calendarHeaderFontFamily}: ${h4.fontFamily};
701
+ ${tokens.calendarHeaderFontSize}: ${h4.fontSize};
702
+ ${tokens.calendarHeaderFontStyle}: ${h4.fontStyle};
703
+ ${tokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};
704
+ ${tokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};
705
+ ${tokens.calendarHeaderFontWeight}: ${h4.fontWeight};
706
+ ${tokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};
706
707
 
707
708
  ${tokens.iconButtonHeight}: 2.5rem;
708
709
  ${tokens.iconButtonWidth}: 2.5rem;
@@ -715,21 +716,21 @@ export const config = {
715
716
  ${tokens.timePickerItemHeight}: 2.5rem;
716
717
  ${tokens.timePickerItemBorderRadius}: 0.5rem;
717
718
  ${tokens.timePickerItemPadding}: 0;
718
- ${tokens.timePickerItemFontFamily}: var(--plasma-typo-body-s-font-family);
719
- ${tokens.timePickerItemFontStyle}: var(--plasma-typo-body-s-font-style);
720
- ${tokens.timePickerItemFontSize}: var(--plasma-typo-body-s-font-size);
721
- ${tokens.timePickerItemFontWeight}: var(--plasma-typo-body-s-font-weight);
722
- ${tokens.timePickerItemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
723
- ${tokens.timePickerItemLineHeight}: var(--plasma-typo-body-s-line-height);
719
+ ${tokens.timePickerItemFontFamily}: ${bodyS.fontFamily};
720
+ ${tokens.timePickerItemFontStyle}: ${bodyS.fontStyle};
721
+ ${tokens.timePickerItemFontSize}: ${bodyS.fontSize};
722
+ ${tokens.timePickerItemFontWeight}: ${bodyS.fontWeight};
723
+ ${tokens.timePickerItemLetterSpacing}: ${bodyS.letterSpacing};
724
+ ${tokens.timePickerItemLineHeight}: ${bodyS.lineHeight};
724
725
  ${tokens.timePickerScrollbarWidth}: 0.125rem;
725
726
  ${tokens.timePickerScrollbarMargin}: 0.5rem;
726
727
 
727
- ${tokens.shortcutFontFamily}: var(--plasma-typo-body-s-font-family);
728
- ${tokens.shortcutFontStyle}: var(--plasma-typo-body-s-font-style);
729
- ${tokens.shortcutFontSize}: var(--plasma-typo-body-s-font-size);
730
- ${tokens.shortcutFontWeight}: var(--plasma-typo-body-s-font-weight);
731
- ${tokens.shortcutLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
732
- ${tokens.shortcutLineHeight}: var(--plasma-typo-body-s-line-height);
728
+ ${tokens.shortcutFontFamily}: ${bodyS.fontFamily};
729
+ ${tokens.shortcutFontStyle}: ${bodyS.fontStyle};
730
+ ${tokens.shortcutFontSize}: ${bodyS.fontSize};
731
+ ${tokens.shortcutFontWeight}: ${bodyS.fontWeight};
732
+ ${tokens.shortcutLetterSpacing}: ${bodyS.letterSpacing};
733
+ ${tokens.shortcutLineHeight}: ${bodyS.lineHeight};
733
734
 
734
735
  ${tokens.shortcutPadding}: 0.688rem 0.5rem;
735
736
  ${tokens.shortcutGap}: 0.375rem;
@@ -750,30 +751,30 @@ export const config = {
750
751
  ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
751
752
  ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
752
753
 
753
- ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);
754
- ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);
755
- ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);
756
- ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);
757
- ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
758
- ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
754
+ ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};
755
+ ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};
756
+ ${tokens.textFieldFontSize}: ${bodyXS.fontSize};
757
+ ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};
758
+ ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};
759
+ ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};
759
760
 
760
761
  ${tokens.labelOffset}: 0.375rem;
761
762
  ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
762
763
  ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
763
764
 
764
- ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);
765
- ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);
766
- ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);
767
- ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);
768
- ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
769
- ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
765
+ ${tokens.labelFontFamily}: ${bodyXS.fontFamily};
766
+ ${tokens.labelFontStyle}: ${bodyXS.fontStyle};
767
+ ${tokens.labelFontSize}: ${bodyXS.fontSize};
768
+ ${tokens.labelFontWeight}: ${bodyXS.fontWeight};
769
+ ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
770
+ ${tokens.labelLineHeight}: ${bodyXS.lineHeight};
770
771
 
771
- ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
772
- ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
773
- ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
774
- ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
775
- ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
776
- ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
772
+ ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};
773
+ ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};
774
+ ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};
775
+ ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};
776
+ ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};
777
+ ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
777
778
 
778
779
  ${tokens.indicatorSize}: 0.375rem;
779
780
  ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -783,12 +784,12 @@ export const config = {
783
784
  ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;
784
785
 
785
786
  ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
786
- ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
787
- ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
788
- ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
789
- ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
790
- ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
791
- ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
787
+ ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
788
+ ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
789
+ ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
790
+ ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};
791
+ ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};
792
+ ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
792
793
 
793
794
  ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
794
795
  ${tokens.hintTargetSize}: 2.375rem;
@@ -805,46 +806,46 @@ export const config = {
805
806
  ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;
806
807
  ${tokens.calendarYearItemBorderRadius}: 0.5rem;
807
808
 
808
- ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);
809
- ${tokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);
810
- ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);
811
- ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
812
- ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);
813
- ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);
814
- ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
809
+ ${tokens.calendarYearFontFamily}: ${bodyXS.fontFamily};
810
+ ${tokens.calendarYearFontSize}: ${bodyXS.fontSize};
811
+ ${tokens.calendarYearFontStyle}: ${bodyXS.fontStyle};
812
+ ${tokens.calendarYearFontLetterSpacing}: ${bodyXS.letterSpacing};
813
+ ${tokens.calendarYearFontLineHeight}: ${bodyXS.lineHeight};
814
+ ${tokens.calendarYearFontWeight}: ${bodyXS.fontWeight};
815
+ ${tokens.calendarYearSelectedFontWeight}: ${bodyXSBold.fontWeight};
815
816
 
816
817
  ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;
817
818
  ${tokens.calendarMonthItemBorderRadius}: 0.5rem;
818
819
 
819
- ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);
820
- ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);
821
- ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);
822
- ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
823
- ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);
824
- ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);
825
- ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
820
+ ${tokens.calendarMonthFontFamily}: ${bodyXS.fontFamily};
821
+ ${tokens.calendarMonthFontSize}: ${bodyXS.fontSize};
822
+ ${tokens.calendarMonthFontStyle}: ${bodyXS.fontStyle};
823
+ ${tokens.calendarMonthFontLetterSpacing}: ${bodyXS.letterSpacing};
824
+ ${tokens.calendarMonthFontLineHeight}: ${bodyXS.lineHeight};
825
+ ${tokens.calendarMonthFontWeight}: ${bodyXS.fontWeight};
826
+ ${tokens.calendarMonthSelectedFontWeight}: ${bodyXSBold.fontWeight};
826
827
 
827
828
  ${tokens.calendarQuartersPadding}: 0.375rem 0 0 0;
828
829
  ${tokens.calendarQuarterItemBorderRadius}: 0.5rem;
829
830
 
830
- ${tokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);
831
- ${tokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);
832
- ${tokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);
833
- ${tokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
834
- ${tokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);
835
- ${tokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);
836
- ${tokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
831
+ ${tokens.calendarQuarterFontFamily}: ${bodyXS.fontFamily};
832
+ ${tokens.calendarQuarterFontSize}: ${bodyXS.fontSize};
833
+ ${tokens.calendarQuarterFontStyle}: ${bodyXS.fontStyle};
834
+ ${tokens.calendarQuarterFontLetterSpacing}: ${bodyXS.letterSpacing};
835
+ ${tokens.calendarQuarterFontLineHeight}: ${bodyXS.lineHeight};
836
+ ${tokens.calendarQuarterFontWeight}: ${bodyXS.fontWeight};
837
+ ${tokens.calendarQuarterSelectedFontWeight}: ${bodyXSBold.fontWeight};
837
838
 
838
839
  ${tokens.calendarDaysPadding}: 0.375rem 0 0 0;
839
840
  ${tokens.calendarDayItemBorderRadius}: 0.5rem;
840
841
 
841
- ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);
842
- ${tokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);
843
- ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);
844
- ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
845
- ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);
846
- ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);
847
- ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
842
+ ${tokens.calendarDayFontFamily}: ${bodyXS.fontFamily};
843
+ ${tokens.calendarDayFontSize}: ${bodyXS.fontSize};
844
+ ${tokens.calendarDayFontStyle}: ${bodyXS.fontStyle};
845
+ ${tokens.calendarDayFontLetterSpacing}: ${bodyXS.letterSpacing};
846
+ ${tokens.calendarDayFontLineHeight}: ${bodyXS.lineHeight};
847
+ ${tokens.calendarDayFontWeight}: ${bodyXS.fontWeight};
848
+ ${tokens.calendarDaySelectedFontWeight}: ${bodyXSBold.fontWeight};
848
849
 
849
850
  ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;
850
851
 
@@ -855,13 +856,13 @@ export const config = {
855
856
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
856
857
  ${tokens.calendarHeaderDateGap}: 0.25rem;
857
858
 
858
- ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);
859
- ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);
860
- ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);
861
- ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
862
- ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);
863
- ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);
864
- ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);
859
+ ${tokens.calendarHeaderFontFamily}: ${h5.fontFamily};
860
+ ${tokens.calendarHeaderFontSize}: ${h5.fontSize};
861
+ ${tokens.calendarHeaderFontStyle}: ${h5.fontStyle};
862
+ ${tokens.calendarHeaderFontLetterSpacing}: ${h5.letterSpacing};
863
+ ${tokens.calendarHeaderFontLineHeight}: ${h5.lineHeight};
864
+ ${tokens.calendarHeaderFontWeight}: ${h5.fontWeight};
865
+ ${tokens.calendarHeaderFontWeightBold}: ${h5Bold.fontWeight};
865
866
 
866
867
  ${tokens.iconButtonHeight}: 2rem;
867
868
  ${tokens.iconButtonWidth}: 2rem;
@@ -874,21 +875,21 @@ export const config = {
874
875
  ${tokens.timePickerItemHeight}: 2rem;
875
876
  ${tokens.timePickerItemBorderRadius}: 0.375rem;
876
877
  ${tokens.timePickerItemPadding}: 0;
877
- ${tokens.timePickerItemFontFamily}: var(--plasma-typo-body-xs-font-family);
878
- ${tokens.timePickerItemFontStyle}: var(--plasma-typo-body-xs-font-style);
879
- ${tokens.timePickerItemFontSize}: var(--plasma-typo-body-xs-font-size);
880
- ${tokens.timePickerItemFontWeight}: var(--plasma-typo-body-xs-font-weight);
881
- ${tokens.timePickerItemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
882
- ${tokens.timePickerItemLineHeight}: var(--plasma-typo-body-xs-line-height);
878
+ ${tokens.timePickerItemFontFamily}: ${bodyXS.fontFamily};
879
+ ${tokens.timePickerItemFontStyle}: ${bodyXS.fontStyle};
880
+ ${tokens.timePickerItemFontSize}: ${bodyXS.fontSize};
881
+ ${tokens.timePickerItemFontWeight}: ${bodyXS.fontWeight};
882
+ ${tokens.timePickerItemLetterSpacing}: ${bodyXS.letterSpacing};
883
+ ${tokens.timePickerItemLineHeight}: ${bodyXS.lineHeight};
883
884
  ${tokens.timePickerScrollbarWidth}: 0.125rem;
884
885
  ${tokens.timePickerScrollbarMargin}: 0.5rem;
885
886
 
886
- ${tokens.shortcutFontFamily}: var(--plasma-typo-body-xs-font-family);
887
- ${tokens.shortcutFontStyle}: var(--plasma-typo-body-xs-font-style);
888
- ${tokens.shortcutFontSize}: var(--plasma-typo-body-xs-font-size);
889
- ${tokens.shortcutFontWeight}: var(--plasma-typo-body-xs-font-weight);
890
- ${tokens.shortcutLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
891
- ${tokens.shortcutLineHeight}: var(--plasma-typo-body-xs-line-height);
887
+ ${tokens.shortcutFontFamily}: ${bodyXS.fontFamily};
888
+ ${tokens.shortcutFontStyle}: ${bodyXS.fontStyle};
889
+ ${tokens.shortcutFontSize}: ${bodyXS.fontSize};
890
+ ${tokens.shortcutFontWeight}: ${bodyXS.fontWeight};
891
+ ${tokens.shortcutLetterSpacing}: ${bodyXS.letterSpacing};
892
+ ${tokens.shortcutLineHeight}: ${bodyXS.lineHeight};
892
893
 
893
894
  ${tokens.shortcutPadding}: 0.563rem 0.375rem;
894
895
  ${tokens.shortcutGap}: 0.375rem;
@@ -897,10 +898,10 @@ export const config = {
897
898
  },
898
899
  hintView: {
899
900
  default: css`
900
- ${tokens.hintTooltipBackgroundColor}: var(--surface-solid-card-brightness);
901
- ${tokens.hintTooltipBoxShadow}: var(--shadow-down-hard-m);
902
- ${tokens.hintTooltipColor}: var(--text-primary);
903
- ${tokens.hintTooltipArrowBackground}: var(--surface-solid-card-brightness);
901
+ ${tokens.hintTooltipBackgroundColor}: ${surfaceSolidCardBrightness};
902
+ ${tokens.hintTooltipBoxShadow}: ${shadowDownHardM};
903
+ ${tokens.hintTooltipColor}: ${textPrimary};
904
+ ${tokens.hintTooltipArrowBackground}: ${surfaceSolidCardBrightness};
904
905
  `
905
906
  },
906
907
  hintSize: {
@@ -913,12 +914,12 @@ export const config = {
913
914
  ${tokens.hintTooltipMinHeight}: 2.5rem;
914
915
  ${tokens.hintTooltipBorderRadius}: 0.625rem;
915
916
 
916
- ${tokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
917
- ${tokens.hintTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
918
- ${tokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
919
- ${tokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
920
- ${tokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
921
- ${tokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
917
+ ${tokens.hintTooltipTextFontFamily}: ${bodyS.fontFamily};
918
+ ${tokens.hintTooltipTextFontSize}: ${bodyS.fontSize};
919
+ ${tokens.hintTooltipTextFontStyle}: ${bodyS.fontStyle};
920
+ ${tokens.hintTooltipTextFontWeight}: ${bodyS.fontWeight};
921
+ ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};
922
+ ${tokens.hintTooltipTextFontLineHeight}: ${bodyS.lineHeight};
922
923
 
923
924
  ${tokens.hintTooltipContentLeftMargin}: 0.375rem;
924
925
 
@@ -937,12 +938,12 @@ export const config = {
937
938
  ${tokens.hintTooltipMinHeight}: 2rem;
938
939
  ${tokens.hintTooltipBorderRadius}: 0.5rem;
939
940
 
940
- ${tokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
941
- ${tokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
942
- ${tokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
943
- ${tokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
944
- ${tokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
945
- ${tokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
941
+ ${tokens.hintTooltipTextFontFamily}: ${bodyXS.fontFamily};
942
+ ${tokens.hintTooltipTextFontSize}: ${bodyXS.fontSize};
943
+ ${tokens.hintTooltipTextFontStyle}: ${bodyXS.fontStyle};
944
+ ${tokens.hintTooltipTextFontWeight}: ${bodyXS.fontWeight};
945
+ ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};
946
+ ${tokens.hintTooltipTextFontLineHeight}: ${bodyXS.lineHeight};
946
947
 
947
948
  ${tokens.hintTooltipContentLeftMargin}: 0.25rem;
948
949
 
@@ -963,12 +964,12 @@ export const config = {
963
964
  ${tokens.tooltipMinHeight}: 2.5rem;
964
965
  ${tokens.tooltipBorderRadius}: 0.625rem;
965
966
 
966
- ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
967
- ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
968
- ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
969
- ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
970
- ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
971
- ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
967
+ ${tokens.tooltipTextFontFamily}: ${bodyS.fontFamily};
968
+ ${tokens.tooltipTextFontSize}: ${bodyS.fontSize};
969
+ ${tokens.tooltipTextFontStyle}: ${bodyS.fontStyle};
970
+ ${tokens.tooltipTextFontWeight}: ${bodyS.fontWeight};
971
+ ${tokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};
972
+ ${tokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};
972
973
 
973
974
  ${tokens.tooltipContentLeftMargin}: 0.375rem;
974
975
 
@@ -977,7 +978,7 @@ export const config = {
977
978
  ${tokens.tooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
978
979
  ${tokens.tooltipArrowHeight}: 0.5rem;
979
980
  ${tokens.tooltipArrowEdgeMargin}: 0.625rem;
980
- ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);
981
+ ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};
981
982
  `,
982
983
  s: css`
983
984
  ${tokens.tooltipPaddingTop}: 0.5rem;
@@ -988,12 +989,12 @@ export const config = {
988
989
  ${tokens.tooltipMinHeight}: 2rem;
989
990
  ${tokens.tooltipBorderRadius}: 0.5rem;
990
991
 
991
- ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
992
- ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
993
- ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
994
- ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
995
- ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
996
- ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
992
+ ${tokens.tooltipTextFontFamily}: ${bodyXS.fontFamily};
993
+ ${tokens.tooltipTextFontSize}: ${bodyXS.fontSize};
994
+ ${tokens.tooltipTextFontStyle}: ${bodyXS.fontStyle};
995
+ ${tokens.tooltipTextFontWeight}: ${bodyXS.fontWeight};
996
+ ${tokens.tooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};
997
+ ${tokens.tooltipTextFontLineHeight}: ${bodyXS.lineHeight};
997
998
 
998
999
  ${tokens.tooltipContentLeftMargin}: 0.25rem;
999
1000
 
@@ -1002,7 +1003,7 @@ export const config = {
1002
1003
  ${tokens.tooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
1003
1004
  ${tokens.tooltipArrowHeight}: 0.375rem;
1004
1005
  ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;
1005
- ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);
1006
+ ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};
1006
1007
  `
1007
1008
  },
1008
1009
  disabled: {
@@ -1012,12 +1013,12 @@ export const config = {
1012
1013
  },
1013
1014
  readOnly: {
1014
1015
  true: css`
1015
- ${tokens.labelColorReadOnly}: var(--text-primary);
1016
- ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
1016
+ ${tokens.labelColorReadOnly}: ${textPrimary};
1017
+ ${tokens.leftHelperColorReadOnly}: ${textSecondary};
1017
1018
 
1018
- ${tokens.textFieldColorReadOnly}: var(--text-primary);
1019
- ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
1020
- ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
1019
+ ${tokens.textFieldColorReadOnly}: ${textPrimary};
1020
+ ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};
1021
+ ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};
1021
1022
 
1022
1023
  ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
1023
1024
  ${tokens.textFieldReadOnlyOpacity}: 0.1;