@ds-autonomie/web-components 2.16.0 → 2.17.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 (514) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +30 -1
  3. package/bin/cli.js +324 -0
  4. package/cdn/chunks/{chunk.U57FV4DW.js → chunk.23NGYECZ.js} +1 -1
  5. package/cdn/chunks/{chunk.VYPTKC72.js → chunk.2DV64XU7.js} +1 -1
  6. package/cdn/chunks/{chunk.2GNTWYWW.js → chunk.2LF6OMUV.js} +4 -4
  7. package/cdn/chunks/{chunk.SCQFF6RL.js → chunk.2MLSQPMY.js} +1 -1
  8. package/cdn/chunks/{chunk.NLVJBP2P.js → chunk.2MY5TX6M.js} +1 -1
  9. package/cdn/chunks/{chunk.C7LXZROF.js → chunk.2QOKOUSD.js} +1 -1
  10. package/cdn/chunks/{chunk.PS32MK6F.js → chunk.2RZZILUX.js} +1 -1
  11. package/cdn/chunks/{chunk.AW3ER72P.js → chunk.3G5TZAEL.js} +1 -1
  12. package/cdn/chunks/{chunk.6VDERLDX.js → chunk.3HXQ2XPS.js} +1 -1
  13. package/cdn/chunks/{chunk.EUEYMWEY.js → chunk.3QGRYFX6.js} +2 -2
  14. package/cdn/chunks/{chunk.2UFBLWVL.js → chunk.43ZUOVN3.js} +1 -1
  15. package/cdn/chunks/{chunk.GFEAALOQ.js → chunk.465G6RHI.js} +1 -1
  16. package/cdn/chunks/{chunk.DDVB3ULY.js → chunk.4E7MNGOV.js} +1 -1
  17. package/cdn/chunks/{chunk.3YGVCBEP.js → chunk.4HSGYXFW.js} +1 -1
  18. package/cdn/chunks/{chunk.S67Z4LWB.js → chunk.4RIUPE2O.js} +1 -1
  19. package/cdn/chunks/{chunk.ORT3DEGC.js → chunk.6GAHBGOF.js} +1 -1
  20. package/cdn/chunks/{chunk.ILH5GUUR.js → chunk.6GC5ODVL.js} +7 -2
  21. package/cdn/chunks/{chunk.2HT24T5L.js → chunk.6TFK3HZG.js} +1 -1
  22. package/cdn/chunks/chunk.7Y7CQMR6.js +3 -0
  23. package/cdn/chunks/{chunk.A5JIGFHI.js → chunk.A45JZ63N.js} +1 -1
  24. package/cdn/chunks/{chunk.JFRJEP7B.js → chunk.A5DTG2XB.js} +1 -1
  25. package/cdn/chunks/{chunk.O6PQS44E.js → chunk.ABNF7OWB.js} +1 -1
  26. package/cdn/chunks/{chunk.I5O5OEF6.js → chunk.AKVKEBPE.js} +1 -1
  27. package/cdn/chunks/{chunk.ODWKPVI7.js → chunk.AU7QYOWT.js} +1 -1
  28. package/cdn/chunks/{chunk.Y36RVC3B.js → chunk.CBNY3KDR.js} +1 -1
  29. package/cdn/chunks/{chunk.IHX7OGQS.js → chunk.CJZS4FSB.js} +1 -1
  30. package/cdn/chunks/{chunk.YY3VAR25.js → chunk.D3BOAL4N.js} +1 -1
  31. package/cdn/chunks/{chunk.XAIDESV3.js → chunk.D5S2YDML.js} +1 -1
  32. package/cdn/chunks/{chunk.KA7GX6E6.js → chunk.DYSLQ6GC.js} +1 -1
  33. package/cdn/chunks/{chunk.GGWPFQAG.js → chunk.EL4NZRIR.js} +1 -1
  34. package/cdn/chunks/{chunk.6SOEHTQ6.js → chunk.F3UE7567.js} +1 -1
  35. package/cdn/chunks/{chunk.P2JWRNFC.js → chunk.F5LRDLVV.js} +1 -1
  36. package/cdn/chunks/{chunk.Y2FECEGA.js → chunk.FEXCFMDC.js} +1 -1
  37. package/cdn/chunks/{chunk.2MKXX3AZ.js → chunk.FGDBYD7N.js} +1 -1
  38. package/cdn/chunks/{chunk.ZE7M7PYK.js → chunk.FHS54ZO7.js} +1 -1
  39. package/cdn/chunks/{chunk.BF3YX5F2.js → chunk.FYJYTPOV.js} +6 -2
  40. package/cdn/chunks/{chunk.IHSVGSNA.js → chunk.GGGLGLGP.js} +1 -1
  41. package/cdn/chunks/{chunk.YRFEXBVK.js → chunk.GHHMVWM2.js} +1 -1
  42. package/cdn/chunks/chunk.GM4KTNXL.js +1 -0
  43. package/cdn/chunks/chunk.GYURCDPD.js +50 -0
  44. package/cdn/chunks/{chunk.ARJARKS7.js → chunk.H5XLHNHE.js} +1 -1
  45. package/cdn/chunks/{chunk.SEHHEIJU.js → chunk.HCFW7RW4.js} +6 -3
  46. package/cdn/chunks/{chunk.IUEUKFXV.js → chunk.HCJCL2UD.js} +1 -1
  47. package/cdn/chunks/{chunk.W6JRTDUG.js → chunk.HO6LFH7Z.js} +1 -1
  48. package/cdn/chunks/{chunk.567TV3AI.js → chunk.I4LDWGHK.js} +1 -1
  49. package/cdn/chunks/{chunk.FHOLYDJH.js → chunk.IDWQZLCM.js} +1 -1
  50. package/cdn/chunks/{chunk.DMEVGY2I.js → chunk.II4JQ433.js} +1 -1
  51. package/cdn/chunks/{chunk.GODU5S6L.js → chunk.IJNUBDIJ.js} +1 -1
  52. package/cdn/chunks/{chunk.4GOIYNKA.js → chunk.IKPDLLWM.js} +1 -1
  53. package/cdn/chunks/chunk.ILCY7FNR.js +108 -0
  54. package/cdn/chunks/chunk.IYKXS5B3.js +66 -0
  55. package/cdn/chunks/{chunk.PZ34V53E.js → chunk.J5EBYKBM.js} +1 -1
  56. package/cdn/chunks/{chunk.PXRWDGEE.js → chunk.JO6IBXF3.js} +1 -1
  57. package/cdn/chunks/{chunk.WDSDDJUA.js → chunk.JPOWE7L2.js} +1 -1
  58. package/cdn/chunks/{chunk.OUYBHFGA.js → chunk.KC2NESXB.js} +1 -1
  59. package/cdn/chunks/chunk.KH2JVAEZ.js +3 -0
  60. package/cdn/chunks/{chunk.6YHPQNRD.js → chunk.KHGWE5IX.js} +4 -0
  61. package/cdn/chunks/{chunk.P6BU4NK5.js → chunk.L7SDBPGB.js} +1 -1
  62. package/cdn/chunks/{chunk.DJRRY37G.js → chunk.LA5W25UC.js} +1 -1
  63. package/cdn/chunks/{chunk.6P4B7FUU.js → chunk.LFI7CMVX.js} +1 -1
  64. package/cdn/chunks/{chunk.DO7GE2JH.js → chunk.LIC3WRPD.js} +5 -77
  65. package/cdn/chunks/{chunk.IGP2B2C4.js → chunk.LOZ2JZLU.js} +6 -6
  66. package/cdn/chunks/{chunk.UNNWNSLV.js → chunk.LSD5NIU2.js} +1 -1
  67. package/cdn/chunks/{chunk.L5NMGFQR.js → chunk.MK2QCBNO.js} +1 -1
  68. package/cdn/chunks/{chunk.A7X22WNS.js → chunk.MWGVWSH3.js} +1 -1
  69. package/cdn/chunks/{chunk.QE5LC4CR.js → chunk.N4VN25E6.js} +1 -1
  70. package/cdn/chunks/{chunk.QQLU3UB4.js → chunk.N7EFYGZ6.js} +17 -17
  71. package/cdn/chunks/{chunk.FWT4DITA.js → chunk.NE525Q3J.js} +4 -4
  72. package/cdn/chunks/{chunk.OFTBMGFJ.js → chunk.NEWNV55I.js} +1 -1
  73. package/cdn/chunks/{chunk.5HX5C6UJ.js → chunk.NIH3WB32.js} +1 -1
  74. package/cdn/chunks/{chunk.76VB4TUF.js → chunk.OTNGFYHL.js} +1 -1
  75. package/cdn/chunks/{chunk.HZ5SMNUA.js → chunk.OTTGEQF6.js} +1 -1
  76. package/cdn/chunks/{chunk.BXGC6IHW.js → chunk.PSXSWQCS.js} +1 -1
  77. package/cdn/chunks/{chunk.NTUGYGGF.js → chunk.PZ6VFJYI.js} +1 -1
  78. package/cdn/chunks/{chunk.EAGPDAIA.js → chunk.QLA42ORC.js} +3 -3
  79. package/cdn/chunks/{chunk.ZBQJJV4G.js → chunk.QNAPY67H.js} +1 -1
  80. package/cdn/chunks/{chunk.HS7JWPZY.js → chunk.QO3O2UNB.js} +2 -2
  81. package/cdn/chunks/{chunk.6MH6HU7Z.js → chunk.QQLTDM2A.js} +1 -1
  82. package/cdn/chunks/{chunk.KP77TFIK.js → chunk.QSJXNN7N.js} +1 -1
  83. package/cdn/chunks/{chunk.PSFO47C6.js → chunk.QVF2D4NC.js} +1 -1
  84. package/cdn/chunks/{chunk.AP4A32XE.js → chunk.RGBTVRRP.js} +1 -1
  85. package/cdn/chunks/{chunk.GQY4KTZW.js → chunk.RUVWVGYN.js} +2 -2
  86. package/cdn/chunks/{chunk.CLVTQ7Z4.js → chunk.RVQUT7ZY.js} +1 -1
  87. package/cdn/chunks/{chunk.YUKNXF67.js → chunk.S5TQGB4V.js} +1 -1
  88. package/cdn/chunks/{chunk.WBYL64GM.js → chunk.S5XJPLVO.js} +1 -1
  89. package/cdn/chunks/{chunk.4WXQIRY5.js → chunk.SIT3GCR7.js} +1 -1
  90. package/cdn/chunks/{chunk.6GEQ7HC5.js → chunk.SLTCOGOD.js} +1 -1
  91. package/cdn/chunks/{chunk.76SO56MH.js → chunk.SN7BDOHN.js} +7 -3
  92. package/cdn/chunks/{chunk.F2MZMWYW.js → chunk.T5OLUN3T.js} +3 -3
  93. package/cdn/chunks/{chunk.CUB2L2VC.js → chunk.TS5WHKH6.js} +1 -1
  94. package/cdn/chunks/{chunk.Q2CL3LZL.js → chunk.U7X2EV5T.js} +6 -4
  95. package/cdn/chunks/{chunk.GR7Z5SEP.js → chunk.UAGWSEWC.js} +1 -1
  96. package/cdn/chunks/{chunk.SSKKBMOK.js → chunk.UEYALIC7.js} +1 -1
  97. package/cdn/chunks/{chunk.BZAPXRW2.js → chunk.ULWBK7T7.js} +1 -1
  98. package/cdn/chunks/{chunk.2PKKSM74.js → chunk.UWBADC7U.js} +1 -1
  99. package/cdn/chunks/{chunk.5JVG47EU.js → chunk.VE5CSYN4.js} +1 -1
  100. package/cdn/chunks/{chunk.TZRJVOUT.js → chunk.VMFX2PWY.js} +4 -7
  101. package/cdn/chunks/{chunk.VBIYQ77B.js → chunk.VO4NFG2W.js} +1 -1
  102. package/cdn/chunks/{chunk.NUGD6UUY.js → chunk.W25NCUPA.js} +1 -1
  103. package/cdn/chunks/{chunk.ARZOIBPV.js → chunk.W7AY6BP2.js} +1 -1
  104. package/cdn/chunks/{chunk.J65PQE2V.js → chunk.W7S553SV.js} +1 -1
  105. package/cdn/chunks/{chunk.OU7R32QE.js → chunk.WJLFKSRJ.js} +1 -1
  106. package/cdn/chunks/{chunk.MG447SMO.js → chunk.X2G2BFIN.js} +1 -1
  107. package/cdn/chunks/{chunk.DCJBLLVF.js → chunk.X4UXKXMO.js} +1 -1
  108. package/cdn/chunks/{chunk.GRSCMN3N.js → chunk.XUPT47LV.js} +0 -1
  109. package/cdn/chunks/{chunk.3T33HE3M.js → chunk.XZWROQBU.js} +1 -1
  110. package/cdn/chunks/{chunk.OJ4FBUS6.js → chunk.YRJIHG6T.js} +1 -1
  111. package/cdn/chunks/{chunk.MWJXUXK2.js → chunk.YRQ4GUXM.js} +1 -1
  112. package/cdn/chunks/{chunk.AGZH4MVB.js → chunk.YXR5X3ZH.js} +1 -1
  113. package/cdn/chunks/{chunk.JIVPHN7K.js → chunk.YZK4IVQW.js} +1 -1
  114. package/cdn/chunks/{chunk.X6RYYYER.js → chunk.ZFWCNYR2.js} +1 -1
  115. package/cdn/chunks/{chunk.IICXN6X7.js → chunk.ZKV4BJLY.js} +3 -3
  116. package/cdn/chunks/{chunk.CM6ZWC5E.js → chunk.ZPW2DSUP.js} +1 -1
  117. package/cdn/components/accordion/accordion.js +1 -1
  118. package/cdn/components/accordion-group/accordion-group.js +1 -1
  119. package/cdn/components/alert/alert.d.ts +1 -1
  120. package/cdn/components/alert/alert.js +1 -1
  121. package/cdn/components/breadcrumb/breadcrumb.js +1 -1
  122. package/cdn/components/breadcrumb-item/breadcrumb-item.js +1 -1
  123. package/cdn/components/button/button.d.ts +0 -1
  124. package/cdn/components/button/button.js +1 -1
  125. package/cdn/components/button/button.styles.js +1 -1
  126. package/cdn/components/calendar/calendar.js +1 -1
  127. package/cdn/components/calendar/calendar.styles.js +1 -1
  128. package/cdn/components/card-nav/card-nav.js +1 -1
  129. package/cdn/components/card-nav/card-nav.styles.js +1 -1
  130. package/cdn/components/card-nav-accordion/card-nav-accordion.js +1 -1
  131. package/cdn/components/card-nav-accordion/card-nav-accordion.styles.js +1 -1
  132. package/cdn/components/card-nav-item/card-nav-item.js +1 -1
  133. package/cdn/components/card-nav-item/card-nav-item.styles.js +1 -1
  134. package/cdn/components/checkbox/checkbox.js +1 -1
  135. package/cdn/components/checkbox/checkbox.styles.js +1 -1
  136. package/cdn/components/checkbox-button/checkbox-button.js +1 -1
  137. package/cdn/components/checkbox-card/checkbox-card.js +1 -1
  138. package/cdn/components/checkbox-group/checkbox-group.d.ts +2 -0
  139. package/cdn/components/checkbox-group/checkbox-group.js +1 -1
  140. package/cdn/components/checkbox-group/checkbox-group.styles.js +1 -1
  141. package/cdn/components/combobox/combobox.js +1 -1
  142. package/cdn/components/combobox/combobox.styles.js +1 -1
  143. package/cdn/components/copy-button/copy-button.js +1 -1
  144. package/cdn/components/dialog/dialog.js +1 -1
  145. package/cdn/components/drawer/drawer.js +1 -1
  146. package/cdn/components/dropdown/dropdown.js +1 -1
  147. package/cdn/components/error-message-panel/error-message-panel.js +1 -1
  148. package/cdn/components/fieldset/fieldset.js +1 -1
  149. package/cdn/components/fieldset/fieldset.styles.js +1 -1
  150. package/cdn/components/file-upload/file-upload.d.ts +7 -3
  151. package/cdn/components/file-upload/file-upload.js +1 -1
  152. package/cdn/components/file-upload/file-upload.styles.js +1 -1
  153. package/cdn/components/file-upload-item/file-upload-item.js +1 -1
  154. package/cdn/components/file-upload-item/file-upload-item.styles.js +1 -1
  155. package/cdn/components/filter-button/filter-button.js +1 -1
  156. package/cdn/components/filter-counter/filter-counter.js +1 -1
  157. package/cdn/components/filter-date/filter-date.js +1 -1
  158. package/cdn/components/filter-range/filter-range.js +1 -1
  159. package/cdn/components/filter-select/filter-select.js +1 -1
  160. package/cdn/components/footer/footer.js +1 -1
  161. package/cdn/components/format-bytes/format-bytes.js +1 -1
  162. package/cdn/components/format-date/format-date.js +1 -1
  163. package/cdn/components/format-number/format-number.js +1 -1
  164. package/cdn/components/header/header.js +1 -1
  165. package/cdn/components/header-modern/header-modern.js +1 -1
  166. package/cdn/components/header-search/header-search.js +1 -1
  167. package/cdn/components/input/input.js +1 -1
  168. package/cdn/components/input-amount/input-amount.js +1 -1
  169. package/cdn/components/input-amount/input-amount.styles.js +1 -1
  170. package/cdn/components/input-date/input-date.js +1 -1
  171. package/cdn/components/input-date/input-date.styles.js +1 -1
  172. package/cdn/components/input-mask/input-mask.js +1 -1
  173. package/cdn/components/input-mask/input-mask.styles.js +1 -1
  174. package/cdn/components/input-native/input-native.js +1 -1
  175. package/cdn/components/input-native/input-native.styles.js +1 -1
  176. package/cdn/components/input-otp/input-otp.js +1 -1
  177. package/cdn/components/input-otp/input-otp.styles.js +1 -1
  178. package/cdn/components/input-phone/input-phone.js +1 -1
  179. package/cdn/components/input-phone/input-phone.styles.js +1 -1
  180. package/cdn/components/input-time/input-time.js +1 -1
  181. package/cdn/components/input-time/input-time.styles.js +1 -1
  182. package/cdn/components/menu-accordion/menu-accordion.js +1 -1
  183. package/cdn/components/menu-accordion/menu-accordion.styles.js +1 -1
  184. package/cdn/components/menu-item/menu-item.js +1 -1
  185. package/cdn/components/menu-navigation/menu-navigation.js +1 -1
  186. package/cdn/components/menu-navigation/menu-navigation.styles.js +1 -1
  187. package/cdn/components/navbar-link/navbar-link.js +1 -1
  188. package/cdn/components/navbar-menu/navbar-menu.js +1 -1
  189. package/cdn/components/option/option.js +1 -1
  190. package/cdn/components/pagination/pagination.js +1 -1
  191. package/cdn/components/pagination-button/pagination-button.js +1 -1
  192. package/cdn/components/pagination-button/pagination-button.styles.js +1 -1
  193. package/cdn/components/profile-button/profile-button.js +1 -1
  194. package/cdn/components/profile-button/profile-button.styles.js +1 -1
  195. package/cdn/components/progress-bar/progress-bar.js +1 -1
  196. package/cdn/components/radio-button/radio-button.js +1 -1
  197. package/cdn/components/radio-card/radio-card.js +1 -1
  198. package/cdn/components/radio-group/radio-group.d.ts +2 -0
  199. package/cdn/components/radio-group/radio-group.js +1 -1
  200. package/cdn/components/radio-group/radio-group.styles.js +1 -1
  201. package/cdn/components/relative-time/relative-time.js +1 -1
  202. package/cdn/components/search/search.js +1 -1
  203. package/cdn/components/search/search.styles.js +1 -1
  204. package/cdn/components/select/select.js +1 -1
  205. package/cdn/components/select/select.styles.js +1 -1
  206. package/cdn/components/sidenav/sidenav.js +1 -1
  207. package/cdn/components/sidenav-info-accordion/sidenav-info-accordion.js +1 -1
  208. package/cdn/components/skip-links/skip-links.js +1 -1
  209. package/cdn/components/spinner/spinner.js +1 -1
  210. package/cdn/components/split-panel/split-panel.js +1 -1
  211. package/cdn/components/step/step.js +1 -1
  212. package/cdn/components/switch/switch.js +1 -1
  213. package/cdn/components/tab/tab.js +1 -1
  214. package/cdn/components/tab-group/tab-group.js +1 -1
  215. package/cdn/components/table-action/table-action.js +1 -1
  216. package/cdn/components/table-action/table-action.styles.js +1 -1
  217. package/cdn/components/table-caption/table-caption.js +1 -1
  218. package/cdn/components/table-caption/table-caption.styles.js +1 -1
  219. package/cdn/components/table-container/table-container.js +1 -1
  220. package/cdn/components/table-header-row/table-header-row.js +1 -1
  221. package/cdn/components/table-of-contents/table-of-contents.js +1 -1
  222. package/cdn/components/table-row/table-row.js +1 -1
  223. package/cdn/components/tag/tag.js +1 -1
  224. package/cdn/components/textarea/textarea.js +1 -1
  225. package/cdn/components/textarea/textarea.styles.js +1 -1
  226. package/cdn/components/tooltip/tooltip.js +1 -1
  227. package/cdn/components/tree/tree.js +1 -1
  228. package/cdn/components/tree-item/tree-item.js +1 -1
  229. package/cdn/custom-elements.json +151 -76
  230. package/cdn/design-system.d.ts +0 -1
  231. package/cdn/design-system.js +1 -40
  232. package/cdn/internal/components/form-selectable-card/form-selectable-card.d.ts +1 -0
  233. package/cdn/internal/components/form-selectable-card/form-selectable-card.js +3 -1
  234. package/cdn/internal/components/input-base/input-base.styles.js +6 -1
  235. package/cdn/styles/form-control.styles.js +4 -0
  236. package/cdn/templates/utilities/decorator.js +1 -1
  237. package/cdn/templates/utilities/header.js +2 -2
  238. package/cdn/themes/dsa-theme-tac.css +5 -5
  239. package/cdn/themes/dsa-theme-tac.min.css +1 -1
  240. package/cdn/themes/dsa-theme-tac.styles.js +5 -5
  241. package/cdn/themes/dsa-wc-theme.css +174 -152
  242. package/cdn/themes/dsa-wc-theme.min.css +1 -1
  243. package/cdn/themes/dsa-wc-theme.styles.js +172 -152
  244. package/cdn/translations/en-gb.js +1 -1
  245. package/cdn/translations/en.js +1 -1
  246. package/cdn/translations/fr.js +1 -1
  247. package/cdn/utilities/localize.d.ts +2 -0
  248. package/cdn/utilities/localize.js +1 -1
  249. package/cdn/utilities/storybook.js +1 -1
  250. package/cdn/vscode.html-custom-data.json +12 -11
  251. package/cdn/web-types.json +62 -32
  252. package/dist/chunks/{chunk.T4Q6QP47.js → chunk.2DYEXJNV.js} +4 -2
  253. package/dist/chunks/{chunk.3MXQLB4L.js → chunk.2K5QPKBA.js} +1 -1
  254. package/dist/chunks/{chunk.5LUZ76CA.js → chunk.2O3KAV2X.js} +2 -2
  255. package/dist/chunks/{chunk.YTT3RNXV.js → chunk.2SQ6UBOQ.js} +1 -1
  256. package/dist/chunks/{chunk.FXV7WH4N.js → chunk.2VY6ETYT.js} +1 -1
  257. package/dist/chunks/{chunk.KRGYVKGG.js → chunk.2VZ4MMR5.js} +3 -3
  258. package/dist/chunks/{chunk.NVCEVGBF.js → chunk.34BCRRRT.js} +1 -1
  259. package/dist/chunks/{chunk.ENFXOLGK.js → chunk.3RFVW3FP.js} +3 -3
  260. package/dist/chunks/{chunk.K4WJKETZ.js → chunk.3W6ROVW2.js} +1 -1
  261. package/dist/chunks/{chunk.I624JTPY.js → chunk.3WHBR6ML.js} +1 -1
  262. package/dist/chunks/{chunk.I7553C2G.js → chunk.4NZ25HB6.js} +1 -1
  263. package/dist/chunks/{chunk.ANLC37HJ.js → chunk.57DTA5ZP.js} +3 -3
  264. package/dist/chunks/{chunk.V3LDWXHK.js → chunk.5A6XLOZY.js} +2 -2
  265. package/dist/chunks/{chunk.KTSLND6I.js → chunk.6JFNUOJL.js} +2 -2
  266. package/dist/chunks/{chunk.TW7YE6SU.js → chunk.6K3AZQXP.js} +1 -1
  267. package/dist/chunks/{chunk.YCAQ7W4B.js → chunk.6LLDVH7Y.js} +1 -1
  268. package/dist/chunks/{chunk.BZQMTSEX.js → chunk.6NRREKDF.js} +1 -1
  269. package/dist/chunks/{chunk.NBBSSAAF.js → chunk.6WPKFGU3.js} +1 -1
  270. package/dist/chunks/{chunk.2MJ3TUEC.js → chunk.7S4HUOC7.js} +2 -2
  271. package/dist/chunks/{chunk.Y2XMBFRO.js → chunk.7WQZIM7N.js} +5 -5
  272. package/dist/chunks/{chunk.SIO6FXBK.js → chunk.A6WS4GML.js} +2 -2
  273. package/dist/chunks/{chunk.HZPQGJ6B.js → chunk.ABJLUGLR.js} +28 -13
  274. package/dist/chunks/{chunk.4Y4BDZCW.js → chunk.ACM36IFE.js} +1 -1
  275. package/dist/chunks/{chunk.UUZBFS35.js → chunk.AECIJYFZ.js} +3 -3
  276. package/dist/chunks/{chunk.QQTHVDGJ.js → chunk.AFSUKPIV.js} +2 -2
  277. package/dist/chunks/{chunk.NTHYV3TN.js → chunk.ANV74452.js} +3 -3
  278. package/dist/chunks/{chunk.NHF2XMDG.js → chunk.APWZSSG6.js} +1 -1
  279. package/dist/chunks/{chunk.Q2XLWXN3.js → chunk.BO3GUSFS.js} +2 -2
  280. package/dist/chunks/{chunk.RAUXZLKM.js → chunk.C6UENJ2Y.js} +1 -1
  281. package/dist/chunks/{chunk.J7TEQIPK.js → chunk.CABJDFOO.js} +3 -3
  282. package/dist/chunks/{chunk.XATWRKAV.js → chunk.CKEB7DWU.js} +4 -0
  283. package/dist/chunks/{chunk.AUI3QHQQ.js → chunk.DC6KKJOX.js} +1 -1
  284. package/dist/chunks/{chunk.2V4TQXY6.js → chunk.DMSUKPJE.js} +2 -2
  285. package/dist/chunks/{chunk.SJFSACRO.js → chunk.DT6Y5ZUB.js} +3 -3
  286. package/dist/chunks/{chunk.JDHNGWIH.js → chunk.EEO75M3R.js} +2 -5
  287. package/dist/chunks/{chunk.JZCLQ75K.js → chunk.EGJGLON7.js} +1 -1
  288. package/dist/chunks/{chunk.CY7SF7KT.js → chunk.EMPEBDHH.js} +1 -1
  289. package/dist/chunks/{chunk.MFNBPWAR.js → chunk.EWMFHVNW.js} +7 -2
  290. package/dist/chunks/{chunk.2UHD24QX.js → chunk.EXGB2DIR.js} +5 -5
  291. package/dist/chunks/{chunk.3BDFJNQD.js → chunk.EXHYWKQB.js} +1 -1
  292. package/dist/chunks/{chunk.BFTVJPB4.js → chunk.FB4KLQQL.js} +1 -1
  293. package/dist/chunks/{chunk.VK44P4XQ.js → chunk.FQZVV2TO.js} +1 -1
  294. package/dist/chunks/{chunk.GSIIWPNB.js → chunk.H4WJ64X5.js} +1 -1
  295. package/dist/chunks/{chunk.55MXUVNS.js → chunk.H7L4YNKB.js} +1 -1
  296. package/dist/chunks/{chunk.CEW6LABS.js → chunk.HBYJN6RA.js} +3 -3
  297. package/dist/chunks/{chunk.PFNWEDHI.js → chunk.HFTU6LUQ.js} +1 -1
  298. package/dist/chunks/{chunk.2GKYCE3E.js → chunk.HHVXZJUU.js} +19 -15
  299. package/dist/chunks/{chunk.XS7X5VMK.js → chunk.HPAWBSR5.js} +1 -1
  300. package/dist/chunks/{chunk.3WSB3BNE.js → chunk.I522XZAV.js} +1 -1
  301. package/dist/chunks/{chunk.5KTLM3MD.js → chunk.JIMAJLDU.js} +2 -2
  302. package/dist/chunks/{chunk.D72FHMFI.js → chunk.JUOYMIGK.js} +1 -1
  303. package/dist/chunks/{chunk.BIM3HNFI.js → chunk.KZFOOKD2.js} +3 -75
  304. package/dist/chunks/{chunk.LIESRIIK.js → chunk.LFCY7UUJ.js} +6 -3
  305. package/dist/chunks/{chunk.OEOSDW6K.js → chunk.LJ2VCS7Q.js} +1 -1
  306. package/dist/chunks/{chunk.F47D5JTA.js → chunk.LQAWGV5K.js} +1 -1
  307. package/dist/chunks/{chunk.ECETHATR.js → chunk.LZOGVU7B.js} +4 -4
  308. package/dist/chunks/{chunk.LE2O6AR5.js → chunk.M5X6QE4H.js} +1 -1
  309. package/dist/chunks/{chunk.6X467UIN.js → chunk.MFGYIAUT.js} +1 -1
  310. package/dist/chunks/{chunk.6FHEIU65.js → chunk.MGW4E3VW.js} +3 -3
  311. package/dist/chunks/{chunk.7EBWBPAS.js → chunk.MXDGKTTH.js} +3 -3
  312. package/dist/chunks/{chunk.PZACWPDY.js → chunk.N2SYQR7M.js} +1 -1
  313. package/dist/chunks/{chunk.Q7VBTFT2.js → chunk.NCN4I6KX.js} +2 -2
  314. package/dist/chunks/{chunk.2E6QIQHU.js → chunk.NMU6DWUH.js} +2 -2
  315. package/dist/chunks/{chunk.HKXHM6VA.js → chunk.O3SPGNIU.js} +2 -2
  316. package/dist/chunks/{chunk.CRAVJN6L.js → chunk.O65OOIT6.js} +1 -1
  317. package/dist/chunks/{chunk.JJF4QB3T.js → chunk.OAJEHJJO.js} +1 -1
  318. package/dist/chunks/{chunk.QTVVGVFN.js → chunk.OKTHM7J2.js} +2 -2
  319. package/dist/chunks/{chunk.Y52HRJXK.js → chunk.ORFYYGB2.js} +1 -1
  320. package/dist/chunks/{chunk.UXRWPABH.js → chunk.OW6RUTZA.js} +1 -1
  321. package/dist/chunks/{chunk.RNLOUIO3.js → chunk.P2KNRWE5.js} +1 -1
  322. package/dist/chunks/{chunk.F4SZABJP.js → chunk.PEWNJNAP.js} +1 -1
  323. package/dist/chunks/{chunk.TVLPPNG4.js → chunk.PGXKP7ME.js} +2 -2
  324. package/dist/chunks/{chunk.S2VPUQPO.js → chunk.QBVIZ55Q.js} +4 -4
  325. package/dist/chunks/{chunk.IQVRPRHR.js → chunk.QGSBICBZ.js} +1 -1
  326. package/dist/chunks/{chunk.6L6NPRUN.js → chunk.QOW4B54V.js} +3 -3
  327. package/dist/chunks/{chunk.FAFK3STZ.js → chunk.QS7BPH3Y.js} +1 -1
  328. package/dist/chunks/{chunk.TOOML6W3.js → chunk.QZC7F7NX.js} +69 -8
  329. package/dist/chunks/{chunk.3XTO3LV5.js → chunk.R3CYFIJA.js} +1 -1
  330. package/dist/chunks/{chunk.ERXIZLHH.js → chunk.RIJIUMG2.js} +1 -1
  331. package/dist/chunks/{chunk.RG2NQAX7.js → chunk.RU7L7OSM.js} +6 -6
  332. package/dist/chunks/{chunk.MSDVGZFG.js → chunk.S5FAXONJ.js} +1 -1
  333. package/dist/chunks/{chunk.O67DEHIL.js → chunk.SLXERY4H.js} +3 -3
  334. package/dist/chunks/{chunk.MJVWVA7K.js → chunk.SN5JW345.js} +1 -1
  335. package/dist/chunks/{chunk.VPOPSJUF.js → chunk.SOF3BQCV.js} +5 -1
  336. package/dist/chunks/{chunk.RE5LWX2D.js → chunk.SZDGGP2Y.js} +7 -3
  337. package/dist/chunks/{chunk.LYW7WENA.js → chunk.TION6YCJ.js} +2 -2
  338. package/dist/chunks/{chunk.VPSUIQHG.js → chunk.TNZEC73D.js} +1 -1
  339. package/dist/chunks/{chunk.5C436DB4.js → chunk.TP5XEQ2O.js} +1 -1
  340. package/dist/chunks/{chunk.QTPJ4QBU.js → chunk.TRVKPMDO.js} +2 -2
  341. package/dist/chunks/{chunk.72TUQY57.js → chunk.TW7OE55S.js} +1 -1
  342. package/dist/chunks/{chunk.UOLALNTU.js → chunk.TZZRAR42.js} +1 -1
  343. package/dist/chunks/{chunk.GNJTQL5Q.js → chunk.UHF3BDIM.js} +6 -2
  344. package/dist/chunks/{chunk.CXWEKXGR.js → chunk.UHSLPBTG.js} +1 -1
  345. package/dist/chunks/{chunk.U74UUL5R.js → chunk.UKH2D4DL.js} +18 -11
  346. package/dist/chunks/{chunk.PANCODOV.js → chunk.UNDVQ2N3.js} +5 -17
  347. package/dist/chunks/{chunk.SA4KYN77.js → chunk.V5GAH4HU.js} +3 -3
  348. package/dist/chunks/{chunk.55W7VWHS.js → chunk.VA2ASBUR.js} +4 -4
  349. package/dist/chunks/{chunk.F57NYQVS.js → chunk.VBUVNNMA.js} +4 -4
  350. package/dist/chunks/{chunk.JDVVXASM.js → chunk.VHSA53PH.js} +1 -1
  351. package/dist/chunks/{chunk.P6RAYH7K.js → chunk.VKBTTWXW.js} +1 -1
  352. package/dist/chunks/{chunk.M2YBQINH.js → chunk.WDPZ4NSH.js} +2 -2
  353. package/dist/chunks/{chunk.TYAQGRNJ.js → chunk.WHHYA5VY.js} +4 -0
  354. package/dist/chunks/{chunk.QGA7WIG4.js → chunk.WRFA56CD.js} +1 -1
  355. package/dist/chunks/{chunk.CNV2KEV4.js → chunk.X6SEIMM4.js} +2 -2
  356. package/dist/chunks/{chunk.VFHBJRGL.js → chunk.XGZ4IJ57.js} +2 -2
  357. package/dist/chunks/{chunk.WOZF7EML.js → chunk.XJCHW2GZ.js} +1 -1
  358. package/dist/chunks/{chunk.QO2BHDXY.js → chunk.XL3HVVDK.js} +1 -1
  359. package/dist/chunks/{chunk.Y42C4XSY.js → chunk.XZU6MLWO.js} +1 -1
  360. package/dist/chunks/{chunk.TDKJ4FY5.js → chunk.YC2VYNCD.js} +1 -1
  361. package/dist/chunks/{chunk.3JBCFU7B.js → chunk.Z4R36OG7.js} +0 -1
  362. package/dist/chunks/{chunk.3XEJ3UQS.js → chunk.ZBTNV3E7.js} +1 -1
  363. package/dist/chunks/{chunk.AICETKP7.js → chunk.ZJEACN47.js} +2 -2
  364. package/dist/chunks/{chunk.IG5ZIIQI.js → chunk.ZQ56PQ6F.js} +2 -2
  365. package/dist/components/accordion/accordion.js +3 -3
  366. package/dist/components/accordion-group/accordion-group.js +5 -6
  367. package/dist/components/alert/alert.d.ts +1 -1
  368. package/dist/components/alert/alert.js +2 -2
  369. package/dist/components/breadcrumb/breadcrumb.js +2 -2
  370. package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
  371. package/dist/components/button/button.d.ts +0 -1
  372. package/dist/components/button/button.js +4 -5
  373. package/dist/components/button/button.styles.js +1 -1
  374. package/dist/components/calendar/calendar.js +3 -3
  375. package/dist/components/calendar/calendar.styles.js +1 -1
  376. package/dist/components/card-nav/card-nav.js +2 -2
  377. package/dist/components/card-nav/card-nav.styles.js +1 -1
  378. package/dist/components/card-nav-accordion/card-nav-accordion.js +3 -3
  379. package/dist/components/card-nav-accordion/card-nav-accordion.styles.js +1 -1
  380. package/dist/components/card-nav-item/card-nav-item.js +2 -2
  381. package/dist/components/card-nav-item/card-nav-item.styles.js +1 -1
  382. package/dist/components/checkbox/checkbox.js +6 -6
  383. package/dist/components/checkbox/checkbox.styles.js +2 -2
  384. package/dist/components/checkbox-button/checkbox-button.js +7 -7
  385. package/dist/components/checkbox-card/checkbox-card.js +3 -2
  386. package/dist/components/checkbox-group/checkbox-group.d.ts +2 -0
  387. package/dist/components/checkbox-group/checkbox-group.js +4 -4
  388. package/dist/components/checkbox-group/checkbox-group.styles.js +2 -2
  389. package/dist/components/combobox/combobox.js +9 -9
  390. package/dist/components/combobox/combobox.styles.js +2 -2
  391. package/dist/components/copy-button/copy-button.js +3 -3
  392. package/dist/components/dialog/dialog.js +2 -2
  393. package/dist/components/drawer/drawer.js +2 -2
  394. package/dist/components/dropdown/dropdown.js +2 -2
  395. package/dist/components/error-message-panel/error-message-panel.js +2 -2
  396. package/dist/components/fieldset/fieldset.js +2 -2
  397. package/dist/components/fieldset/fieldset.styles.js +1 -1
  398. package/dist/components/file-upload/file-upload.d.ts +7 -3
  399. package/dist/components/file-upload/file-upload.js +6 -6
  400. package/dist/components/file-upload/file-upload.styles.js +2 -2
  401. package/dist/components/file-upload-item/file-upload-item.js +2 -2
  402. package/dist/components/file-upload-item/file-upload-item.styles.js +1 -1
  403. package/dist/components/filter-button/filter-button.js +2 -2
  404. package/dist/components/filter-counter/filter-counter.js +22 -22
  405. package/dist/components/filter-date/filter-date.js +10 -11
  406. package/dist/components/filter-range/filter-range.js +22 -22
  407. package/dist/components/filter-select/filter-select.js +23 -23
  408. package/dist/components/footer/footer.js +2 -2
  409. package/dist/components/format-bytes/format-bytes.js +2 -2
  410. package/dist/components/format-date/format-date.js +2 -2
  411. package/dist/components/format-number/format-number.js +2 -2
  412. package/dist/components/header/header.js +2 -2
  413. package/dist/components/header-modern/header-modern.js +2 -2
  414. package/dist/components/header-search/header-search.js +8 -8
  415. package/dist/components/input/input.js +16 -16
  416. package/dist/components/input-amount/input-amount.js +6 -6
  417. package/dist/components/input-amount/input-amount.styles.js +3 -3
  418. package/dist/components/input-date/input-date.js +9 -9
  419. package/dist/components/input-date/input-date.styles.js +3 -3
  420. package/dist/components/input-mask/input-mask.js +6 -6
  421. package/dist/components/input-mask/input-mask.styles.js +3 -3
  422. package/dist/components/input-native/input-native.js +6 -6
  423. package/dist/components/input-native/input-native.styles.js +3 -3
  424. package/dist/components/input-otp/input-otp.js +4 -4
  425. package/dist/components/input-otp/input-otp.styles.js +2 -2
  426. package/dist/components/input-phone/input-phone.js +10 -10
  427. package/dist/components/input-phone/input-phone.styles.js +2 -2
  428. package/dist/components/input-time/input-time.js +6 -6
  429. package/dist/components/input-time/input-time.styles.js +3 -3
  430. package/dist/components/menu-accordion/menu-accordion.js +4 -4
  431. package/dist/components/menu-accordion/menu-accordion.styles.js +1 -1
  432. package/dist/components/menu-item/menu-item.js +3 -3
  433. package/dist/components/menu-navigation/menu-navigation.js +5 -5
  434. package/dist/components/menu-navigation/menu-navigation.styles.js +1 -1
  435. package/dist/components/navbar-link/navbar-link.js +5 -5
  436. package/dist/components/navbar-menu/navbar-menu.js +2 -2
  437. package/dist/components/option/option.js +2 -2
  438. package/dist/components/pagination/pagination.js +20 -20
  439. package/dist/components/pagination-button/pagination-button.js +3 -3
  440. package/dist/components/pagination-button/pagination-button.styles.js +2 -2
  441. package/dist/components/profile-button/profile-button.js +4 -4
  442. package/dist/components/profile-button/profile-button.styles.js +1 -1
  443. package/dist/components/progress-bar/progress-bar.js +2 -2
  444. package/dist/components/radio-button/radio-button.js +7 -7
  445. package/dist/components/radio-card/radio-card.js +6 -6
  446. package/dist/components/radio-group/radio-group.d.ts +2 -0
  447. package/dist/components/radio-group/radio-group.js +4 -4
  448. package/dist/components/radio-group/radio-group.styles.js +2 -2
  449. package/dist/components/relative-time/relative-time.js +2 -2
  450. package/dist/components/search/search.js +3 -3
  451. package/dist/components/search/search.styles.js +1 -1
  452. package/dist/components/select/select.js +7 -7
  453. package/dist/components/select/select.styles.js +2 -2
  454. package/dist/components/sidenav/sidenav.js +3 -3
  455. package/dist/components/sidenav-info-accordion/sidenav-info-accordion.js +5 -5
  456. package/dist/components/skip-links/skip-links.js +2 -2
  457. package/dist/components/spinner/spinner.js +2 -2
  458. package/dist/components/split-panel/split-panel.js +2 -2
  459. package/dist/components/step/step.js +2 -2
  460. package/dist/components/switch/switch.js +3 -3
  461. package/dist/components/tab/tab.js +2 -2
  462. package/dist/components/tab-group/tab-group.js +2 -2
  463. package/dist/components/table-action/table-action.js +6 -7
  464. package/dist/components/table-action/table-action.styles.js +1 -1
  465. package/dist/components/table-caption/table-caption.js +3 -3
  466. package/dist/components/table-caption/table-caption.styles.js +1 -1
  467. package/dist/components/table-container/table-container.js +2 -2
  468. package/dist/components/table-header-row/table-header-row.js +9 -9
  469. package/dist/components/table-of-contents/table-of-contents.js +2 -2
  470. package/dist/components/table-row/table-row.js +8 -8
  471. package/dist/components/tag/tag.js +3 -3
  472. package/dist/components/textarea/textarea.js +4 -4
  473. package/dist/components/textarea/textarea.styles.js +2 -2
  474. package/dist/components/tooltip/tooltip.js +2 -2
  475. package/dist/components/tree/tree.js +10 -10
  476. package/dist/components/tree-item/tree-item.js +9 -9
  477. package/dist/custom-elements.json +151 -76
  478. package/dist/design-system.d.ts +0 -1
  479. package/dist/design-system.js +118 -272
  480. package/dist/internal/components/form-selectable-card/form-selectable-card.d.ts +1 -0
  481. package/dist/internal/components/form-selectable-card/form-selectable-card.js +3 -1
  482. package/dist/internal/components/input-base/input-base.styles.js +6 -1
  483. package/dist/styles/form-control.styles.js +4 -0
  484. package/dist/templates/utilities/decorator.js +1 -1
  485. package/dist/templates/utilities/header.js +2 -2
  486. package/dist/themes/dsa-theme-tac.css +5 -5
  487. package/dist/themes/dsa-theme-tac.min.css +1 -1
  488. package/dist/themes/dsa-theme-tac.styles.js +5 -5
  489. package/dist/themes/dsa-wc-theme.css +174 -152
  490. package/dist/themes/dsa-wc-theme.min.css +1 -1
  491. package/dist/themes/dsa-wc-theme.styles.js +172 -152
  492. package/dist/translations/en-gb.js +1 -1
  493. package/dist/translations/en.js +1 -1
  494. package/dist/translations/fr.js +1 -1
  495. package/dist/utilities/localize.d.ts +2 -0
  496. package/dist/utilities/localize.js +1 -1
  497. package/dist/utilities/storybook.js +2 -2
  498. package/dist/vscode.html-custom-data.json +12 -11
  499. package/dist/web-types.json +62 -32
  500. package/package.json +8 -3
  501. package/cdn/chunks/chunk.3SJY545H.js +0 -3
  502. package/cdn/chunks/chunk.55AOGZN7.js +0 -3
  503. package/cdn/chunks/chunk.5MEOAS43.js +0 -66
  504. package/cdn/chunks/chunk.6JIYQYLW.js +0 -1
  505. package/cdn/chunks/chunk.SKA3D63Q.js +0 -50
  506. package/cdn/chunks/chunk.XWUH44W4.js +0 -102
  507. package/cdn/internal/components/button-group/button-group.d.ts +0 -35
  508. package/cdn/internal/components/button-group/button-group.js +0 -119
  509. package/cdn/internal/components/button-group/button-group.styles.d.ts +0 -2
  510. package/cdn/internal/components/button-group/button-group.styles.js +0 -29
  511. package/dist/internal/components/button-group/button-group.d.ts +0 -35
  512. package/dist/internal/components/button-group/button-group.js +0 -119
  513. package/dist/internal/components/button-group/button-group.styles.d.ts +0 -2
  514. package/dist/internal/components/button-group/button-group.styles.js +0 -29
package/cdn/themes/dsa-wc-theme.styles.js CHANGED
@@ -19,10 +19,10 @@ export default css`
19
19
  --dsa-wc-alert-border-color: var(--dsa-color-border-default);
20
20
  --dsa-wc-alert-border-width: 1px;
21
21
  --dsa-wc-alert-text-gap: 0.5rem;
22
- --dsa-wc-alert-title-font: var(--dsa-font-medium-bold);
22
+ --dsa-wc-alert-title-font: var(--dsa-font-body-m-bold);
23
23
  --dsa-wc-alert-title-color: var(--dsa-color-alert-on-background-title);
24
24
  --dsa-wc-alert-title-padding-top: 0.125rem;
25
- --dsa-wc-alert-message-font: var(--dsa-font-medium-normal);
25
+ --dsa-wc-alert-message-font: var(--dsa-font-body-m-normal);
26
26
  --dsa-wc-alert-primary-icon-color: var(
27
27
  --dsa-color-alert-on-background-info
28
28
  );
@@ -72,15 +72,15 @@ export default css`
72
72
  --dsa-wc-alert-small-icon-size: 1.25rem;
73
73
  --dsa-wc-alert-small-icon-margin-inline: 0.75rem;
74
74
  --dsa-wc-alert-small-text-gap: 0.25rem;
75
- --dsa-wc-alert-small-title-font: var(--dsa-font-small-bold);
75
+ --dsa-wc-alert-small-title-font: var(--dsa-font-body-s-bold);
76
76
  --dsa-wc-alert-small-title-padding-top: 0.125rem;
77
- --dsa-wc-alert-small-message-font: var(--dsa-font-small-normal);
77
+ --dsa-wc-alert-small-message-font: var(--dsa-font-body-s-normal);
78
78
  --dsa-wc-callout-padding: var(--dsa-spacing-16) var(--dsa-spacing-24);
79
79
  --dsa-wc-callout-border-radius: 0px 3px 3px 0px;
80
80
  --dsa-wc-callout-text-gap: var(--dsa-spacing-8);
81
- --dsa-wc-callout-title-font: var(--dsa-font-large-bold);
81
+ --dsa-wc-callout-title-font: var(--dsa-font-title-s-bold);
82
82
  --dsa-wc-callout-title-color: var(--dsa-color-text-on-base-primary);
83
- --dsa-wc-callout-message-font: var(--dsa-font-medium-normal);
83
+ --dsa-wc-callout-message-font: var(--dsa-font-body-m-normal);
84
84
  --dsa-wc-callout-message-color: var(--dsa-color-text-on-base-primary);
85
85
  --dsa-wc-callout-border-left-width: var(--dsa-border-6);
86
86
  --dsa-wc-callout-default-border-color: var(
@@ -93,11 +93,11 @@ export default css`
93
93
  );
94
94
  --dsa-wc-dialog-overlay: var(--dsa-color-surface-overlay);
95
95
  --dsa-wc-dialog-overlay-opacity: 0.4;
96
- --dsa-wc-dialog-font: var(--dsa-font-medium-normal);
96
+ --dsa-wc-dialog-font: var(--dsa-font-body-m-normal);
97
97
  --dsa-wc-dialog-size: 36.25rem;
98
98
  --dsa-wc-dialog-size-small: 23.125rem;
99
99
  --dsa-wc-dialog-size-large: 50rem;
100
- --dsa-wc-dialog-header-title-font: var(--dsa-font-medium-bold);
100
+ --dsa-wc-dialog-header-title-font: var(--dsa-font-body-m-bold);
101
101
  --dsa-wc-dialog-header-title-padding: 20px 0;
102
102
  --dsa-wc-dialog-header-icon-size: 1.5rem;
103
103
  --dsa-wc-dialog-header-actions-gap: var(--dsa-spacing-4);
@@ -117,9 +117,9 @@ export default css`
117
117
  --dsa-wc-dialog-panel-gutter: var(--dsa-spacing-40);
118
118
  --dsa-wc-dialog-panel-box-shadow: var(--dsa-wc-shadow-x-large);
119
119
  --dsa-wc-dialog-footer-border: 1px solid var(--dsa-color-border-default);
120
- --dsa-wc-form-font: var(--dsa-font-medium-normal);
121
- --dsa-wc-form-font-small: var(--dsa-font-small-normal);
122
- --dsa-wc-form-font-large: var(--dsa-font-large-normal);
120
+ --dsa-wc-form-font: var(--dsa-font-label-m-normal);
121
+ --dsa-wc-form-font-small: var(--dsa-font-label-s-normal);
122
+ --dsa-wc-form-font-large: var(--dsa-font-label-l-normal);
123
123
  --dsa-wc-form-border-radius: var(--dsa-spacing-4);
124
124
  --dsa-wc-form-input-height: 2.5rem;
125
125
  --dsa-wc-form-input-height-small: 1.875rem;
@@ -144,8 +144,8 @@ export default css`
144
144
  --dsa-color-border-contrasted
145
145
  );
146
146
  --dsa-wc-fieldset-legend-color: var(--dsa-color-text-on-base-primary);
147
- --dsa-wc-fieldset-title-font: var(--dsa-font-large-bold);
148
- --dsa-wc-fieldset-subtitle-font: var(--dsa-font-small-normal);
147
+ --dsa-wc-fieldset-title-font: var(--dsa-font-title-s-bold);
148
+ --dsa-wc-fieldset-subtitle-font: var(--dsa-font-body-s-normal);
149
149
  --dsa-wc-checkbox-color: var(--dsa-color-checkbox-primary);
150
150
  --dsa-wc-checkbox-color-disabled: var(--dsa-color-checkbox-disabled);
151
151
  --dsa-wc-checkbox-color-active: var(
@@ -156,9 +156,9 @@ export default css`
156
156
  --dsa-color-checkbox-box-checked-read-only-on-border
157
157
  );
158
158
  --dsa-wc-checkbox-background-color: var(--dsa-color-background-base);
159
- --dsa-wc-checkbox-font: var(--dsa-font-medium-normal);
160
- --dsa-wc-checkbox-font-small: var(--dsa-font-small-normal);
161
- --dsa-wc-checkbox-font-large: var(--dsa-font-large-normal);
159
+ --dsa-wc-checkbox-font: var(--dsa-font-label-m-normal);
160
+ --dsa-wc-checkbox-font-small: var(--dsa-font-label-s-normal);
161
+ --dsa-wc-checkbox-font-large: var(--dsa-font-label-l-normal);
162
162
  --dsa-wc-checkbox-size: 1.125rem;
163
163
  --dsa-wc-checkbox-size-small: 0.875rem;
164
164
  --dsa-wc-checkbox-size-large: 1.375rem;
@@ -188,9 +188,9 @@ export default css`
188
188
  );
189
189
  --dsa-wc-radio-color-readonly: var(--dsa-color-radio-read-only-on-border);
190
190
  --dsa-wc-radio-color-hover: var(--dsa-color-radio-hover);
191
- --dsa-wc-radio-label-font: var(--dsa-font-medium-normal);
192
- --dsa-wc-radio-label-font-small: var(--dsa-font-small-normal);
193
- --dsa-wc-radio-label-font-large: var(--dsa-font-large-normal);
191
+ --dsa-wc-radio-label-font: var(--dsa-font-label-m-normal);
192
+ --dsa-wc-radio-label-font-small: var(--dsa-font-label-s-normal);
193
+ --dsa-wc-radio-label-font-large: var(--dsa-font-label-l-normal);
194
194
  --dsa-wc-radio-label-color: var(--dsa-color-text-on-base-primary);
195
195
  --dsa-wc-radio-label-color-disabled: var(--dsa-color-text-on-base-disabled);
196
196
  --dsa-wc-radio-size: 1.125rem;
@@ -329,9 +329,9 @@ export default css`
329
329
  --dsa-color-switch-background-hover
330
330
  );
331
331
  --dsa-wc-switch-border-color-hover: var(--dsa-color-switch-border-hover);
332
- --dsa-wc-switch-font-small: var(--dsa-font-small-normal);
333
- --dsa-wc-switch-font-medium: var(--dsa-font-medium-normal);
334
- --dsa-wc-switch-font-large: var(--dsa-font-large-normal);
332
+ --dsa-wc-switch-font-small: var(--dsa-font-label-s-normal);
333
+ --dsa-wc-switch-font-medium: var(--dsa-font-label-m-normal);
334
+ --dsa-wc-switch-font-large: var(--dsa-font-label-l-normal);
335
335
  --dsa-wc-switch-size-small: 1.75rem;
336
336
  --dsa-wc-switch-size-medium: 2rem;
337
337
  --dsa-wc-switch-size-large: 2.5rem;
@@ -348,9 +348,9 @@ export default css`
348
348
  --dsa-wc-selectable-card-vertical-gap: 12.5px;
349
349
  --dsa-wc-selectable-card-content-gap: var(--dsa-spacing-16);
350
350
  --dsa-wc-selectable-card-text-gap: var(--dsa-spacing-4);
351
- --dsa-wc-selectable-card-label-font: var(--dsa-font-medium-bold);
351
+ --dsa-wc-selectable-card-label-font: var(--dsa-font-body-m-bold);
352
352
  --dsa-wc-selectable-card-label-color: var(--dsa-color-text-on-base-primary);
353
- --dsa-wc-selectable-card-description-font: var(--dsa-font-small-normal);
353
+ --dsa-wc-selectable-card-description-font: var(--dsa-font-body-s-normal);
354
354
  --dsa-wc-selectable-card-description-color: var(
355
355
  --dsa-color-text-on-base-secondary
356
356
  );
@@ -395,8 +395,8 @@ export default css`
395
395
  --dsa-wc-selectable-card-error-border-color: var(
396
396
  --dsa-color-checkbox-button-unchecked-error-border
397
397
  );
398
- --dsa-wc-tab-font: var(--dsa-font-small-normal);
399
- --dsa-wc-tab-font-active-tab: var(--dsa-font-small-bold);
398
+ --dsa-wc-tab-font: var(--dsa-font-body-s-normal);
399
+ --dsa-wc-tab-font-active-tab: var(--dsa-font-body-s-bold);
400
400
  --dsa-wc-tab-border-radius: 0px;
401
401
  --dsa-wc-tab-color: var(--dsa-color-tab-default);
402
402
  --dsa-wc-tab-color-disabled: var(--dsa-color-tab-disabled);
@@ -433,8 +433,8 @@ export default css`
433
433
  --dsa-wc-icon-button-size--xlarge: 1.5rem;
434
434
  --dsa-wc-icon-button-size--2xlarge: 2.25rem;
435
435
  --dsa-wc-card-color: var(--dsa-color-card-on-background);
436
- --dsa-wc-card-body-font: var(--dsa-font-medium-normal);
437
- --dsa-wc-card-title-font: var(--dsa-font-medium-bold);
436
+ --dsa-wc-card-body-font: var(--dsa-font-body-m-normal);
437
+ --dsa-wc-card-title-font: var(--dsa-font-body-m-bold);
438
438
  --dsa-wc-card-border-width: 1px;
439
439
  --dsa-wc-card-border-color: var(--dsa-color-border-default);
440
440
  --dsa-wc-card-border-color-contrasted: var(--dsa-color-border-contrasted);
@@ -457,13 +457,13 @@ export default css`
457
457
  --dsa-wc-card-content-filled-background-color: var(
458
458
  --dsa-color-surface-layer
459
459
  );
460
- --dsa-wc-card-content-large-title-font: var(--dsa-font-x-large-bold);
461
- --dsa-wc-card-content-medium-title-font: var(--dsa-font-large-bold);
462
- --dsa-wc-card-content-small-title-font: var(--dsa-font-medium-bold);
463
- --dsa-wc-card-content-subtitle-font: var(--dsa-font-medium-bold);
464
- --dsa-wc-card-content-small-subtitle-font: var(--dsa-font-small-bold);
465
- --dsa-wc-card-content-content-font: var(--dsa-font-medium-normal);
466
- --dsa-wc-card-content-small-content-font: var(--dsa-font-small-normal);
460
+ --dsa-wc-card-content-large-title-font: var(--dsa-font-title-xl-bold);
461
+ --dsa-wc-card-content-medium-title-font: var(--dsa-font-title-m-bold);
462
+ --dsa-wc-card-content-small-title-font: var(--dsa-font-title-s-bold);
463
+ --dsa-wc-card-content-subtitle-font: var(--dsa-font-body-m-bold);
464
+ --dsa-wc-card-content-small-subtitle-font: var(--dsa-font-body-m-bold);
465
+ --dsa-wc-card-content-content-font: var(--dsa-font-body-m-normal);
466
+ --dsa-wc-card-content-small-content-font: var(--dsa-font-body-m-normal);
467
467
  --dsa-wc-card-content-title-color: var(--dsa-color-text-on-base-primary);
468
468
  --dsa-wc-card-content-subtitle-text-color: var(
469
469
  --dsa-color-text-on-base-secondary
@@ -499,13 +499,13 @@ export default css`
499
499
  --dsa-wc-download-card-left-bar-color: var(
500
500
  --dsa-color-primitive-colors-identity-purple-500
501
501
  );
502
- --dsa-wc-download-card-link-font: var(--dsa-font-large-bold);
502
+ --dsa-wc-download-card-link-font: var(--dsa-font-title-s-bold);
503
503
  --dsa-wc-download-card-link-color: var(--dsa-color-text-on-base-primary);
504
- --dsa-wc-download-card-description-font: var(--dsa-font-medium-normal);
504
+ --dsa-wc-download-card-description-font: var(--dsa-font-body-m-normal);
505
505
  --dsa-wc-download-card-description-color: var(
506
506
  --dsa-color-text-on-base-secondary
507
507
  );
508
- --dsa-wc-download-card-document-info-font: var(--dsa-font-small-normal);
508
+ --dsa-wc-download-card-document-info-font: var(--dsa-font-body-s-normal);
509
509
  --dsa-wc-download-card-document-info-color: var(
510
510
  --dsa-color-text-on-base-secondary
511
511
  );
@@ -529,14 +529,14 @@ export default css`
529
529
  --dsa-wc-menu-border-radius: var(--dsa-spacing-4);
530
530
  --dsa-wc-menu-padding: var(--dsa-spacing-8) 0;
531
531
  --dsa-wc-menu-divider-spacing: 0.5rem;
532
- --dsa-wc-menu-item-font: var(--dsa-font-small-normal);
533
- --dsa-wc-menu-item-font-current: var(--dsa-font-small-bold);
532
+ --dsa-wc-menu-item-font: var(--dsa-font-body-s-normal);
533
+ --dsa-wc-menu-item-font-current: var(--dsa-font-body-s-bold);
534
534
  --dsa-wc-menu-item-min-height: 2.5rem;
535
- --dsa-wc-menu-item-small-font: var(--dsa-font-x-small-normal);
536
- --dsa-wc-menu-item-small-font-current: var(--dsa-font-x-small-bold);
535
+ --dsa-wc-menu-item-small-font: var(--dsa-font-body-xs-normal);
536
+ --dsa-wc-menu-item-small-font-current: var(--dsa-font-body-xs-bold);
537
537
  --dsa-wc-menu-item-small-min-height: 2rem;
538
- --dsa-wc-menu-item-large-font: var(--dsa-font-medium-normal);
539
- --dsa-wc-menu-item-large-font-current: var(--dsa-font-medium-bold);
538
+ --dsa-wc-menu-item-large-font: var(--dsa-font-body-m-normal);
539
+ --dsa-wc-menu-item-large-font-current: var(--dsa-font-body-m-bold);
540
540
  --dsa-wc-menu-item-large-min-height: 3.125rem;
541
541
  --dsa-wc-menu-item-color: var(--dsa-color-text-on-base-primary);
542
542
  --dsa-wc-menu-item-disabled-color: var(--dsa-color-text-on-base-disabled);
@@ -564,7 +564,7 @@ export default css`
564
564
  --dsa-color-menu-menu-item-hover-background
565
565
  );
566
566
  --dsa-wc-menu-item-checked-color: var(--dsa-color-menu-menu-item-selected);
567
- --dsa-wc-menu-label-font: var(--dsa-font-small-bold);
567
+ --dsa-wc-menu-label-font: var(--dsa-font-body-s-bold);
568
568
  --dsa-wc-menu-label-color: var(--dsa-color-text-on-base-secondary);
569
569
  --dsa-wc-menu-label-background-color: var(--dsa-color-surface-layer);
570
570
  --dsa-wc-menu-label-padding: 0.5rem 1.25rem;
@@ -600,7 +600,7 @@ export default css`
600
600
  --dsa-color-primitive-colors-identity-purple-200
601
601
  );
602
602
  --dsa-wc-option-disabled-color: var(--dsa-color-text-on-base-disabled);
603
- --dsa-wc-option-font: var(--dsa-font-small-normal);
603
+ --dsa-wc-option-font: var(--dsa-font-body-s-normal);
604
604
  --dsa-wc-option-icon-size: 1.25rem;
605
605
  --dsa-wc-option-medium-padding-y: var(--dsa-spacing-12);
606
606
  --dsa-wc-option-padding-left: var(--dsa-spacing-4);
@@ -608,13 +608,13 @@ export default css`
608
608
  --dsa-wc-option-padding: var(--dsa-wc-option-medium-padding-y)
609
609
  var(--dsa-wc-option-padding-right) var(--dsa-wc-option-medium-padding-y)
610
610
  var(--dsa-wc-option-padding-left);
611
- --dsa-wc-option-small-font: var(--dsa-font-x-small-normal);
611
+ --dsa-wc-option-small-font: var(--dsa-font-body-xs-normal);
612
612
  --dsa-wc-option-small-icon-size: 1.125rem;
613
613
  --dsa-wc-option-small-padding-y: var(--dsa-spacing-8);
614
614
  --dsa-wc-option-small-padding: var(--dsa-wc-option-small-padding-y)
615
615
  var(--dsa-wc-option-padding-right) var(--dsa-wc-option-small-padding-y)
616
616
  var(--dsa-wc-option-padding-left);
617
- --dsa-wc-option-large-font: var(--dsa-font-medium-normal);
617
+ --dsa-wc-option-large-font: var(--dsa-font-body-m-normal);
618
618
  --dsa-wc-option-large-icon-size: 1.5rem;
619
619
  --dsa-wc-option-large-padding-y: var(--dsa-spacing-12);
620
620
  --dsa-wc-option-large-padding: var(--dsa-wc-option-large-padding-y)
@@ -625,8 +625,8 @@ export default css`
625
625
  var(--dsa-spacing-8);
626
626
  --dsa-wc-option-prefix-suffix-inline-padding: var(--dsa-spacing-8);
627
627
  --dsa-wc-option-large-prefix-suffix-inline-padding: var(--dsa-spacing-12);
628
- --dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);
629
- --dsa-wc-badge-medium-font: var(--dsa-font-x-small-bold);
628
+ --dsa-wc-badge-small-font: var(--dsa-font-body-2-xs-bold);
629
+ --dsa-wc-badge-medium-font: var(--dsa-font-body-xs-bold);
630
630
  --dsa-wc-badge-dot-small-padding: 0.25rem;
631
631
  --dsa-wc-badge-dot-medium-padding: 0.5rem;
632
632
  --dsa-wc-badge-text-small-padding: 0.1875rem 0.3125rem;
@@ -1297,7 +1297,7 @@ export default css`
1297
1297
  --dsa-wc-button-danger-on-contrasted-menu-loading-spinner-indicator-color: var(
1298
1298
  --dsa-color-spinner-on-base-danger-on-background
1299
1299
  );
1300
- --dsa-wc-dropdown-font: var(--dsa-font-medium-normal);
1300
+ --dsa-wc-dropdown-font: var(--dsa-font-body-m-normal);
1301
1301
  --dsa-wc-dropdown-panel-background: var(--dsa-color-background-base);
1302
1302
  --dsa-wc-dropdown-panel-box-shadow: var(--dsa-wc-shadow-small);
1303
1303
  --dsa-wc-dropdown-panel-border-radius: var(--dsa-spacing-4);
@@ -1306,13 +1306,13 @@ export default css`
1306
1306
  --dsa-wc-scrollbar-radius: var(--dsa-radius-4);
1307
1307
  --dsa-wc-tag-border-radius: var(--dsa-radius-32);
1308
1308
  --dsa-wc-tag-icon-spacing: var(--dsa-spacing-4);
1309
- --dsa-wc-tag-small-font-size: var(--dsa-font-x-small-normal);
1309
+ --dsa-wc-tag-small-font-size: var(--dsa-font-body-xs-normal);
1310
1310
  --dsa-wc-tag-small-height: 1.5rem;
1311
1311
  --dsa-wc-tag-small-padding: 0 0.5rem;
1312
- --dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);
1312
+ --dsa-wc-tag-medium-font-size: var(--dsa-font-body-s-normal);
1313
1313
  --dsa-wc-tag-medium-height: 2rem;
1314
1314
  --dsa-wc-tag-medium-padding: 0 0.75rem;
1315
- --dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);
1315
+ --dsa-wc-tag-large-font-size: var(--dsa-font-body-m-normal);
1316
1316
  --dsa-wc-tag-large-height: 2.5rem;
1317
1317
  --dsa-wc-tag-large-padding: 0 1rem;
1318
1318
  --dsa-wc-tag-green-700-on-base: var(--dsa-color-tag-simple-green-on-dark);
@@ -1520,7 +1520,7 @@ export default css`
1520
1520
  --dsa-wc-tag-button-active-active-border-color: var(
1521
1521
  --dsa-color-tag-cliquable-active-pressed-border
1522
1522
  );
1523
- --dsa-wc-breadcrumb-item-font: var(--dsa-font-small-normal);
1523
+ --dsa-wc-breadcrumb-item-font: var(--dsa-font-body-s-normal);
1524
1524
  --dsa-wc-breadcrumb-item-color: var(
1525
1525
  --dsa-color-button-on-base-navigation-active
1526
1526
  );
@@ -1545,7 +1545,7 @@ export default css`
1545
1545
  --dsa-wc-split-panel-icon-padding: 0.5rem 0.125rem;
1546
1546
  --dsa-wc-split-panel-width: 4px;
1547
1547
  --dsa-wc-split-panel-hit-area: 24px;
1548
- --dsa-wc-progress-ring-font: var(--dsa-font-small-normal);
1548
+ --dsa-wc-progress-ring-font: var(--dsa-font-body-s-normal);
1549
1549
  --dsa-wc-progress-ring-color: var(--dsa-color-progress-ring-label);
1550
1550
  --dsa-wc-progress-ring-content-color: var(
1551
1551
  --dsa-color-progress-ring-ring-on-background
@@ -1563,19 +1563,19 @@ export default css`
1563
1563
  --dsa-wc-input-padding-y: var(--dsa-spacing-8);
1564
1564
  --dsa-wc-input-padding: var(--dsa-wc-input-padding-y)
1565
1565
  var(--dsa-wc-input-padding-x);
1566
- --dsa-wc-input-text-field-font: var(--dsa-font-small-normal);
1567
- --dsa-wc-input-text-field-font-small: var(--dsa-font-x-small-normal);
1568
- --dsa-wc-input-text-field-font-large: var(--dsa-font-medium-normal);
1569
- --dsa-wc-input-label-font: var(--dsa-font-small-normal);
1570
- --dsa-wc-input-label-font-small: var(--dsa-font-x-small-normal);
1571
- --dsa-wc-input-label-font-large: var(--dsa-font-medium-normal);
1566
+ --dsa-wc-input-text-field-font: var(--dsa-font-body-s-normal);
1567
+ --dsa-wc-input-text-field-font-small: var(--dsa-font-body-xs-normal);
1568
+ --dsa-wc-input-text-field-font-large: var(--dsa-font-body-m-normal);
1569
+ --dsa-wc-input-label-font: var(--dsa-font-label-m-normal);
1570
+ --dsa-wc-input-label-font-small: var(--dsa-font-label-s-normal);
1571
+ --dsa-wc-input-label-font-large: var(--dsa-font-label-l-normal);
1572
1572
  --dsa-wc-input-label-color-error: var(--dsa-color-text-on-base-error);
1573
1573
  --dsa-wc-input-label-color-disabled: var(
1574
1574
  --dsa-color-input-text-field-disabled
1575
1575
  );
1576
- --dsa-wc-input-helper-font: var(--dsa-font-small-normal);
1577
- --dsa-wc-input-helper-font-small: var(--dsa-font-x-small-normal);
1578
- --dsa-wc-input-helper-font-large: var(--dsa-font-medium-normal);
1576
+ --dsa-wc-input-helper-font: var(--dsa-font-body-s-normal);
1577
+ --dsa-wc-input-helper-font-small: var(--dsa-font-body-xs-normal);
1578
+ --dsa-wc-input-helper-font-large: var(--dsa-font-body-m-normal);
1579
1579
  --dsa-wc-input-border-width: 1px;
1580
1580
  --dsa-wc-input-border-radius: var(--dsa-spacing-4);
1581
1581
  --dsa-wc-input-icon-color: var(--dsa-color-icon-default);
@@ -1757,7 +1757,7 @@ export default css`
1757
1757
  --dsa-wc-input-time-picker-unit-selected-color: var(
1758
1758
  --dsa-color-primitive-colors-identity-purple-500
1759
1759
  );
1760
- --dsa-wc-input-time-picker-unit-font: var(--dsa-font-small-normal);
1760
+ --dsa-wc-input-time-picker-unit-font: var(--dsa-font-body-s-normal);
1761
1761
  --dsa-wc-input-time-picker-unit-color: var(
1762
1762
  --dsa-color-text-on-base-primary
1763
1763
  );
@@ -1786,9 +1786,9 @@ export default css`
1786
1786
  --dsa-wc-error-text-on-floating-menu-color: var(
1787
1787
  --dsa-color-text-on-floatting-menu-error
1788
1788
  );
1789
- --dsa-wc-error-text-font: var(--dsa-font-x-small-normal);
1790
- --dsa-wc-error-text-font-small: var(--dsa-font-2x-small-normal);
1791
- --dsa-wc-error-text-font-large: var(--dsa-font-small-normal);
1789
+ --dsa-wc-error-text-font: var(--dsa-font-body-xs-normal);
1790
+ --dsa-wc-error-text-font-small: var(--dsa-font-body-2-xs-normal);
1791
+ --dsa-wc-error-text-font-large: var(--dsa-font-body-s-normal);
1792
1792
  --dsa-wc-success-text-color: var(
1793
1793
  --dsa-color-primitive-colors-feedback-success-500
1794
1794
  );
@@ -1797,16 +1797,16 @@ export default css`
1797
1797
  );
1798
1798
  --dsa-wc-error-message-panel-container-x-padding: var(--dsa-spacing-32);
1799
1799
  --dsa-wc-error-message-panel-y-padding: var(--dsa-spacing-16);
1800
- --dsa-wc-error-message-panel-title-font: var(--dsa-font-large-bold);
1800
+ --dsa-wc-error-message-panel-title-font: var(--dsa-font-title-s-bold);
1801
1801
  --dsa-wc-error-message-panel-title-color: var(
1802
1802
  --dsa-color-text-on-base-primary
1803
1803
  );
1804
- --dsa-wc-error-message-panel-error-code-font: var(--dsa-font-medium-bold);
1804
+ --dsa-wc-error-message-panel-error-code-font: var(--dsa-font-body-m-bold);
1805
1805
  --dsa-wc-error-message-panel-error-code-color: var(
1806
1806
  --dsa-color-text-on-base-secondary
1807
1807
  );
1808
1808
  --dsa-wc-error-message-panel-description-font: var(
1809
- --dsa-font-medium-normal
1809
+ --dsa-font-body-m-normal
1810
1810
  );
1811
1811
  --dsa-wc-error-message-panel-description-color: var(
1812
1812
  --dsa-color-text-on-base-primary
@@ -1815,7 +1815,7 @@ export default css`
1815
1815
  --dsa-wc-accordion-header-border-radius: 3px;
1816
1816
  --dsa-wc-accordion-header-open-border-radius: 3px 3px 0px 0px;
1817
1817
  --dsa-wc-accordion-padding: 1rem;
1818
- --dsa-wc-accordion-font: var(--dsa-font-medium-normal);
1818
+ --dsa-wc-accordion-font: var(--dsa-font-body-m-normal);
1819
1819
  --dsa-wc-accordion-color: var(--dsa-color-text-on-base-primary);
1820
1820
  --dsa-wc-accordion-background-color: var(--dsa-color-background-base);
1821
1821
  --dsa-wc-accordion-border-color: var(--dsa-color-accordion-default-border);
@@ -1834,8 +1834,8 @@ export default css`
1834
1834
  --dsa-color-primitive-colors-neutral-200
1835
1835
  );
1836
1836
  --dsa-wc-accordion-summary-padding: 7px 0px;
1837
- --dsa-wc-accordion-summary-font: var(--dsa-font-large-bold);
1838
- --dsa-wc-accordion-small-summary-font: var(--dsa-font-medium-bold);
1837
+ --dsa-wc-accordion-summary-font: var(--dsa-font-title-s-bold);
1838
+ --dsa-wc-accordion-small-summary-font: var(--dsa-font-body-m-bold);
1839
1839
  --dsa-wc-accordion-hover-border-color: var(--dsa-color-border-hover);
1840
1840
  --dsa-wc-accordion-header-hover-background-color: var(
1841
1841
  --dsa-color-accordion-hover-background
@@ -1844,9 +1844,9 @@ export default css`
1844
1844
  --dsa-wc-select-padding-y: var(--dsa-spacing-4);
1845
1845
  --dsa-wc-select-padding: var(--dsa-wc-select-padding-y)
1846
1846
  var(--dsa-wc-select-padding-x);
1847
- --dsa-wc-select-input-font: var(--dsa-font-small-normal);
1848
- --dsa-wc-select-input-font-small: var(--dsa-font-x-small-normal);
1849
- --dsa-wc-select-input-font-large: var(--dsa-font-medium-normal);
1847
+ --dsa-wc-select-input-font: var(--dsa-font-body-s-normal);
1848
+ --dsa-wc-select-input-font-small: var(--dsa-font-body-xs-normal);
1849
+ --dsa-wc-select-input-font-large: var(--dsa-font-body-m-normal);
1850
1850
  --dsa-wc-select-listbox-divider-spacing: 0.5rem;
1851
1851
  --dsa-wc-select-listbox-padding-inline: 1.75rem;
1852
1852
  --dsa-wc-select-listbox-margin-top: 0.5rem;
@@ -1877,9 +1877,9 @@ export default css`
1877
1877
  );
1878
1878
  --dsa-wc-multiselect-tag-border-radius: var(--dsa-radius-4);
1879
1879
  --dsa-wc-multiselect-tag-padding-inline: var(--dsa-spacing-4);
1880
- --dsa-wc-combobox-input-font: var(--dsa-font-small-normal);
1881
- --dsa-wc-combobox-input-font-small: var(--dsa-font-x-small-normal);
1882
- --dsa-wc-combobox-input-font-large: var(--dsa-font-medium-normal);
1880
+ --dsa-wc-combobox-input-font: var(--dsa-font-body-s-normal);
1881
+ --dsa-wc-combobox-input-font-small: var(--dsa-font-body-xs-normal);
1882
+ --dsa-wc-combobox-input-font-large: var(--dsa-font-body-m-normal);
1883
1883
  --dsa-wc-combobox-listbox-divider-spacing: 0.5rem;
1884
1884
  --dsa-wc-combobox-listbox-padding-inline: 1.75rem;
1885
1885
  --dsa-wc-combobox-listbox-border-radius: 0.25rem;
@@ -1892,7 +1892,7 @@ export default css`
1892
1892
  --dsa-wc-combobox-empty-label-color: var(
1893
1893
  --dsa-color-text-on-base-secondary
1894
1894
  );
1895
- --dsa-wc-combobox-empty-label-font: var(--dsa-font-small-normal);
1895
+ --dsa-wc-combobox-empty-label-font: var(--dsa-font-body-s-normal);
1896
1896
  --dsa-wc-combobox-icon-margin: 0.75rem;
1897
1897
  --dsa-wc-combobox-expand-icon-error-color: var(
1898
1898
  --dsa-color-icon-on-base-error
@@ -1907,17 +1907,17 @@ export default css`
1907
1907
  --dsa-wc-drawer-filters-spacing: 0.75rem;
1908
1908
  --dsa-wc-drawer-color: var(--dsa-color-text-on-base-primary);
1909
1909
  --dsa-wc-drawer-header-padding: 1.25rem 1rem;
1910
- --dsa-wc-drawer-header-font: var(--dsa-font-medium-bold);
1910
+ --dsa-wc-drawer-header-font: var(--dsa-font-body-m-bold);
1911
1911
  --dsa-wc-drawer-header-actions-gap: 0.25rem;
1912
1912
  --dsa-wc-drawer-filters-header-min-height: 64px;
1913
- --dsa-wc-drawer-content-font: var(--dsa-font-medium-normal);
1913
+ --dsa-wc-drawer-content-font: var(--dsa-font-body-m-normal);
1914
1914
  --dsa-wc-drawer-footer-border-top: 1px solid var(--dsa-color-border-default);
1915
1915
  --dsa-wc-drawer-footer-button-margin-inline-end: 0.5rem;
1916
1916
  --dsa-wc-tooltip-arrow-size: 6px;
1917
1917
  --dsa-wc-tooltip-arrow-color: var(--dsa-color-tooltip-background);
1918
1918
  --dsa-wc-tooltip-border-radius: var(--dsa-radius-4);
1919
1919
  --dsa-wc-tooltip-background-color: var(--dsa-color-tooltip-background);
1920
- --dsa-wc-tooltip-font: var(--dsa-font-medium-normal);
1920
+ --dsa-wc-tooltip-font: var(--dsa-font-body-m-normal);
1921
1921
  --dsa-wc-tooltip-color: var(--dsa-color-tooltip-on-background);
1922
1922
  --dsa-wc-tooltip-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);
1923
1923
  --dsa-wc-tree-indent-guide-color: var(--dsa-color-divider-background);
@@ -1929,7 +1929,7 @@ export default css`
1929
1929
  --dsa-wc-tree-item-icon-padding: var(--dsa-spacing-4);
1930
1930
  --dsa-wc-tree-item-icon-margin-end: var(--dsa-spacing-4);
1931
1931
  --dsa-wc-tree-item-color: var(--dsa-color-tree-item-on-background);
1932
- --dsa-wc-tree-item-font: var(--dsa-font-medium-normal);
1932
+ --dsa-wc-tree-item-font: var(--dsa-font-body-m-normal);
1933
1933
  --dsa-wc-tree-item-selected-background-color: var(
1934
1934
  --dsa-color-tree-item-selected-background
1935
1935
  );
@@ -1947,7 +1947,7 @@ export default css`
1947
1947
  --dsa-color-progress-bar-on-indicator-label
1948
1948
  );
1949
1949
  --dsa-wc-progress-bar-border-radius: var(--dsa-spacing-32);
1950
- --dsa-wc-progress-bar-font: var(--dsa-font-x-small-bold);
1950
+ --dsa-wc-progress-bar-font: var(--dsa-font-body-xs-bold);
1951
1951
  --dsa-wc-progress-bar-height: 1rem;
1952
1952
  --dsa-wc-spinner-track-width: var(--dsa-spacing-4);
1953
1953
  --dsa-wc-spinner-on-base-track-color: var(
@@ -1973,13 +1973,13 @@ export default css`
1973
1973
  --dsa-wc-avatar-border-radius: 50%;
1974
1974
  --dsa-wc-avatar-border: solid 2px var(--dsa-color-avatar-border);
1975
1975
  --dsa-wc-avatar-small-size: 1.25rem;
1976
- --dsa-wc-avatar-small-font: var(--dsa-font-x-small-normal);
1976
+ --dsa-wc-avatar-small-font: var(--dsa-font-body-xs-normal);
1977
1977
  --dsa-wc-avatar-medium-size: 2rem;
1978
- --dsa-wc-avatar-medium-font: var(--dsa-font-small-normal);
1978
+ --dsa-wc-avatar-medium-font: var(--dsa-font-body-s-normal);
1979
1979
  --dsa-wc-avatar-large-size: 2.5rem;
1980
- --dsa-wc-avatar-large-font: var(--dsa-font-medium-normal);
1980
+ --dsa-wc-avatar-large-font: var(--dsa-font-body-m-normal);
1981
1981
  --dsa-wc-avatar-x-large-size: 3rem;
1982
- --dsa-wc-avatar-x-large-font: var(--dsa-font-large-normal);
1982
+ --dsa-wc-avatar-x-large-font: var(--dsa-font-title-s-normal);
1983
1983
  --dsa-wc-avatar-group-margin-left: -0.75rem;
1984
1984
  --dsa-wc-stepper-color-progress-complete: var(
1985
1985
  --dsa-color-stepper-indicator-line-complete
@@ -2006,10 +2006,10 @@ export default css`
2006
2006
  --dsa-color-stepper-indicator-icon-complete-background
2007
2007
  );
2008
2008
  --dsa-wc-stepper-color-index: var(--dsa-color-text-on-base-secondary);
2009
- --dsa-wc-stepper-font-index: var(--dsa-font-2x-small-normal);
2009
+ --dsa-wc-stepper-font-index: var(--dsa-font-body-2-xs-normal);
2010
2010
  --dsa-wc-stepper-color-title: var(--dsa-color-text-on-base-primary);
2011
- --dsa-wc-stepper-font-title: var(--dsa-font-medium-bold);
2012
- --dsa-wc-stepper-font-content: var(--dsa-font-x-small-normal);
2011
+ --dsa-wc-stepper-font-title: var(--dsa-font-body-m-bold);
2012
+ --dsa-wc-stepper-font-content: var(--dsa-font-body-xs-normal);
2013
2013
  --dsa-wc-stepper-color-content: var(--dsa-color-text-on-base-secondary);
2014
2014
  --dsa-wc-stepper-icon-border-width: 1.4px;
2015
2015
  --dsa-wc-stepper-icon-border-style: solid;
@@ -2063,12 +2063,12 @@ export default css`
2063
2063
  --dsa-wc-link-document-info-floating-menu-color: var(
2064
2064
  --dsa-color-file-download-link-on-floatting-menu-document-info
2065
2065
  );
2066
- --dsa-wc-link-font-x-large: var(--dsa-font-x-large-normal);
2067
- --dsa-wc-link-font-large: var(--dsa-font-large-normal);
2068
- --dsa-wc-link-font: var(--dsa-font-medium-normal);
2069
- --dsa-wc-link-font-small: var(--dsa-font-small-normal);
2070
- --dsa-wc-link-font-x-small: var(--dsa-font-x-small-normal);
2071
- --dsa-wc-link-font-2x-small: var(--dsa-font-2x-small-normal);
2066
+ --dsa-wc-link-font-x-large: var(--dsa-font-title-xl-normal);
2067
+ --dsa-wc-link-font-large: var(--dsa-font-title-s-normal);
2068
+ --dsa-wc-link-font: var(--dsa-font-body-m-normal);
2069
+ --dsa-wc-link-font-small: var(--dsa-font-body-s-normal);
2070
+ --dsa-wc-link-font-x-small: var(--dsa-font-body-xs-normal);
2071
+ --dsa-wc-link-font-2x-small: var(--dsa-font-body-2-xs-normal);
2072
2072
  --dsa-wc-range-slider-background: var(
2073
2073
  --dsa-color-primitive-colors-neutral-200
2074
2074
  );
@@ -2095,7 +2095,7 @@ export default css`
2095
2095
  --dsa-wc-skip-link-padding-y: var(--dsa-spacing-12);
2096
2096
  --dsa-wc-skip-link-list-padding: var(--dsa-spacing-0);
2097
2097
  --dsa-wc-skip-link-list-gap: var(--dsa-spacing-16);
2098
- --dsa-wc-skip-link-item-font: var(--dsa-font-medium-bold);
2098
+ --dsa-wc-skip-link-item-font: var(--dsa-font-body-m-bold);
2099
2099
  --dsa-wc-skip-link-item-padding: var(--dsa-spacing-12);
2100
2100
  --dsa-wc-skip-link-item-radius: var(--dsa-radius-4);
2101
2101
  --dsa-wc-skip-link-item-color: var(
@@ -2107,18 +2107,18 @@ export default css`
2107
2107
  --dsa-wc-skip-link-item-color-active: var(
2108
2108
  --dsa-color-button-on-base-navigation-active
2109
2109
  );
2110
- --dsa-wc-file-upload-label-font-small: var(--dsa-font-small-bold);
2111
- --dsa-wc-file-upload-label-font-medium: var(--dsa-font-medium-bold);
2112
- --dsa-wc-file-upload-label-font-large: var(--dsa-font-large-bold);
2113
- --dsa-wc-file-upload-description-font-small: var(--dsa-font-x-small-normal);
2114
- --dsa-wc-file-upload-description-font-medium: var(--dsa-font-small-normal);
2115
- --dsa-wc-file-upload-description-font-large: var(--dsa-font-medium-normal);
2116
- --dsa-wc-file-upload-help-text-font-small: var(--dsa-font-x-small-normal);
2117
- --dsa-wc-file-upload-help-text-font-medium: var(--dsa-font-small-normal);
2118
- --dsa-wc-file-upload-help-text-font-large: var(--dsa-font-medium-normal);
2119
- --dsa-wc-file-upload-error-text-font-small: var(--dsa-font-x-small-normal);
2120
- --dsa-wc-file-upload-error-text-font-medium: var(--dsa-font-small-normal);
2121
- --dsa-wc-file-upload-error-text-font-large: var(--dsa-font-medium-normal);
2110
+ --dsa-wc-file-upload-label-font-small: var(--dsa-font-label-s-bold);
2111
+ --dsa-wc-file-upload-label-font-medium: var(--dsa-font-label-m-bold);
2112
+ --dsa-wc-file-upload-label-font-large: var(--dsa-font-label-l-bold);
2113
+ --dsa-wc-file-upload-description-font-small: var(--dsa-font-body-xs-normal);
2114
+ --dsa-wc-file-upload-description-font-medium: var(--dsa-font-body-s-normal);
2115
+ --dsa-wc-file-upload-description-font-large: var(--dsa-font-body-m-normal);
2116
+ --dsa-wc-file-upload-help-text-font-small: var(--dsa-font-body-xs-normal);
2117
+ --dsa-wc-file-upload-help-text-font-medium: var(--dsa-font-body-s-normal);
2118
+ --dsa-wc-file-upload-help-text-font-large: var(--dsa-font-body-m-normal);
2119
+ --dsa-wc-file-upload-error-text-font-small: var(--dsa-font-body-xs-normal);
2120
+ --dsa-wc-file-upload-error-text-font-medium: var(--dsa-font-body-s-normal);
2121
+ --dsa-wc-file-upload-error-text-font-large: var(--dsa-font-body-m-normal);
2122
2122
  --dsa-wc-file-upload-clear-icon-small-size: 0.875rem;
2123
2123
  --dsa-wc-file-upload-clear-icon-medium-size: 1rem;
2124
2124
  --dsa-wc-file-upload-clear-icon-large-size: 1.25rem;
@@ -2140,12 +2140,12 @@ export default css`
2140
2140
  --dsa-wc-footer-logo-height-desktop: 50px;
2141
2141
  --dsa-wc-footer-content-block-spacing: var(--dsa-spacing-16);
2142
2142
  --dsa-wc-footer-content-block-max-width: 800px;
2143
- --dsa-wc-footer-content-block-title-font: var(--dsa-font-medium-bold);
2143
+ --dsa-wc-footer-content-block-title-font: var(--dsa-font-body-m-bold);
2144
2144
  --dsa-wc-footer-content-block-title-color: var(
2145
2145
  --dsa-color-text-on-base-secondary
2146
2146
  );
2147
2147
  --dsa-wc-footer-content-block-title-margin: 0px;
2148
- --dsa-wc-footer-content-block-content-font: var(--dsa-font-small-normal);
2148
+ --dsa-wc-footer-content-block-content-font: var(--dsa-font-body-s-normal);
2149
2149
  --dsa-wc-footer-content-block-content-color: var(
2150
2150
  --dsa-color-text-on-base-secondary
2151
2151
  );
@@ -2153,7 +2153,7 @@ export default css`
2153
2153
  --dsa-wc-footer-mandatory-mentions-spacing: var(--dsa-spacing-8);
2154
2154
  --dsa-wc-footer-mandatory-mentions-vertical-size: 12px;
2155
2155
  --dsa-wc-footer-mandatory-mentions-text-font: var(
2156
- --dsa-font-x-small-normal
2156
+ --dsa-font-body-xs-normal
2157
2157
  );
2158
2158
  --dsa-wc-footer-mandatory-mentions-text-color: var(
2159
2159
  --dsa-color-text-on-base-secondary
@@ -2162,11 +2162,11 @@ export default css`
2162
2162
  --dsa-wc-footer-sitemap-spacing: var(--dsa-spacing-8);
2163
2163
  --dsa-wc-footer-sitemap-list-spacing: var(--dsa-spacing-16);
2164
2164
  --dsa-wc-footer-sitemap-list-vertical-spacing: var(--dsa-spacing-4);
2165
- --dsa-wc-footer-sitemap-label-font: var(--dsa-font-medium-bold);
2165
+ --dsa-wc-footer-sitemap-label-font: var(--dsa-font-body-m-bold);
2166
2166
  --dsa-wc-footer-sitemap-label-color: var(
2167
2167
  --dsa-color-text-on-base-secondary
2168
2168
  );
2169
- --dsa-wc-footer-sitemap-list-font: var(--dsa-font-small-normal);
2169
+ --dsa-wc-footer-sitemap-list-font: var(--dsa-font-body-s-normal);
2170
2170
  --dsa-wc-footer-sitemap-label-margin: 0px;
2171
2171
  --dsa-wc-header-background: var(--dsa-color-background-base);
2172
2172
  --dsa-wc-header-box-shadow: var(--dsa-wc-shadow-large);
@@ -2185,11 +2185,11 @@ export default css`
2185
2185
  --dsa-wc-header-sitename-color: var(
2186
2186
  --dsa-color-primitive-colors-identity-purple-500
2187
2187
  );
2188
- --dsa-wc-header-sitename-font-mobile: var(--dsa-font-small-bold);
2189
- --dsa-wc-header-sitename-font-desktop: var(--dsa-font-medium-bold);
2188
+ --dsa-wc-header-sitename-font-mobile: var(--dsa-font-body-s-bold);
2189
+ --dsa-wc-header-sitename-font-desktop: var(--dsa-font-body-m-bold);
2190
2190
  --dsa-wc-header-baseline-color: var(--dsa-color-text-on-base-primary);
2191
- --dsa-wc-header-baseline-font-mobile: var(--dsa-font-x-small-normal);
2192
- --dsa-wc-header-baseline-font-desktop: var(--dsa-font-small-normal);
2191
+ --dsa-wc-header-baseline-font-mobile: var(--dsa-font-body-xs-normal);
2192
+ --dsa-wc-header-baseline-font-desktop: var(--dsa-font-body-s-normal);
2193
2193
  --dsa-wc-header-search-max-width: 800px;
2194
2194
  --dsa-wc-header-modern-cnsa-logo-width-mobile: 68px;
2195
2195
  --dsa-wc-header-modern-cnsa-logo-width-desktop: 84px;
@@ -2214,15 +2214,15 @@ export default css`
2214
2214
  --dsa-wc-page-header-padding-x-desktop: 80px;
2215
2215
  --dsa-wc-page-header-title-icon-size-mobile: 2.5rem;
2216
2216
  --dsa-wc-page-header-title-icon-size-desktop: 2rem;
2217
- --dsa-wc-page-header-title-font-mobile: var(--dsa-font-large-bold);
2218
- --dsa-wc-page-header-title-font-desktop: var(--dsa-font-x-large-bold);
2219
- --dsa-wc-page-header-subtitle-font: var(--dsa-font-medium-normal);
2220
- --dsa-wc-page-header-secondary-text-font: var(--dsa-font-small-normal);
2217
+ --dsa-wc-page-header-title-font-mobile: var(--dsa-font-title-s-bold);
2218
+ --dsa-wc-page-header-title-font-desktop: var(--dsa-font-title-xl-bold);
2219
+ --dsa-wc-page-header-subtitle-font: var(--dsa-font-body-m-normal);
2220
+ --dsa-wc-page-header-secondary-text-font: var(--dsa-font-body-s-normal);
2221
2221
  --dsa-wc-page-header-secondary-text-color: var(
2222
2222
  --dsa-color-text-on-base-secondary
2223
2223
  );
2224
2224
  --dsa-wc-profile-button-border-radius: 40px;
2225
- --dsa-wc-profile-button-font: var(--dsa-font-small-normal);
2225
+ --dsa-wc-profile-button-font: var(--dsa-font-body-s-normal);
2226
2226
  --dsa-wc-profile-button-background: var(--dsa-color-background-base);
2227
2227
  --dsa-wc-profile-button-background-hover: var(
2228
2228
  --dsa-color-primitive-colors-neutral-100
@@ -2256,7 +2256,7 @@ export default css`
2256
2256
  --dsa-wc-table-header-cell-skeleton-sheen-color: var(
2257
2257
  --dsa-color-primitive-colors-neutral-300
2258
2258
  );
2259
- --dsa-wc-table-header-row-font: var(--dsa-font-small-bold);
2259
+ --dsa-wc-table-header-row-font: var(--dsa-font-body-s-bold);
2260
2260
  --dsa-wc-table-header-row-background: var(
2261
2261
  --dsa-color-table-header-cell-default-background
2262
2262
  );
@@ -2266,7 +2266,7 @@ export default css`
2266
2266
  --dsa-wc-table-cell-border-color: var(--dsa-color-divider-background);
2267
2267
  --dsa-wc-table-cell-border-size: 1px;
2268
2268
  --dsa-wc-table-row-background: var(--dsa-color-background-base);
2269
- --dsa-wc-table-row-font: var(--dsa-font-small-normal);
2269
+ --dsa-wc-table-row-font: var(--dsa-font-body-s-normal);
2270
2270
  --dsa-wc-table-row-color: var(--dsa-color-text-on-base-primary);
2271
2271
  --dsa-wc-table-row-hover-background: var(
2272
2272
  --dsa-color-primitive-colors-identity-purple-100
@@ -2298,7 +2298,7 @@ export default css`
2298
2298
  hsla(0, 0%, 60%, 0.25);
2299
2299
  --dsa-wc-table-expanded-row-bottom-shadow: inset 0px -11px 10px -12px
2300
2300
  hsla(0, 0%, 60%, 0.25);
2301
- --dsa-wc-pagination-font: var(--dsa-font-small-normal);
2301
+ --dsa-wc-pagination-font: var(--dsa-font-body-s-normal);
2302
2302
  --dsa-wc-pagination-height-desktop: 56px;
2303
2303
  --dsa-wc-pagination-color: var(--dsa-color-text-on-base-primary);
2304
2304
  --dsa-wc-pagination-button-border: solid 1px var(--dsa-color-border-default);
@@ -2319,14 +2319,14 @@ export default css`
2319
2319
  --dsa-wc-pagination-button-selected-color: hsla(265, 90%, 39%, 1);
2320
2320
  --dsa-wc-pagination-button-disabled-color: hsla(0, 0%, 40%, 1);
2321
2321
  --dsa-wc-pagination-select-border-color: var(--dsa-color-border-default);
2322
- --dsa-wc-pagination-select-font: var(--dsa-font-x-small-normal);
2323
- --dsa-wc-pagination-compact-font: var(--dsa-font-medium-normal);
2322
+ --dsa-wc-pagination-select-font: var(--dsa-font-body-xs-normal);
2323
+ --dsa-wc-pagination-compact-font: var(--dsa-font-body-m-normal);
2324
2324
  --dsa-wc-pagination-compact-button-size: 40px;
2325
- --dsa-wc-filter-button-label-font: var(--dsa-font-small-normal);
2325
+ --dsa-wc-filter-button-label-font: var(--dsa-font-body-s-normal);
2326
2326
  --dsa-wc-filter-button-label-color: var(
2327
2327
  --dsa-wc-input-on-base-text-field-placeholder-color
2328
2328
  );
2329
- --dsa-wc-filter-button-value-font: var(--dsa-font-small-bold);
2329
+ --dsa-wc-filter-button-value-font: var(--dsa-font-body-s-bold);
2330
2330
  --dsa-wc-filter-button-value-color: var(
2331
2331
  --dsa-color-primitive-colors-identity-purple-500
2332
2332
  );
@@ -2365,13 +2365,13 @@ export default css`
2365
2365
  --dsa-wc-calendar-radius: var(--dsa-radius-4);
2366
2366
  --dsa-wc-calendar-background-color: var(--dsa-color-background-base);
2367
2367
  --dsa-wc-calendar-font-color: var(--dsa-color-text-on-base-primary);
2368
- --dsa-wc-calendar-font: var(--dsa-font-small-normal);
2368
+ --dsa-wc-calendar-font: var(--dsa-font-body-s-normal);
2369
2369
  --dsa-wc-calendar-header-padding: var(--dsa-spacing-16);
2370
- --dsa-wc-calendar-header-font: var(--dsa-font-small-normal);
2370
+ --dsa-wc-calendar-header-font: var(--dsa-font-body-s-normal);
2371
2371
  --dsa-wc-calendar-header-color: var(
2372
2372
  --dsa-color-datepicker-on-background-day
2373
2373
  );
2374
- --dsa-wc-calendar-cell-font: var(--dsa-font-small-normal);
2374
+ --dsa-wc-calendar-cell-font: var(--dsa-font-body-s-normal);
2375
2375
  --dsa-wc-calendar-cell-color: var(--dsa-color-text-on-base-primary);
2376
2376
  --dsa-wc-calendar-cell-size: 2.25rem;
2377
2377
  --dsa-wc-calendar-cell-padding: var(--dsa-spacing-8);
@@ -2384,7 +2384,7 @@ export default css`
2384
2384
  --dsa-wc-calendar-month-year-color: var(
2385
2385
  --dsa-color-primitive-colors-neutral-800
2386
2386
  );
2387
- --dsa-wc-calendar-month-year-font: var(--dsa-font-medium-normal);
2387
+ --dsa-wc-calendar-month-year-font: var(--dsa-font-body-m-normal);
2388
2388
  --dsa-wc-calendar-cell-selected-color: var(
2389
2389
  --dsa-color-primitive-colors-identity-purple-500
2390
2390
  );
@@ -2401,7 +2401,7 @@ export default css`
2401
2401
  --dsa-color-table-toolbar-border-active
2402
2402
  );
2403
2403
  --dsa-wc-filter-date-border-radius: var(--dsa-radius-4);
2404
- --dsa-wc-filter-date-font: var(--dsa-font-small-normal);
2404
+ --dsa-wc-filter-date-font: var(--dsa-font-body-s-normal);
2405
2405
  --dsa-wc-filter-date-background-color: var(
2406
2406
  --dsa-color-table-toolbar-background
2407
2407
  );
@@ -2430,7 +2430,7 @@ export default css`
2430
2430
  --dsa-wc-filter-date-panel-border-color: var(--dsa-color-border-default);
2431
2431
  --dsa-wc-filter-date-panel-padding: var(--dsa-spacing-16);
2432
2432
  --dsa-wc-filter-date-panel-border-radius: var(--dsa-radius-4);
2433
- --dsa-wc-navbar-font: var(--dsa-font-small-normal);
2433
+ --dsa-wc-navbar-font: var(--dsa-font-body-s-normal);
2434
2434
  --dsa-wc-navbar-button-color: var(--dsa-color-text-on-base-primary);
2435
2435
  --dsa-wc-navbar-button-height-desktop: 48px;
2436
2436
  --dsa-wc-navbar-button-height-mobile: 38px;
@@ -2440,7 +2440,7 @@ export default css`
2440
2440
  --dsa-wc-navbar-link-padding-mobile: var(--dsa-spacing-10)
2441
2441
  var(--dsa-spacing-40) var(--dsa-spacing-10) var(--dsa-spacing-16);
2442
2442
  --dsa-wc-navbar-button-background-hover: var(--dsa-color-background-hover);
2443
- --dsa-wc-navbar-button-font-active: var(--dsa-font-small-bold);
2443
+ --dsa-wc-navbar-button-font-active: var(--dsa-font-body-s-bold);
2444
2444
  --dsa-wc-navbar-button-color-active: var(
2445
2445
  --dsa-color-primitive-colors-identity-purple-500
2446
2446
  );
@@ -2455,12 +2455,12 @@ export default css`
2455
2455
  --dsa-wc-table-of-contents-label-color: var(
2456
2456
  --dsa-color-table-of-content-text-title
2457
2457
  );
2458
- --dsa-wc-table-of-contents-label-font: var(--dsa-font-small-bold);
2458
+ --dsa-wc-table-of-contents-label-font: var(--dsa-font-body-s-bold);
2459
2459
  --dsa-wc-table-of-contents-current-section-color: var(
2460
2460
  --dsa-color-table-of-content-text-active-anchor
2461
2461
  );
2462
2462
  --dsa-wc-table-of-contents-current-section-font: var(
2463
- --dsa-font-small-normal
2463
+ --dsa-font-body-s-normal
2464
2464
  );
2465
2465
  --dsa-wc-table-of-contents-content-background: var(
2466
2466
  --dsa-color-background-base
@@ -2487,15 +2487,15 @@ export default css`
2487
2487
  --dsa-wc-quote-details-color: var(--dsa-color-text-on-base-secondary);
2488
2488
  --dsa-wc-quote-border-color: var(--dsa-color-quote-border);
2489
2489
  --dsa-wc-quote-background-color: var(--dsa-color-quote-background);
2490
- --dsa-wc-quote-blockquote-font: var(--dsa-font-x-large-normal);
2491
- --dsa-wc-quote-source-font: var(--dsa-font-x-large-bold);
2492
- --dsa-wc-quote-details-font: var(--dsa-font-medium-normal);
2493
- --dsa-wc-quote-blockquote-font-small: var(--dsa-font-large-normal);
2494
- --dsa-wc-quote-source-font-small: var(--dsa-font-large-bold);
2495
- --dsa-wc-quote-details-font-small: var(--dsa-font-small-normal);
2496
- --dsa-wc-search-small-input-font: var(--dsa-font-small-normal);
2497
- --dsa-wc-search-medium-input-font: var(--dsa-font-medium-normal);
2498
- --dsa-wc-search-large-input-font: var(--dsa-font-medium-normal);
2490
+ --dsa-wc-quote-blockquote-font: var(--dsa-font-title-xl-normal);
2491
+ --dsa-wc-quote-source-font: var(--dsa-font-title-xl-bold);
2492
+ --dsa-wc-quote-details-font: var(--dsa-font-body-m-normal);
2493
+ --dsa-wc-quote-blockquote-font-small: var(--dsa-font-title-s-normal);
2494
+ --dsa-wc-quote-source-font-small: var(--dsa-font-title-s-bold);
2495
+ --dsa-wc-quote-details-font-small: var(--dsa-font-body-s-normal);
2496
+ --dsa-wc-search-small-input-font: var(--dsa-font-body-s-normal);
2497
+ --dsa-wc-search-medium-input-font: var(--dsa-font-body-m-normal);
2498
+ --dsa-wc-search-large-input-font: var(--dsa-font-body-m-normal);
2499
2499
  --dsa-wc-search-input-color: var(
2500
2500
  --dsa-color-search-text-field-default-input
2501
2501
  );
@@ -2602,6 +2602,26 @@ export default css`
2602
2602
  --dsa-wc-breakpoint-medium: 905px;
2603
2603
  --dsa-wc-breakpoint-large: 1240px;
2604
2604
  --dsa-wc-breakpoint-x-large: 1440px;
2605
+ --dsa-font-2x-small-bold: var(--dsa-font-body-2-xs-bold);
2606
+ --dsa-font-2x-small-normal: var(--dsa-font-body-2-xs-normal);
2607
+ --dsa-font-x-small-bold: var(--dsa-font-body-xs-bold);
2608
+ --dsa-font-x-small-bold-underline: var(--dsa-font-body-xs-bold-underline);
2609
+ --dsa-font-x-small-normal: var(--dsa-font-body-xs-normal);
2610
+ --dsa-font-small-bold: var(--dsa-font-body-s-bold);
2611
+ --dsa-font-small-normal: var(--dsa-font-body-s-normal);
2612
+ --dsa-font-small-normal-underline: var(--dsa-font-body-s-normal-underline);
2613
+ --dsa-font-medium-bold: var(--dsa-font-body-m-bold);
2614
+ --dsa-font-medium-normal: var(--dsa-font-body-m-normal);
2615
+ --dsa-font-large-bold: var(--dsa-font-title-s-bold);
2616
+ --dsa-font-large-normal: var(--dsa-font-title-s-normal);
2617
+ --dsa-font-x-large-bold: var(--dsa-font-title-xl-bold);
2618
+ --dsa-font-x-large-normal: var(--dsa-font-title-xl-normal);
2619
+ --dsa-font-2x-large-bold: var(--dsa-font-display-s-bold);
2620
+ --dsa-font-2x-large-normal: var(--dsa-font-display-s-normal);
2621
+ --dsa-font-3x-large-bold: var(--dsa-font-display-m-bold);
2622
+ --dsa-font-3x-large-normal: var(--dsa-font-display-m-normal);
2623
+ --dsa-font-4x-large-bold: var(--dsa-font-display-xl-bold);
2624
+ --dsa-font-4x-large-normal: var(--dsa-font-display-xl-normal);
2605
2625
  }
2606
2626
 
2607
2627
  .dsa-scroll-lock {