@gov-design-system-ce/components 4.2.0 → 4.2.2

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 (477) hide show
  1. package/dist/cjs/{array.utils-96eadde3.js → array.utils-211fffc0.js} +2 -2
  2. package/dist/cjs/{array.utils-96eadde3.js.map → array.utils-211fffc0.js.map} +1 -1
  3. package/dist/cjs/core.cjs.js +1 -1
  4. package/dist/cjs/gov-attachments_3.cjs.entry.js +3 -3
  5. package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
  6. package/dist/cjs/gov-banner.cjs.entry.js +21 -20
  7. package/dist/cjs/gov-banner.cjs.entry.js.map +1 -1
  8. package/dist/cjs/gov-blockquote.cjs.entry.js +1 -1
  9. package/dist/cjs/gov-blockquote.cjs.entry.js.map +1 -1
  10. package/dist/cjs/gov-breadcrumbs.cjs.entry.js +3 -3
  11. package/dist/cjs/gov-button.cjs.entry.js +5 -5
  12. package/dist/cjs/gov-card.cjs.entry.js +11 -3
  13. package/dist/cjs/gov-card.cjs.entry.js.map +1 -1
  14. package/dist/cjs/gov-chip.cjs.entry.js +2 -2
  15. package/dist/cjs/gov-container.cjs.entry.js +1 -1
  16. package/dist/cjs/gov-control-group.cjs.entry.js +1 -1
  17. package/dist/cjs/gov-cookiebar.cjs.entry.js +1 -1
  18. package/dist/cjs/gov-dialog.cjs.entry.js +3 -3
  19. package/dist/cjs/gov-dropdown.cjs.entry.js +1 -1
  20. package/dist/cjs/gov-empty.cjs.entry.js +1 -1
  21. package/dist/cjs/gov-error-code.cjs.entry.js +1 -1
  22. package/dist/cjs/gov-flex_3.cjs.entry.js +3 -3
  23. package/dist/cjs/gov-form-autocomplete.cjs.entry.js +3 -3
  24. package/dist/cjs/gov-form-checkbox-group.cjs.entry.js +3 -3
  25. package/dist/cjs/gov-form-control.cjs.entry.js +1 -1
  26. package/dist/cjs/gov-form-file.cjs.entry.js +1 -1
  27. package/dist/cjs/gov-form-group.cjs.entry.js +1 -1
  28. package/dist/cjs/gov-form-input_2.cjs.entry.js +6 -6
  29. package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
  30. package/dist/cjs/gov-form-multi-select.cjs.entry.js +4 -4
  31. package/dist/cjs/gov-form-password-power.cjs.entry.js +1 -1
  32. package/dist/cjs/gov-form-radio-group.cjs.entry.js +1 -1
  33. package/dist/cjs/gov-form-range.cjs.entry.js +207 -0
  34. package/dist/cjs/gov-form-range.cjs.entry.js.map +1 -0
  35. package/dist/cjs/gov-form-search.cjs.entry.js +1 -1
  36. package/dist/cjs/gov-form-select.cjs.entry.js +4 -4
  37. package/dist/cjs/gov-grid-item.cjs.entry.js +1 -1
  38. package/dist/cjs/gov-grid.cjs.entry.js +1 -1
  39. package/dist/cjs/gov-infobar.cjs.entry.js +2 -2
  40. package/dist/cjs/gov-layout-column.cjs.entry.js +1 -1
  41. package/dist/cjs/gov-layout.cjs.entry.js +1 -1
  42. package/dist/cjs/gov-lifecycle.cjs.entry.js +1 -1
  43. package/dist/cjs/gov-link.cjs.entry.js +2 -1
  44. package/dist/cjs/gov-link.cjs.entry.js.map +1 -1
  45. package/dist/cjs/gov-loading.cjs.entry.js +1 -1
  46. package/dist/cjs/gov-message.cjs.entry.js +1 -1
  47. package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
  48. package/dist/cjs/gov-spacer.cjs.entry.js +1 -1
  49. package/dist/cjs/gov-stepper-item.cjs.entry.js +1 -1
  50. package/dist/cjs/gov-stepper.cjs.entry.js +1 -1
  51. package/dist/cjs/gov-tabs-item.cjs.entry.js +1 -1
  52. package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
  53. package/dist/cjs/gov-tag.cjs.entry.js +1 -1
  54. package/dist/cjs/gov-tile.cjs.entry.js +1 -1
  55. package/dist/cjs/gov-toast.cjs.entry.js +1 -1
  56. package/dist/cjs/gov-tooltip-content.cjs.entry.js +1 -1
  57. package/dist/cjs/gov-tooltip.cjs.entry.js +2 -2
  58. package/dist/cjs/gov-wizard-item.cjs.entry.js +2 -2
  59. package/dist/cjs/gov-wizard.cjs.entry.js +3 -3
  60. package/dist/cjs/{helpers.types-ff60c9bd.js → helpers.types-9066e4a4.js} +3 -1
  61. package/dist/cjs/helpers.types-9066e4a4.js.map +1 -0
  62. package/dist/cjs/index-0e4f24f9.js +4 -0
  63. package/dist/cjs/loader.cjs.js +1 -1
  64. package/dist/cjs/{wcag-2927ff73.js → wcag-f8da82da.js} +2 -2
  65. package/dist/cjs/{wcag-2927ff73.js.map → wcag-f8da82da.js.map} +1 -1
  66. package/dist/collection/collection-manifest.json +2 -1
  67. package/dist/collection/components/gov-banner/gov-banner.js +26 -73
  68. package/dist/collection/components/gov-banner/gov-banner.js.map +1 -1
  69. package/dist/collection/components/gov-blockquote/constants.js.map +1 -0
  70. package/dist/collection/components/{gov-blocquote → gov-blockquote}/gov-blockquote.js +2 -2
  71. package/dist/collection/components/gov-blockquote/gov-blockquote.js.map +1 -0
  72. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js +1 -1
  73. package/dist/collection/components/gov-button/button/gov-button.js +3 -3
  74. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +1 -1
  75. package/dist/collection/components/gov-card/gov-card.js +52 -1
  76. package/dist/collection/components/gov-card/gov-card.js.map +1 -1
  77. package/dist/collection/components/gov-chip/gov-chip.js +2 -2
  78. package/dist/collection/components/gov-container/gov-container.js +1 -1
  79. package/dist/collection/components/gov-control-group/gov-control-group.js +1 -1
  80. package/dist/collection/components/gov-cookiebar/gov-cookiebar.js +1 -1
  81. package/dist/collection/components/gov-dialog/gov-dialog.js +1 -1
  82. package/dist/collection/components/gov-empty/gov-empty.js +1 -1
  83. package/dist/collection/components/gov-error-code/gov-error-code.js +1 -1
  84. package/dist/collection/components/gov-flex/gov-flex.js +1 -1
  85. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +1 -1
  86. package/dist/collection/components/gov-form/control/gov-form-control.js +1 -1
  87. package/dist/collection/components/gov-form/file/gov-form-file.js +1 -1
  88. package/dist/collection/components/gov-form/group/gov-form-checkbox-group.js +1 -1
  89. package/dist/collection/components/gov-form/group/gov-form-group.js +1 -1
  90. package/dist/collection/components/gov-form/group/gov-form-radio-group.js +1 -1
  91. package/dist/collection/components/gov-form/input/gov-form-input.js +5 -5
  92. package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
  93. package/dist/collection/components/gov-form/message/gov-form-message.js +1 -1
  94. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +2 -2
  95. package/dist/collection/components/gov-form/password-power/gov-form-password-power.js +1 -1
  96. package/dist/collection/components/gov-form/range/constants.js +9 -0
  97. package/dist/collection/components/gov-form/range/constants.js.map +1 -0
  98. package/dist/collection/components/gov-form/range/gov-form-range.js +610 -0
  99. package/dist/collection/components/gov-form/range/gov-form-range.js.map +1 -0
  100. package/dist/collection/components/gov-form/search/gov-form-search.js +1 -1
  101. package/dist/collection/components/gov-form/select/gov-form-select.js +2 -2
  102. package/dist/collection/components/gov-grid/gov-grid-item.js +1 -1
  103. package/dist/collection/components/gov-grid/gov-grid.js +1 -1
  104. package/dist/collection/components/gov-infobar/gov-infobar.js +2 -2
  105. package/dist/collection/components/gov-layout/gov-layout-column.js +1 -1
  106. package/dist/collection/components/gov-layout/gov-layout.js +1 -1
  107. package/dist/collection/components/gov-lifecycle-tester/gov-lifecycle-tester.js +1 -1
  108. package/dist/collection/components/gov-link/gov-link.js +20 -1
  109. package/dist/collection/components/gov-link/gov-link.js.map +1 -1
  110. package/dist/collection/components/gov-loading/loading/gov-loading.js +1 -1
  111. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js +1 -1
  112. package/dist/collection/components/gov-message/gov-message.js +1 -1
  113. package/dist/collection/components/gov-spacer/gov-spacer.js +1 -1
  114. package/dist/collection/components/gov-stepper/gov-stepper-item.js +1 -1
  115. package/dist/collection/components/gov-stepper/gov-stepper.js +1 -1
  116. package/dist/collection/components/gov-tabs/gov-tabs-item.js +1 -1
  117. package/dist/collection/components/gov-tabs/gov-tabs.js +1 -1
  118. package/dist/collection/components/gov-tag/gov-tag.js +1 -1
  119. package/dist/collection/components/gov-theme-switch/gov-theme-switch.js +1 -1
  120. package/dist/collection/components/gov-tile/gov-tile.js +1 -1
  121. package/dist/collection/components/gov-toast/gov-toast.js +1 -1
  122. package/dist/collection/components/gov-tooltip/gov-tooltip-content.js +1 -1
  123. package/dist/collection/components/gov-tooltip/gov-tooltip.js +2 -2
  124. package/dist/collection/components/gov-wizard/gov-wizard-item.js +2 -2
  125. package/dist/collection/components/gov-wizard/gov-wizard.js +1 -1
  126. package/dist/collection/data/color-definitions.js +13 -13
  127. package/dist/collection/data/font-definitions.js +86 -48
  128. package/dist/collection/pages/Banner.js +112 -112
  129. package/dist/collection/pages/Banner.js.map +1 -1
  130. package/dist/collection/pages/Blockquote.js +3 -3
  131. package/dist/collection/pages/Blockquote.js.map +1 -1
  132. package/dist/collection/pages/Card.js +27 -17
  133. package/dist/collection/pages/Card.js.map +1 -1
  134. package/dist/collection/pages/Forms.js +209 -4
  135. package/dist/collection/pages/Forms.js.map +1 -1
  136. package/dist/collection/pages/Message.js +10 -10
  137. package/dist/collection/pages/Message.js.map +1 -1
  138. package/dist/collection/pages/Typography.js +7 -0
  139. package/dist/collection/pages/Typography.js.map +1 -1
  140. package/dist/components/gov-accordion-item.js +1 -1
  141. package/dist/components/gov-attachments-item.js +1 -1
  142. package/dist/components/gov-attachments.js +1 -1
  143. package/dist/components/gov-backdrop.js +1 -1
  144. package/dist/components/gov-banner.js +1 -1
  145. package/dist/components/gov-banner.js.map +1 -1
  146. package/dist/components/gov-blockquote.js +1 -1
  147. package/dist/components/gov-blockquote.js.map +1 -1
  148. package/dist/components/gov-breadcrumbs.js +1 -1
  149. package/dist/components/gov-breadcrumbs.js.map +1 -1
  150. package/dist/components/gov-button.js +1 -1
  151. package/dist/components/gov-card.js +1 -1
  152. package/dist/components/gov-card.js.map +1 -1
  153. package/dist/components/gov-chip.js +1 -1
  154. package/dist/components/gov-container.js +1 -1
  155. package/dist/components/gov-control-group.js +1 -1
  156. package/dist/components/gov-cookiebar.js +1 -1
  157. package/dist/components/gov-dialog.js +1 -1
  158. package/dist/components/gov-dropdown.js +1 -1
  159. package/dist/components/gov-empty.js +1 -1
  160. package/dist/components/gov-error-code.js +1 -1
  161. package/dist/components/gov-flex.js +1 -1
  162. package/dist/components/gov-form-autocomplete.js +1 -1
  163. package/dist/components/gov-form-checkbox-group.js +1 -1
  164. package/dist/components/gov-form-checkbox.js +1 -1
  165. package/dist/components/gov-form-control.js +1 -1
  166. package/dist/components/gov-form-file.js +1 -1
  167. package/dist/components/gov-form-group.js +1 -1
  168. package/dist/components/gov-form-input.js +1 -1
  169. package/dist/components/gov-form-label.js +1 -1
  170. package/dist/components/gov-form-message.js +1 -1
  171. package/dist/components/gov-form-multi-select.js +1 -1
  172. package/dist/components/gov-form-password-power.js +1 -1
  173. package/dist/components/gov-form-radio-group.js +1 -1
  174. package/dist/components/gov-form-range.d.ts +11 -0
  175. package/dist/components/gov-form-range.js +2 -0
  176. package/dist/components/gov-form-range.js.map +1 -0
  177. package/dist/components/gov-form-search.js +1 -1
  178. package/dist/components/gov-form-select.js +1 -1
  179. package/dist/components/gov-form-switch.js +1 -1
  180. package/dist/components/gov-grid-item.js +1 -1
  181. package/dist/components/gov-grid.js +1 -1
  182. package/dist/components/gov-icon.js +1 -1
  183. package/dist/components/gov-infobar.js +1 -1
  184. package/dist/components/gov-infobar.js.map +1 -1
  185. package/dist/components/gov-layout-column.js +1 -1
  186. package/dist/components/gov-layout-column.js.map +1 -1
  187. package/dist/components/gov-layout.js +1 -1
  188. package/dist/components/gov-lifecycle.js +1 -1
  189. package/dist/components/gov-link.js +1 -1
  190. package/dist/components/gov-link.js.map +1 -1
  191. package/dist/components/gov-loading.js +1 -1
  192. package/dist/components/gov-loading.js.map +1 -1
  193. package/dist/components/gov-message.js +1 -1
  194. package/dist/components/gov-pagination.js +1 -1
  195. package/dist/components/gov-skeleton.js +1 -1
  196. package/dist/components/gov-spacer.js +1 -1
  197. package/dist/components/gov-stepper-item.js +1 -1
  198. package/dist/components/gov-stepper.js +1 -1
  199. package/dist/components/gov-tabs-item.js +1 -1
  200. package/dist/components/gov-tabs.js +1 -1
  201. package/dist/components/gov-tag.js +1 -1
  202. package/dist/components/gov-theme-switch.js +1 -1
  203. package/dist/components/gov-tile.js +1 -1
  204. package/dist/components/gov-toast.js +1 -1
  205. package/dist/components/gov-tooltip-content.js +1 -1
  206. package/dist/components/gov-tooltip.js +1 -1
  207. package/dist/components/gov-tooltip.js.map +1 -1
  208. package/dist/components/gov-wizard-item.js +1 -1
  209. package/dist/components/gov-wizard.js +1 -1
  210. package/dist/components/{p-73938936.js → p-022e49cf.js} +2 -2
  211. package/dist/components/p-10cad7f1.js +2 -0
  212. package/dist/components/p-2fe7d728.js +2 -0
  213. package/dist/components/p-2fe7d728.js.map +1 -0
  214. package/dist/components/{p-b533871a.js → p-313b4611.js} +2 -2
  215. package/dist/components/{p-3fead64a.js → p-5a861cd2.js} +2 -2
  216. package/dist/components/{p-0327a469.js → p-5b0934a8.js} +2 -2
  217. package/dist/components/{p-3c90521b.js → p-5d60b866.js} +2 -2
  218. package/dist/components/{p-69a31c96.js → p-6ce6e14f.js} +2 -2
  219. package/dist/components/{p-2fc08a71.js → p-7fb16042.js} +2 -2
  220. package/dist/components/p-be086357.js +2 -0
  221. package/dist/components/{p-4fba9df0.js → p-d3435179.js} +2 -2
  222. package/dist/components/p-de989dfe.js +2 -0
  223. package/dist/components/{p-7be2301a.js → p-e0c3b1a7.js} +2 -2
  224. package/dist/components/{p-b5dc6bae.js → p-f9b1a12b.js} +2 -2
  225. package/dist/core/core.css +708 -733
  226. package/dist/core/core.esm.js +1 -1
  227. package/dist/core/core.esm.js.map +1 -1
  228. package/dist/core/p-07590d84.entry.js +2 -0
  229. package/dist/core/p-07590d84.entry.js.map +1 -0
  230. package/dist/core/p-08552a0e.entry.js +2 -0
  231. package/dist/core/{p-16f44a0b.entry.js.map → p-08552a0e.entry.js.map} +1 -1
  232. package/dist/core/p-0abc38e8.entry.js +2 -0
  233. package/dist/core/{p-28d1bc01.entry.js.map → p-0abc38e8.entry.js.map} +1 -1
  234. package/dist/core/p-0c393d2f.entry.js +2 -0
  235. package/dist/core/p-16ece889.entry.js +2 -0
  236. package/dist/core/p-171e2a2f.entry.js +2 -0
  237. package/dist/core/p-25615325.entry.js +2 -0
  238. package/dist/core/{p-132c9a87.entry.js → p-2a7bcce0.entry.js} +2 -2
  239. package/dist/core/{p-f120ba66.entry.js → p-2f966102.entry.js} +2 -2
  240. package/dist/core/p-2fe7d728.js +2 -0
  241. package/dist/core/p-2fe7d728.js.map +1 -0
  242. package/dist/core/{p-9ae280b2.entry.js → p-3583dcf7.entry.js} +2 -2
  243. package/dist/core/p-3b2267a1.entry.js +2 -0
  244. package/dist/core/p-4216d8f3.entry.js +2 -0
  245. package/dist/core/p-44c912e2.entry.js +2 -0
  246. package/dist/core/p-4d5f768f.entry.js +2 -0
  247. package/dist/core/p-52bb8e4f.entry.js +2 -0
  248. package/dist/core/{p-f7e47c0a.entry.js.map → p-52bb8e4f.entry.js.map} +1 -1
  249. package/dist/core/p-52c74fc5.entry.js +2 -0
  250. package/dist/core/p-548806cb.entry.js +2 -0
  251. package/dist/core/{p-ab868410.entry.js → p-5fa4965e.entry.js} +2 -2
  252. package/dist/core/p-6d54ce5f.js +2 -0
  253. package/dist/core/p-6f74eb08.entry.js +2 -0
  254. package/dist/core/{p-5108eb37.entry.js → p-75dae924.entry.js} +2 -2
  255. package/dist/core/p-774ea182.entry.js +2 -0
  256. package/dist/core/p-843f980a.entry.js +2 -0
  257. package/dist/core/p-8a72ebcd.entry.js +2 -0
  258. package/dist/core/{p-94119ad4.entry.js → p-8cd7a120.entry.js} +2 -2
  259. package/dist/core/{p-99f192c1.entry.js → p-8f469270.entry.js} +2 -2
  260. package/dist/core/{p-564555e6.entry.js → p-947804a8.entry.js} +2 -2
  261. package/dist/core/p-979ff58c.entry.js +2 -0
  262. package/dist/core/p-979ff58c.entry.js.map +1 -0
  263. package/dist/core/{p-5242b51b.entry.js → p-981f217e.entry.js} +2 -2
  264. package/dist/core/p-9c1f3e9e.entry.js +2 -0
  265. package/dist/core/p-9c1f3e9e.entry.js.map +1 -0
  266. package/dist/core/{p-ab11081d.entry.js → p-a1c825f3.entry.js} +2 -2
  267. package/dist/core/p-a440365f.entry.js +2 -0
  268. package/dist/core/p-a440365f.entry.js.map +1 -0
  269. package/dist/core/p-a70c7959.entry.js +2 -0
  270. package/dist/core/{p-1cf1dd10.entry.js.map → p-a70c7959.entry.js.map} +1 -1
  271. package/dist/core/{p-59fe6cbc.entry.js → p-a8a7ae96.entry.js} +2 -2
  272. package/dist/core/p-aacafa40.entry.js +2 -0
  273. package/dist/core/{p-e89471ef.entry.js.map → p-aacafa40.entry.js.map} +1 -1
  274. package/dist/core/{p-a02f2547.entry.js → p-aeaba3ef.entry.js} +2 -2
  275. package/dist/core/p-b87e5429.entry.js +2 -0
  276. package/dist/core/p-b87e5429.entry.js.map +1 -0
  277. package/dist/core/p-b9f1c2ef.entry.js +2 -0
  278. package/dist/core/{p-3d7fb8f8.entry.js.map → p-b9f1c2ef.entry.js.map} +1 -1
  279. package/dist/core/p-bca478fd.entry.js +2 -0
  280. package/dist/core/{p-f98f19f6.entry.js.map → p-bca478fd.entry.js.map} +1 -1
  281. package/dist/core/p-be086357.js +2 -0
  282. package/dist/core/p-bea685cb.entry.js +2 -0
  283. package/dist/core/{p-49cd4d0d.entry.js.map → p-bea685cb.entry.js.map} +1 -1
  284. package/dist/core/{p-c07f6bb4.entry.js → p-c1584cfe.entry.js} +2 -2
  285. package/dist/core/p-c5a49469.entry.js +2 -0
  286. package/dist/core/{p-650fe9e8.entry.js.map → p-c5a49469.entry.js.map} +1 -1
  287. package/dist/core/{p-eb8a9705.entry.js → p-c88d8659.entry.js} +2 -2
  288. package/dist/core/p-cba1ebca.entry.js +2 -0
  289. package/dist/core/{p-16d3a79a.entry.js.map → p-cba1ebca.entry.js.map} +1 -1
  290. package/dist/core/p-ccb64e4e.entry.js +2 -0
  291. package/dist/core/p-d383f977.entry.js +2 -0
  292. package/dist/core/p-d990aae8.entry.js +2 -0
  293. package/dist/core/p-ddb3772f.entry.js +2 -0
  294. package/dist/core/{p-46ecf09e.entry.js.map → p-ddb3772f.entry.js.map} +1 -1
  295. package/dist/core/{p-ae88fe6b.entry.js → p-e2655cb7.entry.js} +2 -2
  296. package/dist/core/{p-3acaa012.entry.js → p-e29c9924.entry.js} +2 -2
  297. package/dist/core/p-ead1f58d.entry.js +2 -0
  298. package/dist/core/{p-f0e001c7.entry.js.map → p-ead1f58d.entry.js.map} +1 -1
  299. package/dist/core/{p-ee950038.entry.js → p-f83b3b08.entry.js} +2 -2
  300. package/dist/esm/{array.utils-85696abd.js → array.utils-3b213795.js} +2 -2
  301. package/dist/esm/{array.utils-85696abd.js.map → array.utils-3b213795.js.map} +1 -1
  302. package/dist/esm/core.js +1 -1
  303. package/dist/esm/gov-attachments_3.entry.js +3 -3
  304. package/dist/esm/gov-backdrop.entry.js +2 -2
  305. package/dist/esm/gov-banner.entry.js +21 -20
  306. package/dist/esm/gov-banner.entry.js.map +1 -1
  307. package/dist/esm/gov-blockquote.entry.js +1 -1
  308. package/dist/esm/gov-blockquote.entry.js.map +1 -1
  309. package/dist/esm/gov-breadcrumbs.entry.js +3 -3
  310. package/dist/esm/gov-button.entry.js +5 -5
  311. package/dist/esm/gov-card.entry.js +11 -3
  312. package/dist/esm/gov-card.entry.js.map +1 -1
  313. package/dist/esm/gov-chip.entry.js +2 -2
  314. package/dist/esm/gov-container.entry.js +1 -1
  315. package/dist/esm/gov-control-group.entry.js +1 -1
  316. package/dist/esm/gov-cookiebar.entry.js +1 -1
  317. package/dist/esm/gov-dialog.entry.js +3 -3
  318. package/dist/esm/gov-dropdown.entry.js +1 -1
  319. package/dist/esm/gov-empty.entry.js +1 -1
  320. package/dist/esm/gov-error-code.entry.js +1 -1
  321. package/dist/esm/gov-flex_3.entry.js +3 -3
  322. package/dist/esm/gov-form-autocomplete.entry.js +3 -3
  323. package/dist/esm/gov-form-checkbox-group.entry.js +3 -3
  324. package/dist/esm/gov-form-control.entry.js +1 -1
  325. package/dist/esm/gov-form-file.entry.js +1 -1
  326. package/dist/esm/gov-form-group.entry.js +1 -1
  327. package/dist/esm/gov-form-input_2.entry.js +6 -6
  328. package/dist/esm/gov-form-label.entry.js +1 -1
  329. package/dist/esm/gov-form-multi-select.entry.js +4 -4
  330. package/dist/esm/gov-form-password-power.entry.js +1 -1
  331. package/dist/esm/gov-form-radio-group.entry.js +1 -1
  332. package/dist/esm/gov-form-range.entry.js +203 -0
  333. package/dist/esm/gov-form-range.entry.js.map +1 -0
  334. package/dist/esm/gov-form-search.entry.js +1 -1
  335. package/dist/esm/gov-form-select.entry.js +4 -4
  336. package/dist/esm/gov-grid-item.entry.js +1 -1
  337. package/dist/esm/gov-grid.entry.js +1 -1
  338. package/dist/esm/gov-infobar.entry.js +2 -2
  339. package/dist/esm/gov-layout-column.entry.js +1 -1
  340. package/dist/esm/gov-layout.entry.js +1 -1
  341. package/dist/esm/gov-lifecycle.entry.js +1 -1
  342. package/dist/esm/gov-link.entry.js +2 -1
  343. package/dist/esm/gov-link.entry.js.map +1 -1
  344. package/dist/esm/gov-loading.entry.js +1 -1
  345. package/dist/esm/gov-message.entry.js +1 -1
  346. package/dist/esm/gov-pagination.entry.js +2 -2
  347. package/dist/esm/gov-spacer.entry.js +1 -1
  348. package/dist/esm/gov-stepper-item.entry.js +1 -1
  349. package/dist/esm/gov-stepper.entry.js +1 -1
  350. package/dist/esm/gov-tabs-item.entry.js +1 -1
  351. package/dist/esm/gov-tabs.entry.js +2 -2
  352. package/dist/esm/gov-tag.entry.js +1 -1
  353. package/dist/esm/gov-tile.entry.js +1 -1
  354. package/dist/esm/gov-toast.entry.js +1 -1
  355. package/dist/esm/gov-tooltip-content.entry.js +1 -1
  356. package/dist/esm/gov-tooltip.entry.js +2 -2
  357. package/dist/esm/gov-wizard-item.entry.js +2 -2
  358. package/dist/esm/gov-wizard.entry.js +3 -3
  359. package/dist/esm/{helpers.types-43ddbdb8.js → helpers.types-fe2f0447.js} +3 -2
  360. package/dist/esm/helpers.types-fe2f0447.js.map +1 -0
  361. package/dist/esm/index-bf8a6f64.js +4 -0
  362. package/dist/esm/loader.js +1 -1
  363. package/dist/esm/{wcag-253a4421.js → wcag-bd11d341.js} +2 -2
  364. package/dist/esm/{wcag-253a4421.js.map → wcag-bd11d341.js.map} +1 -1
  365. package/dist/hydrate/index.js +313 -86
  366. package/dist/hydrate/index.mjs +313 -86
  367. package/dist/stencil.config.js +1 -1
  368. package/dist/stencil.config.js.map +1 -1
  369. package/dist/types/components/gov-banner/gov-banner.d.ts +4 -14
  370. package/dist/types/components/gov-card/gov-card.d.ts +10 -0
  371. package/dist/types/components/gov-form/range/constants.d.ts +9 -0
  372. package/dist/types/components/gov-form/range/gov-form-range.d.ts +116 -0
  373. package/dist/types/components/gov-link/gov-link.d.ts +4 -0
  374. package/dist/types/components.d.ts +200 -22
  375. package/package.json +2 -2
  376. package/dist/cjs/helpers.types-ff60c9bd.js.map +0 -1
  377. package/dist/collection/components/gov-blocquote/constants.js.map +0 -1
  378. package/dist/collection/components/gov-blocquote/gov-blockquote.js.map +0 -1
  379. package/dist/components/p-2aedc81e.js +0 -2
  380. package/dist/components/p-2aedc81e.js.map +0 -1
  381. package/dist/components/p-80dad64b.js +0 -2
  382. package/dist/components/p-ded281e6.js +0 -2
  383. package/dist/components/p-f9a1ff6e.js +0 -2
  384. package/dist/core/p-005214d1.entry.js +0 -2
  385. package/dist/core/p-0fc9ea97.entry.js +0 -2
  386. package/dist/core/p-16d3a79a.entry.js +0 -2
  387. package/dist/core/p-16f44a0b.entry.js +0 -2
  388. package/dist/core/p-1c7c9144.entry.js +0 -2
  389. package/dist/core/p-1cf1dd10.entry.js +0 -2
  390. package/dist/core/p-23b4dcd3.entry.js +0 -2
  391. package/dist/core/p-28d1bc01.entry.js +0 -2
  392. package/dist/core/p-29ac15d2.js +0 -2
  393. package/dist/core/p-2aedc81e.js +0 -2
  394. package/dist/core/p-2aedc81e.js.map +0 -1
  395. package/dist/core/p-3d7fb8f8.entry.js +0 -2
  396. package/dist/core/p-46ecf09e.entry.js +0 -2
  397. package/dist/core/p-49cd4d0d.entry.js +0 -2
  398. package/dist/core/p-650fe9e8.entry.js +0 -2
  399. package/dist/core/p-6e41cf69.entry.js +0 -2
  400. package/dist/core/p-7399ad59.entry.js +0 -2
  401. package/dist/core/p-79ec86da.entry.js +0 -2
  402. package/dist/core/p-80bebb7f.entry.js +0 -2
  403. package/dist/core/p-8cbe8add.entry.js +0 -2
  404. package/dist/core/p-8f73f8e0.entry.js +0 -2
  405. package/dist/core/p-952ab9e5.entry.js +0 -2
  406. package/dist/core/p-9c1601b3.entry.js +0 -2
  407. package/dist/core/p-c2abc031.entry.js +0 -2
  408. package/dist/core/p-c688349d.entry.js +0 -2
  409. package/dist/core/p-c6fdc0a9.entry.js +0 -2
  410. package/dist/core/p-c6fdc0a9.entry.js.map +0 -1
  411. package/dist/core/p-c91512dd.entry.js +0 -2
  412. package/dist/core/p-cf9d5c2f.entry.js +0 -2
  413. package/dist/core/p-cf9d5c2f.entry.js.map +0 -1
  414. package/dist/core/p-d1270d72.entry.js +0 -2
  415. package/dist/core/p-d1270d72.entry.js.map +0 -1
  416. package/dist/core/p-d141e9ca.entry.js +0 -2
  417. package/dist/core/p-d141e9ca.entry.js.map +0 -1
  418. package/dist/core/p-de852480.entry.js +0 -2
  419. package/dist/core/p-ded281e6.js +0 -2
  420. package/dist/core/p-e89471ef.entry.js +0 -2
  421. package/dist/core/p-f0e001c7.entry.js +0 -2
  422. package/dist/core/p-f333c673.entry.js +0 -2
  423. package/dist/core/p-f7e47c0a.entry.js +0 -2
  424. package/dist/core/p-f98f19f6.entry.js +0 -2
  425. package/dist/esm/helpers.types-43ddbdb8.js.map +0 -1
  426. /package/dist/collection/components/{gov-blocquote → gov-blockquote}/constants.js +0 -0
  427. /package/dist/components/{p-73938936.js.map → p-022e49cf.js.map} +0 -0
  428. /package/dist/components/{p-80dad64b.js.map → p-10cad7f1.js.map} +0 -0
  429. /package/dist/components/{p-b533871a.js.map → p-313b4611.js.map} +0 -0
  430. /package/dist/components/{p-3fead64a.js.map → p-5a861cd2.js.map} +0 -0
  431. /package/dist/components/{p-0327a469.js.map → p-5b0934a8.js.map} +0 -0
  432. /package/dist/components/{p-3c90521b.js.map → p-5d60b866.js.map} +0 -0
  433. /package/dist/components/{p-69a31c96.js.map → p-6ce6e14f.js.map} +0 -0
  434. /package/dist/components/{p-2fc08a71.js.map → p-7fb16042.js.map} +0 -0
  435. /package/dist/components/{p-ded281e6.js.map → p-be086357.js.map} +0 -0
  436. /package/dist/components/{p-4fba9df0.js.map → p-d3435179.js.map} +0 -0
  437. /package/dist/components/{p-f9a1ff6e.js.map → p-de989dfe.js.map} +0 -0
  438. /package/dist/components/{p-7be2301a.js.map → p-e0c3b1a7.js.map} +0 -0
  439. /package/dist/components/{p-b5dc6bae.js.map → p-f9b1a12b.js.map} +0 -0
  440. /package/dist/core/{p-7399ad59.entry.js.map → p-0c393d2f.entry.js.map} +0 -0
  441. /package/dist/core/{p-9c1601b3.entry.js.map → p-16ece889.entry.js.map} +0 -0
  442. /package/dist/core/{p-1c7c9144.entry.js.map → p-171e2a2f.entry.js.map} +0 -0
  443. /package/dist/core/{p-23b4dcd3.entry.js.map → p-25615325.entry.js.map} +0 -0
  444. /package/dist/core/{p-132c9a87.entry.js.map → p-2a7bcce0.entry.js.map} +0 -0
  445. /package/dist/core/{p-f120ba66.entry.js.map → p-2f966102.entry.js.map} +0 -0
  446. /package/dist/core/{p-9ae280b2.entry.js.map → p-3583dcf7.entry.js.map} +0 -0
  447. /package/dist/core/{p-8cbe8add.entry.js.map → p-3b2267a1.entry.js.map} +0 -0
  448. /package/dist/core/{p-de852480.entry.js.map → p-4216d8f3.entry.js.map} +0 -0
  449. /package/dist/core/{p-80bebb7f.entry.js.map → p-44c912e2.entry.js.map} +0 -0
  450. /package/dist/core/{p-952ab9e5.entry.js.map → p-4d5f768f.entry.js.map} +0 -0
  451. /package/dist/core/{p-f333c673.entry.js.map → p-52c74fc5.entry.js.map} +0 -0
  452. /package/dist/core/{p-0fc9ea97.entry.js.map → p-548806cb.entry.js.map} +0 -0
  453. /package/dist/core/{p-ab868410.entry.js.map → p-5fa4965e.entry.js.map} +0 -0
  454. /package/dist/core/{p-29ac15d2.js.map → p-6d54ce5f.js.map} +0 -0
  455. /package/dist/core/{p-c688349d.entry.js.map → p-6f74eb08.entry.js.map} +0 -0
  456. /package/dist/core/{p-5108eb37.entry.js.map → p-75dae924.entry.js.map} +0 -0
  457. /package/dist/core/{p-005214d1.entry.js.map → p-774ea182.entry.js.map} +0 -0
  458. /package/dist/core/{p-79ec86da.entry.js.map → p-843f980a.entry.js.map} +0 -0
  459. /package/dist/core/{p-c91512dd.entry.js.map → p-8a72ebcd.entry.js.map} +0 -0
  460. /package/dist/core/{p-94119ad4.entry.js.map → p-8cd7a120.entry.js.map} +0 -0
  461. /package/dist/core/{p-99f192c1.entry.js.map → p-8f469270.entry.js.map} +0 -0
  462. /package/dist/core/{p-564555e6.entry.js.map → p-947804a8.entry.js.map} +0 -0
  463. /package/dist/core/{p-5242b51b.entry.js.map → p-981f217e.entry.js.map} +0 -0
  464. /package/dist/core/{p-ab11081d.entry.js.map → p-a1c825f3.entry.js.map} +0 -0
  465. /package/dist/core/{p-59fe6cbc.entry.js.map → p-a8a7ae96.entry.js.map} +0 -0
  466. /package/dist/core/{p-a02f2547.entry.js.map → p-aeaba3ef.entry.js.map} +0 -0
  467. /package/dist/core/{p-ded281e6.js.map → p-be086357.js.map} +0 -0
  468. /package/dist/core/{p-c07f6bb4.entry.js.map → p-c1584cfe.entry.js.map} +0 -0
  469. /package/dist/core/{p-eb8a9705.entry.js.map → p-c88d8659.entry.js.map} +0 -0
  470. /package/dist/core/{p-6e41cf69.entry.js.map → p-ccb64e4e.entry.js.map} +0 -0
  471. /package/dist/core/{p-c2abc031.entry.js.map → p-d383f977.entry.js.map} +0 -0
  472. /package/dist/core/{p-8f73f8e0.entry.js.map → p-d990aae8.entry.js.map} +0 -0
  473. /package/dist/core/{p-ae88fe6b.entry.js.map → p-e2655cb7.entry.js.map} +0 -0
  474. /package/dist/core/{p-3acaa012.entry.js.map → p-e29c9924.entry.js.map} +0 -0
  475. /package/dist/core/{p-ee950038.entry.js.map → p-f83b3b08.entry.js.map} +0 -0
  476. /package/dist/types/components/{gov-blocquote → gov-blockquote}/constants.d.ts +0 -0
  477. /package/dist/types/components/{gov-blocquote → gov-blockquote}/gov-blockquote.d.ts +0 -0
@@ -13,17 +13,17 @@
13
13
  /* stylelint-enable order/order */
14
14
  /* Variables - breakpoints */ /* Variables - Colors */ /* Variables - Sizes */ /* Variables - General */ /* Variables - Typography */ /* Variables - Forms */ /* Variables - shadows */ /* Variables - z-index */ /* stylelint-disable order/order */
15
15
  /* stylelint-enable order/order */
16
- gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-form-autocomplete__list, .gov-form-autocomplete__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
16
+ gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
17
17
  margin: 0;
18
18
  padding: 0;
19
19
  }
20
20
 
21
- gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-pagination__list gov-pagination__item, gov-pagination__list .gov-pagination__item, .gov-pagination__list gov-pagination__item, .gov-pagination__list .gov-pagination__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-form-autocomplete__list > gov-form-autocomplete__item, gov-form-autocomplete__list > gov-form-autocomplete__item--empty, gov-form-autocomplete__list > gov-form-autocomplete__item--loading, gov-form-autocomplete__list > .gov-form-autocomplete__item, gov-form-autocomplete__list > .gov-form-autocomplete__item--empty, gov-form-autocomplete__list > .gov-form-autocomplete__item--loading, .gov-form-autocomplete__list > gov-form-autocomplete__item, .gov-form-autocomplete__list > gov-form-autocomplete__item--empty, .gov-form-autocomplete__list > gov-form-autocomplete__item--loading, .gov-form-autocomplete__list > .gov-form-autocomplete__item, .gov-form-autocomplete__list > .gov-form-autocomplete__item--empty, .gov-form-autocomplete__list > .gov-form-autocomplete__item--loading, gov-breadcrumbs li, .gov-breadcrumbs li {
21
+ gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-pagination__list gov-pagination__item, gov-pagination__list .gov-pagination__item, .gov-pagination__list gov-pagination__item, .gov-pagination__list .gov-pagination__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-breadcrumbs li, .gov-breadcrumbs li {
22
22
  margin: 0;
23
23
  padding: 0;
24
24
  background: none;
25
25
  }
26
- gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-pagination__list gov-pagination__item::before, gov-pagination__list .gov-pagination__item::before, .gov-pagination__list gov-pagination__item::before, .gov-pagination__list .gov-pagination__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-form-autocomplete__list > gov-form-autocomplete__item::before, gov-form-autocomplete__list > gov-form-autocomplete__item--empty::before, gov-form-autocomplete__list > gov-form-autocomplete__item--loading::before, gov-form-autocomplete__list > .gov-form-autocomplete__item::before, gov-form-autocomplete__list > .gov-form-autocomplete__item--empty::before, gov-form-autocomplete__list > .gov-form-autocomplete__item--loading::before, .gov-form-autocomplete__list > gov-form-autocomplete__item::before, .gov-form-autocomplete__list > gov-form-autocomplete__item--empty::before, .gov-form-autocomplete__list > gov-form-autocomplete__item--loading::before, .gov-form-autocomplete__list > .gov-form-autocomplete__item::before, .gov-form-autocomplete__list > .gov-form-autocomplete__item--empty::before, .gov-form-autocomplete__list > .gov-form-autocomplete__item--loading::before, gov-breadcrumbs li::before, .gov-breadcrumbs li::before {
26
+ gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-pagination__list gov-pagination__item::before, gov-pagination__list .gov-pagination__item::before, .gov-pagination__list gov-pagination__item::before, .gov-pagination__list .gov-pagination__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-breadcrumbs li::before, .gov-breadcrumbs li::before {
27
27
  display: none;
28
28
  }
29
29
 
@@ -236,17 +236,17 @@ body {
236
236
  /* stylelint-enable order/order */
237
237
  /* Variables - breakpoints */ /* Variables - Colors */ /* Variables - Sizes */ /* Variables - General */ /* Variables - Typography */ /* Variables - Forms */ /* Variables - shadows */ /* Variables - z-index */ /* stylelint-disable order/order */
238
238
  /* stylelint-enable order/order */
239
- gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-form-autocomplete__list, .gov-form-autocomplete__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
239
+ gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
240
240
  margin: 0;
241
241
  padding: 0;
242
242
  }
243
243
 
244
- gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-pagination__list gov-pagination__item, gov-pagination__list .gov-pagination__item, .gov-pagination__list gov-pagination__item, .gov-pagination__list .gov-pagination__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-form-autocomplete__list > gov-form-autocomplete__item, gov-form-autocomplete__list > gov-form-autocomplete__item--empty, gov-form-autocomplete__list > gov-form-autocomplete__item--loading, gov-form-autocomplete__list > .gov-form-autocomplete__item, gov-form-autocomplete__list > .gov-form-autocomplete__item--empty, gov-form-autocomplete__list > .gov-form-autocomplete__item--loading, .gov-form-autocomplete__list > gov-form-autocomplete__item, .gov-form-autocomplete__list > gov-form-autocomplete__item--empty, .gov-form-autocomplete__list > gov-form-autocomplete__item--loading, .gov-form-autocomplete__list > .gov-form-autocomplete__item, .gov-form-autocomplete__list > .gov-form-autocomplete__item--empty, .gov-form-autocomplete__list > .gov-form-autocomplete__item--loading, gov-breadcrumbs li, .gov-breadcrumbs li {
244
+ gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-pagination__list gov-pagination__item, gov-pagination__list .gov-pagination__item, .gov-pagination__list gov-pagination__item, .gov-pagination__list .gov-pagination__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-breadcrumbs li, .gov-breadcrumbs li {
245
245
  margin: 0;
246
246
  padding: 0;
247
247
  background: none;
248
248
  }
249
- gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-pagination__list gov-pagination__item::before, gov-pagination__list .gov-pagination__item::before, .gov-pagination__list gov-pagination__item::before, .gov-pagination__list .gov-pagination__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-form-autocomplete__list > gov-form-autocomplete__item::before, gov-form-autocomplete__list > gov-form-autocomplete__item--empty::before, gov-form-autocomplete__list > gov-form-autocomplete__item--loading::before, gov-form-autocomplete__list > .gov-form-autocomplete__item::before, gov-form-autocomplete__list > .gov-form-autocomplete__item--empty::before, gov-form-autocomplete__list > .gov-form-autocomplete__item--loading::before, .gov-form-autocomplete__list > gov-form-autocomplete__item::before, .gov-form-autocomplete__list > gov-form-autocomplete__item--empty::before, .gov-form-autocomplete__list > gov-form-autocomplete__item--loading::before, .gov-form-autocomplete__list > .gov-form-autocomplete__item::before, .gov-form-autocomplete__list > .gov-form-autocomplete__item--empty::before, .gov-form-autocomplete__list > .gov-form-autocomplete__item--loading::before, gov-breadcrumbs li::before, .gov-breadcrumbs li::before {
249
+ gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-pagination__list gov-pagination__item::before, gov-pagination__list .gov-pagination__item::before, .gov-pagination__list gov-pagination__item::before, .gov-pagination__list .gov-pagination__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-breadcrumbs li::before, .gov-breadcrumbs li::before {
250
250
  display: none;
251
251
  }
252
252
 
@@ -265,7 +265,9 @@ gov-tile__link::before, .gov-tile__link::before {
265
265
  --background-white: var(--color-neutral-0);
266
266
  --background-block-primary: var(--color-neutral-0);
267
267
  --background-block-secondary: var(--color-neutral-50);
268
- --background-overlay: var(--color-neutral-100);
268
+ --background-overlay-image: rgb(0,0,0,0.55);
269
+ --background-overlay-page: rgb(0,0,0,0.6);
270
+ --background-overlay-transparent: rgb(246,246,246,0);
269
271
  --background-page: var(--color-neutral-50);
270
272
  --background-neutral-disabled: var(--color-neutral-200);
271
273
  --background-neutral-primary: var(--color-neutral-1000);
@@ -317,22 +319,22 @@ gov-tile__link::before, .gov-tile__link::before {
317
319
  --button-outlined-warning-hover: var(--color-warning-200);
318
320
  --button-solid-disabled: var(--color-neutral-200);
319
321
  --button-solid-error: var(--color-error-600);
320
- --button-solid-error-active: var(--color-error-900);
322
+ --button-solid-error-active: var(--color-error-800);
321
323
  --button-solid-error-hover: var(--color-error-700);
322
- --button-solid-neutral: var(--color-neutral-900);
323
- --button-solid-neutral-active: var(--color-neutral-1000);
324
+ --button-solid-neutral: var(--color-neutral-600);
325
+ --button-solid-neutral-active: var(--color-neutral-800);
324
326
  --button-solid-neutral-hover: var(--color-neutral-700);
325
327
  --button-solid-primary: var(--color-primary-600);
326
- --button-solid-primary-active: var(--color-primary-900);
328
+ --button-solid-primary-active: var(--color-primary-800);
327
329
  --button-solid-primary-hover: var(--color-primary-700);
328
330
  --button-solid-secondary: var(--color-secondary-600);
329
- --button-solid-secondary-active: var(--color-secondary-600);
331
+ --button-solid-secondary-active: var(--color-secondary-300);
330
332
  --button-solid-secondary-hover: var(--color-secondary-400);
331
333
  --button-solid-success: var(--color-success-600);
332
- --button-solid-success-active: var(--color-success-900);
334
+ --button-solid-success-active: var(--color-success-800);
333
335
  --button-solid-success-hover: var(--color-success-700);
334
336
  --button-solid-warning: var(--color-warning-500);
335
- --button-solid-warning-active: var(--color-warning-500);
337
+ --button-solid-warning-active: var(--color-warning-300);
336
338
  --button-solid-warning-hover: var(--color-warning-400);
337
339
  --icon-default: var(--color-neutral-900);
338
340
  --icon-disabled: var(--color-neutral-300);
@@ -347,7 +349,7 @@ gov-tile__link::before, .gov-tile__link::before {
347
349
  --interactive-active: var(--color-primary-600);
348
350
  --interactive-disabled: var(--color-neutral-200);
349
351
  --interactive-error: var(--color-error-600);
350
- --interactive-inactive: var(--color-neutral-500);
352
+ --interactive-inactive: var(--color-neutral-300);
351
353
  --interactive-timer-error-solid: var(--color-error-800);
352
354
  --interactive-timer-error-subtle: var(--color-error-200);
353
355
  --interactive-timer-neutral-solid: var(--color-neutral-800);
@@ -370,7 +372,7 @@ gov-tile__link::before, .gov-tile__link::before {
370
372
  --text-placeholder: var(--color-neutral-500);
371
373
  --text-primary: var(--color-neutral-950);
372
374
  --text-secondary: var(--color-neutral-700);
373
- --text-terciary: var(--color-neutral-500);
375
+ --text-tertiary: var(--color-neutral-500);
374
376
  --text-white: var(--color-neutral-0);
375
377
  --text-white-fixed: var(--color-neutral-0);
376
378
  --text-status-error: var(--color-error-700);
@@ -384,7 +386,9 @@ gov-tile__link::before, .gov-tile__link::before {
384
386
  --background-white: var(--color-neutral-0);
385
387
  --background-block-primary: var(--color-neutral-0);
386
388
  --background-block-secondary: var(--color-neutral-50);
387
- --background-overlay: var(--color-neutral-100);
389
+ --background-overlay-image: rgb(0,0,0,0.55);
390
+ --background-overlay-page: rgb(0,0,0,0.6);
391
+ --background-overlay-transparent: rgb(246,246,246,0);
388
392
  --background-page: var(--color-neutral-50);
389
393
  --background-neutral-disabled: var(--color-neutral-200);
390
394
  --background-neutral-primary: var(--color-neutral-1000);
@@ -436,22 +440,22 @@ gov-tile__link::before, .gov-tile__link::before {
436
440
  --button-outlined-warning-hover: var(--color-warning-200);
437
441
  --button-solid-disabled: var(--color-neutral-200);
438
442
  --button-solid-error: var(--color-error-600);
439
- --button-solid-error-active: var(--color-error-900);
443
+ --button-solid-error-active: var(--color-error-800);
440
444
  --button-solid-error-hover: var(--color-error-700);
441
- --button-solid-neutral: var(--color-neutral-900);
442
- --button-solid-neutral-active: var(--color-neutral-1000);
445
+ --button-solid-neutral: var(--color-neutral-600);
446
+ --button-solid-neutral-active: var(--color-neutral-800);
443
447
  --button-solid-neutral-hover: var(--color-neutral-700);
444
448
  --button-solid-primary: var(--color-primary-600);
445
- --button-solid-primary-active: var(--color-primary-900);
449
+ --button-solid-primary-active: var(--color-primary-800);
446
450
  --button-solid-primary-hover: var(--color-primary-700);
447
451
  --button-solid-secondary: var(--color-secondary-600);
448
- --button-solid-secondary-active: var(--color-secondary-600);
452
+ --button-solid-secondary-active: var(--color-secondary-300);
449
453
  --button-solid-secondary-hover: var(--color-secondary-400);
450
454
  --button-solid-success: var(--color-success-600);
451
- --button-solid-success-active: var(--color-success-900);
455
+ --button-solid-success-active: var(--color-success-800);
452
456
  --button-solid-success-hover: var(--color-success-700);
453
457
  --button-solid-warning: var(--color-warning-500);
454
- --button-solid-warning-active: var(--color-warning-500);
458
+ --button-solid-warning-active: var(--color-warning-300);
455
459
  --button-solid-warning-hover: var(--color-warning-400);
456
460
  --icon-default: var(--color-neutral-900);
457
461
  --icon-disabled: var(--color-neutral-300);
@@ -466,7 +470,7 @@ gov-tile__link::before, .gov-tile__link::before {
466
470
  --interactive-active: var(--color-primary-600);
467
471
  --interactive-disabled: var(--color-neutral-200);
468
472
  --interactive-error: var(--color-error-600);
469
- --interactive-inactive: var(--color-neutral-500);
473
+ --interactive-inactive: var(--color-neutral-300);
470
474
  --interactive-timer-error-solid: var(--color-error-800);
471
475
  --interactive-timer-error-subtle: var(--color-error-200);
472
476
  --interactive-timer-neutral-solid: var(--color-neutral-800);
@@ -489,7 +493,7 @@ gov-tile__link::before, .gov-tile__link::before {
489
493
  --text-placeholder: var(--color-neutral-500);
490
494
  --text-primary: var(--color-neutral-950);
491
495
  --text-secondary: var(--color-neutral-700);
492
- --text-terciary: var(--color-neutral-500);
496
+ --text-tertiary: var(--color-neutral-500);
493
497
  --text-white: var(--color-neutral-0);
494
498
  --text-white-fixed: var(--color-neutral-0);
495
499
  --text-status-error: var(--color-error-700);
@@ -503,12 +507,14 @@ gov-tile__link::before, .gov-tile__link::before {
503
507
  --background-white: var(--color-neutral-1000);
504
508
  --background-block-primary: var(--color-neutral-950);
505
509
  --background-block-secondary: var(--color-neutral-800);
506
- --background-overlay: var(--color-neutral-900);
507
- --background-page: var(--color-neutral-1000);
510
+ --background-overlay-image: rgb(5,5,5,0.7);
511
+ --background-overlay-page: rgb(0,0,0,0.8);
512
+ --background-overlay-transparent: rgb(1,4,9,0);
513
+ --background-page: var(--color-primary-1050);
508
514
  --background-neutral-disabled: var(--color-neutral-900);
509
515
  --background-neutral-primary: var(--color-neutral-900);
510
516
  --background-neutral-secondary: var(--color-neutral-1000);
511
- --background-neutral-subtle: var(--color-neutral-950);
517
+ --background-neutral-subtle: var(--color-neutral-900);
512
518
  --background-neutral-subtlest: var(--color-neutral-950);
513
519
  --background-neutral-white: var(--color-neutral-1000);
514
520
  --background-primary: var(--color-primary-600);
@@ -535,57 +541,57 @@ gov-tile__link::before, .gov-tile__link::before {
535
541
  --border-success: var(--color-success-600);
536
542
  --border-warning: var(--color-warning-600);
537
543
  --border-disabled: var(--color-neutral-900);
538
- --button-outlined-error: var(--color-error-950);
539
- --button-outlined-error-active: var(--color-error-950);
540
- --button-outlined-error-hover: var(--color-error-900);
541
- --button-outlined-neutral: var(--color-neutral-1000);
544
+ --button-outlined-error: var(--color-error-800);
545
+ --button-outlined-error-active: var(--color-error-900);
546
+ --button-outlined-error-hover: var(--color-error-950);
547
+ --button-outlined-neutral: var(--color-neutral-800);
542
548
  --button-outlined-neutral-active: var(--color-neutral-900);
543
549
  --button-outlined-neutral-hover: var(--color-neutral-950);
544
- --button-outlined-primary: var(--color-primary-1000);
550
+ --button-outlined-primary: var(--color-primary-800);
545
551
  --button-outlined-primary-active: var(--color-primary-900);
546
552
  --button-outlined-primary-hover: var(--color-primary-950);
547
- --button-outlined-secondary: var(--color-secondary-1000);
553
+ --button-outlined-secondary: var(--color-secondary-800);
548
554
  --button-outlined-secondary-active: var(--color-secondary-900);
549
555
  --button-outlined-secondary-hover: var(--color-secondary-950);
550
- --button-outlined-success: var(--color-success-950);
551
- --button-outlined-success-active: var(--color-success-950);
552
- --button-outlined-success-hover: var(--color-success-900);
553
- --button-outlined-warning: var(--color-warning-950);
554
- --button-outlined-warning-active: var(--color-warning-950);
555
- --button-outlined-warning-hover: var(--color-warning-900);
556
+ --button-outlined-success: var(--color-success-800);
557
+ --button-outlined-success-active: var(--color-success-900);
558
+ --button-outlined-success-hover: var(--color-success-950);
559
+ --button-outlined-warning: var(--color-warning-800);
560
+ --button-outlined-warning-active: var(--color-warning-900);
561
+ --button-outlined-warning-hover: var(--color-warning-950);
556
562
  --button-solid-disabled: var(--color-neutral-950);
557
563
  --button-solid-error: var(--color-error-600);
558
- --button-solid-error-active: var(--color-error-900);
564
+ --button-solid-error-active: var(--color-error-700);
559
565
  --button-solid-error-hover: var(--color-error-500);
560
- --button-solid-neutral: var(--color-neutral-900);
561
- --button-solid-neutral-active: var(--color-neutral-600);
562
- --button-solid-neutral-hover: var(--color-neutral-800);
566
+ --button-solid-neutral: var(--color-neutral-600);
567
+ --button-solid-neutral-active: var(--color-neutral-700);
568
+ --button-solid-neutral-hover: var(--color-neutral-500);
563
569
  --button-solid-primary: var(--color-primary-600);
564
- --button-solid-primary-active: var(--color-primary-900);
570
+ --button-solid-primary-active: var(--color-primary-700);
565
571
  --button-solid-primary-hover: var(--color-primary-500);
566
572
  --button-solid-secondary: var(--color-secondary-600);
567
573
  --button-solid-secondary-active: var(--color-secondary-700);
568
574
  --button-solid-secondary-hover: var(--color-secondary-500);
569
- --button-solid-success: var(--color-success-700);
570
- --button-solid-success-active: var(--color-success-900);
571
- --button-solid-success-hover: var(--color-success-600);
575
+ --button-solid-success: var(--color-success-600);
576
+ --button-solid-success-active: var(--color-success-700);
577
+ --button-solid-success-hover: var(--color-success-500);
572
578
  --button-solid-warning: var(--color-warning-600);
573
579
  --button-solid-warning-active: var(--color-warning-700);
574
580
  --button-solid-warning-hover: var(--color-warning-500);
575
581
  --icon-default: var(--color-neutral-0);
576
582
  --icon-disabled: var(--color-neutral-900);
577
- --icon-error: var(--color-error-300);
583
+ --icon-error: var(--color-error-400);
578
584
  --icon-neutral: var(--color-neutral-200);
579
585
  --icon-secondary: var(--color-secondary-400);
580
586
  --icon-success: var(--color-success-400);
581
587
  --icon-warning: var(--color-warning-400);
582
588
  --icon-on-bold-black: var(--color-neutral-1000);
583
589
  --icon-on-bold-white: var(--color-neutral-0);
584
- --icon-on-subtle: var(--color-primary-400);
590
+ --icon-on-subtle: var(--color-primary-100);
585
591
  --interactive-active: var(--color-primary-600);
586
592
  --interactive-disabled: var(--color-neutral-800);
587
593
  --interactive-error: var(--color-error-600);
588
- --interactive-inactive: var(--color-neutral-300);
594
+ --interactive-inactive: var(--color-neutral-600);
589
595
  --interactive-timer-error-solid: var(--color-error-800);
590
596
  --interactive-timer-error-subtle: var(--color-error-900);
591
597
  --interactive-timer-neutral-solid: var(--color-neutral-600);
@@ -601,20 +607,20 @@ gov-tile__link::before, .gov-tile__link::before {
601
607
  --status-success: var(--color-success-600);
602
608
  --status-visited: var(--color-visited-300);
603
609
  --status-warning: var(--color-warning-300);
604
- --text-primary-color: var(--color-primary-200);
610
+ --text-primary-color: var(--color-primary-100);
605
611
  --text-secondary-color: var(--color-secondary-600);
606
612
  --text-black-fixed: var(--color-neutral-1000);
607
613
  --text-disabled: var(--color-neutral-500);
608
614
  --text-placeholder: var(--color-neutral-300);
609
615
  --text-primary: var(--color-neutral-0);
610
616
  --text-secondary: var(--color-neutral-100);
611
- --text-terciary: var(--color-neutral-300);
617
+ --text-tertiary: var(--color-neutral-300);
612
618
  --text-white: var(--color-neutral-1000);
613
619
  --text-white-fixed: var(--color-neutral-0);
614
620
  --text-status-error: var(--color-error-400);
615
621
  --text-status-info: var(--color-primary-400);
616
622
  --text-status-success: var(--color-success-400);
617
- --text-status-warning: var(--color-warning-200);
623
+ --text-status-warning: var(--color-warning-400);
618
624
  }
619
625
 
620
626
  @media (prefers-color-scheme: dark) {
@@ -622,12 +628,14 @@ gov-tile__link::before, .gov-tile__link::before {
622
628
  --background-white: var(--color-neutral-1000);
623
629
  --background-block-primary: var(--color-neutral-950);
624
630
  --background-block-secondary: var(--color-neutral-800);
625
- --background-overlay: var(--color-neutral-900);
626
- --background-page: var(--color-neutral-1000);
631
+ --background-overlay-image: rgb(5,5,5,0.7);
632
+ --background-overlay-page: rgb(0,0,0,0.8);
633
+ --background-overlay-transparent: rgb(1,4,9,0);
634
+ --background-page: var(--color-primary-1050);
627
635
  --background-neutral-disabled: var(--color-neutral-900);
628
636
  --background-neutral-primary: var(--color-neutral-900);
629
637
  --background-neutral-secondary: var(--color-neutral-1000);
630
- --background-neutral-subtle: var(--color-neutral-950);
638
+ --background-neutral-subtle: var(--color-neutral-900);
631
639
  --background-neutral-subtlest: var(--color-neutral-950);
632
640
  --background-neutral-white: var(--color-neutral-1000);
633
641
  --background-primary: var(--color-primary-600);
@@ -654,57 +662,57 @@ gov-tile__link::before, .gov-tile__link::before {
654
662
  --border-success: var(--color-success-600);
655
663
  --border-warning: var(--color-warning-600);
656
664
  --border-disabled: var(--color-neutral-900);
657
- --button-outlined-error: var(--color-error-950);
658
- --button-outlined-error-active: var(--color-error-950);
659
- --button-outlined-error-hover: var(--color-error-900);
660
- --button-outlined-neutral: var(--color-neutral-1000);
665
+ --button-outlined-error: var(--color-error-800);
666
+ --button-outlined-error-active: var(--color-error-900);
667
+ --button-outlined-error-hover: var(--color-error-950);
668
+ --button-outlined-neutral: var(--color-neutral-800);
661
669
  --button-outlined-neutral-active: var(--color-neutral-900);
662
670
  --button-outlined-neutral-hover: var(--color-neutral-950);
663
- --button-outlined-primary: var(--color-primary-1000);
671
+ --button-outlined-primary: var(--color-primary-800);
664
672
  --button-outlined-primary-active: var(--color-primary-900);
665
673
  --button-outlined-primary-hover: var(--color-primary-950);
666
- --button-outlined-secondary: var(--color-secondary-1000);
674
+ --button-outlined-secondary: var(--color-secondary-800);
667
675
  --button-outlined-secondary-active: var(--color-secondary-900);
668
676
  --button-outlined-secondary-hover: var(--color-secondary-950);
669
- --button-outlined-success: var(--color-success-950);
670
- --button-outlined-success-active: var(--color-success-950);
671
- --button-outlined-success-hover: var(--color-success-900);
672
- --button-outlined-warning: var(--color-warning-950);
673
- --button-outlined-warning-active: var(--color-warning-950);
674
- --button-outlined-warning-hover: var(--color-warning-900);
677
+ --button-outlined-success: var(--color-success-800);
678
+ --button-outlined-success-active: var(--color-success-900);
679
+ --button-outlined-success-hover: var(--color-success-950);
680
+ --button-outlined-warning: var(--color-warning-800);
681
+ --button-outlined-warning-active: var(--color-warning-900);
682
+ --button-outlined-warning-hover: var(--color-warning-950);
675
683
  --button-solid-disabled: var(--color-neutral-950);
676
684
  --button-solid-error: var(--color-error-600);
677
- --button-solid-error-active: var(--color-error-900);
685
+ --button-solid-error-active: var(--color-error-700);
678
686
  --button-solid-error-hover: var(--color-error-500);
679
- --button-solid-neutral: var(--color-neutral-900);
680
- --button-solid-neutral-active: var(--color-neutral-600);
681
- --button-solid-neutral-hover: var(--color-neutral-800);
687
+ --button-solid-neutral: var(--color-neutral-600);
688
+ --button-solid-neutral-active: var(--color-neutral-700);
689
+ --button-solid-neutral-hover: var(--color-neutral-500);
682
690
  --button-solid-primary: var(--color-primary-600);
683
- --button-solid-primary-active: var(--color-primary-900);
691
+ --button-solid-primary-active: var(--color-primary-700);
684
692
  --button-solid-primary-hover: var(--color-primary-500);
685
693
  --button-solid-secondary: var(--color-secondary-600);
686
694
  --button-solid-secondary-active: var(--color-secondary-700);
687
695
  --button-solid-secondary-hover: var(--color-secondary-500);
688
- --button-solid-success: var(--color-success-700);
689
- --button-solid-success-active: var(--color-success-900);
690
- --button-solid-success-hover: var(--color-success-600);
696
+ --button-solid-success: var(--color-success-600);
697
+ --button-solid-success-active: var(--color-success-700);
698
+ --button-solid-success-hover: var(--color-success-500);
691
699
  --button-solid-warning: var(--color-warning-600);
692
700
  --button-solid-warning-active: var(--color-warning-700);
693
701
  --button-solid-warning-hover: var(--color-warning-500);
694
702
  --icon-default: var(--color-neutral-0);
695
703
  --icon-disabled: var(--color-neutral-900);
696
- --icon-error: var(--color-error-300);
704
+ --icon-error: var(--color-error-400);
697
705
  --icon-neutral: var(--color-neutral-200);
698
706
  --icon-secondary: var(--color-secondary-400);
699
707
  --icon-success: var(--color-success-400);
700
708
  --icon-warning: var(--color-warning-400);
701
709
  --icon-on-bold-black: var(--color-neutral-1000);
702
710
  --icon-on-bold-white: var(--color-neutral-0);
703
- --icon-on-subtle: var(--color-primary-400);
711
+ --icon-on-subtle: var(--color-primary-100);
704
712
  --interactive-active: var(--color-primary-600);
705
713
  --interactive-disabled: var(--color-neutral-800);
706
714
  --interactive-error: var(--color-error-600);
707
- --interactive-inactive: var(--color-neutral-300);
715
+ --interactive-inactive: var(--color-neutral-600);
708
716
  --interactive-timer-error-solid: var(--color-error-800);
709
717
  --interactive-timer-error-subtle: var(--color-error-900);
710
718
  --interactive-timer-neutral-solid: var(--color-neutral-600);
@@ -720,20 +728,20 @@ gov-tile__link::before, .gov-tile__link::before {
720
728
  --status-success: var(--color-success-600);
721
729
  --status-visited: var(--color-visited-300);
722
730
  --status-warning: var(--color-warning-300);
723
- --text-primary-color: var(--color-primary-200);
731
+ --text-primary-color: var(--color-primary-100);
724
732
  --text-secondary-color: var(--color-secondary-600);
725
733
  --text-black-fixed: var(--color-neutral-1000);
726
734
  --text-disabled: var(--color-neutral-500);
727
735
  --text-placeholder: var(--color-neutral-300);
728
736
  --text-primary: var(--color-neutral-0);
729
737
  --text-secondary: var(--color-neutral-100);
730
- --text-terciary: var(--color-neutral-300);
738
+ --text-tertiary: var(--color-neutral-300);
731
739
  --text-white: var(--color-neutral-1000);
732
740
  --text-white-fixed: var(--color-neutral-0);
733
741
  --text-status-error: var(--color-error-400);
734
742
  --text-status-info: var(--color-primary-400);
735
743
  --text-status-success: var(--color-success-400);
736
- --text-status-warning: var(--color-warning-200);
744
+ --text-status-warning: var(--color-warning-400);
737
745
  }
738
746
  }
739
747
  /* Primitive tokens - colors and sizes */
@@ -755,7 +763,7 @@ gov-tile__link::before, .gov-tile__link::before {
755
763
  --font-size-body-xs: 0.75rem;
756
764
  --font-size-body-s: 0.875rem;
757
765
  --font-size-body-m: 1rem;
758
- --font-size-headeline-xs: 1rem;
766
+ --font-size-headline-xs: 1rem;
759
767
  --font-size-body-l: 1.125rem;
760
768
  --font-size-headline-s: 1.125rem;
761
769
  --font-size-body-xl: 1.25rem;
@@ -843,7 +851,7 @@ gov-tile__link::before, .gov-tile__link::before {
843
851
  --font-size-body-s: 0.875rem;
844
852
  --font-size-body-m: 1rem;
845
853
  --font-size-body-l: 1.125rem;
846
- --font-size-headeline-xs: 1.125rem;
854
+ --font-size-headline-xs: 1.125rem;
847
855
  --font-size-body-xl: 1.25rem;
848
856
  --font-size-headline-s: 1.25rem;
849
857
  --font-size-headline-m: 1.5rem;
@@ -930,7 +938,7 @@ gov-tile__link::before, .gov-tile__link::before {
930
938
  --font-size-body-s: 0.875rem;
931
939
  --font-size-body-m: 1rem;
932
940
  --font-size-body-l: 1.125rem;
933
- --font-size-headeline-xs: 1.125rem;
941
+ --font-size-headline-xs: 1.125rem;
934
942
  --font-size-body-xl: 1.25rem;
935
943
  --font-size-headline-s: 1.25rem;
936
944
  --font-size-headline-m: 1.5rem;
@@ -1027,7 +1035,7 @@ gov-tile__link::before, .gov-tile__link::before {
1027
1035
  --color-secondary-800: rgb(175, 122, 0);
1028
1036
  --color-secondary-900: rgb(74, 52, 3);
1029
1037
  --color-secondary-950: rgb(61, 43, 0);
1030
- --color-secondary-1000: rgb(21, 15, 0);
1038
+ --color-secondary-1000: rgb(36, 27, 4);
1031
1039
  --color-neutral-0: rgb(255, 255, 255);
1032
1040
  --color-neutral-50: rgb(246, 246, 246);
1033
1041
  --color-neutral-100: rgb(231, 231, 231);
@@ -1050,9 +1058,10 @@ gov-tile__link::before, .gov-tile__link::before {
1050
1058
  --color-error-500: rgb(232, 75, 75);
1051
1059
  --color-error-600: rgb(198, 40, 40);
1052
1060
  --color-error-700: rgb(179, 34, 34);
1053
- --color-error-800: rgb(148, 32, 32);
1054
- --color-error-900: rgb(123, 33, 33);
1055
- --color-error-950: rgb(67, 12, 12);
1061
+ --color-error-800: rgb(126, 20, 20);
1062
+ --color-error-900: rgb(73, 12, 12);
1063
+ --color-error-950: rgb(48, 6, 6);
1064
+ --color-error-1000: rgb(36, 3, 3);
1056
1065
  --color-success-50: rgb(243, 250, 243);
1057
1066
  --color-success-100: rgb(226, 246, 227);
1058
1067
  --color-success-200: rgb(199, 235, 201);
@@ -1064,6 +1073,7 @@ gov-tile__link::before, .gov-tile__link::before {
1064
1073
  --color-success-800: rgb(38, 85, 41);
1065
1074
  --color-success-900: rgb(32, 71, 36);
1066
1075
  --color-success-950: rgb(13, 38, 15);
1076
+ --color-success-1000: rgb(6, 27, 8);
1067
1077
  --color-warning-50: rgb(254, 251, 232);
1068
1078
  --color-warning-100: rgb(254, 247, 195);
1069
1079
  --color-warning-200: rgb(254, 237, 138);
@@ -1117,6 +1127,8 @@ gov-tile__link::before, .gov-tile__link::before {
1117
1127
  opacity: 1;
1118
1128
  }
1119
1129
  }
1130
+ /* Primitive tokens - colors and sizes */
1131
+ /* Primitives - colors */
1120
1132
  html {
1121
1133
  font-size: 16px;
1122
1134
  box-sizing: border-box;
@@ -1135,7 +1147,7 @@ body {
1135
1147
  min-width: var(--layout-min-width, 20rem);
1136
1148
  margin: 0;
1137
1149
  padding: 0;
1138
- color: var(--text-secondary);
1150
+ color: var(--text-primary);
1139
1151
  font-family: var(--font-family-primary, var(--font-family));
1140
1152
  background-color: var(--background-page);
1141
1153
  }
@@ -1147,6 +1159,11 @@ body.body-fixed {
1147
1159
  margin-top: 0;
1148
1160
  }
1149
1161
 
1162
+ img {
1163
+ max-width: 100%;
1164
+ height: auto;
1165
+ }
1166
+
1150
1167
  /* General typography */
1151
1168
  * {
1152
1169
  margin: 0;
@@ -1171,19 +1188,19 @@ h3, .h3 {
1171
1188
  }
1172
1189
 
1173
1190
  h4, .h4 {
1174
- font-size: var(--font-size-body-xl);
1191
+ font-size: var(--font-size-headline-s);
1175
1192
  line-height: 150%;
1176
1193
  font-weight: 500;
1177
1194
  }
1178
1195
 
1179
1196
  h5, .h5 {
1180
- font-size: var(--font-size-body-l);
1197
+ font-size: var(--font-size-headline-xs);
1181
1198
  line-height: 150%;
1182
1199
  font-weight: 500;
1183
1200
  }
1184
1201
 
1185
1202
  h6, .h6 {
1186
- font-size: var(--font-size-body-l);
1203
+ font-size: var(--font-size-headline-xs);
1187
1204
  line-height: 150%;
1188
1205
  font-weight: 500;
1189
1206
  }
@@ -1236,7 +1253,6 @@ ol .gov-list__item, .gov-ordered-list li, .gov-ordered-list .gov-list__item {
1236
1253
  font-size: var(--font-size-body-m);
1237
1254
  line-height: 150%;
1238
1255
  font-weight: 400;
1239
- color: var(--text-primary);
1240
1256
  }
1241
1257
  ul li:last-child, ul .gov-list__item:last-child, .gov-list li:last-child, .gov-list .gov-list__item:last-child,
1242
1258
  ol li:last-child,
@@ -1264,6 +1280,14 @@ ol--plain, .gov-ordered-list--plain {
1264
1280
  list-style: none;
1265
1281
  padding-left: 0;
1266
1282
  }
1283
+ ul--plain > li,
1284
+ ul--plain > .gov-list__item, .gov-list--plain > li,
1285
+ .gov-list--plain > .gov-list__item,
1286
+ ol--plain > li,
1287
+ ol--plain > .gov-list__item, .gov-ordered-list--plain > li,
1288
+ .gov-ordered-list--plain > .gov-list__item {
1289
+ margin-bottom: 0;
1290
+ }
1267
1291
  ul--plain > li::before,
1268
1292
  ul--plain > .gov-list__item::before, .gov-list--plain > li::before,
1269
1293
  .gov-list--plain > .gov-list__item::before,
@@ -1310,628 +1334,172 @@ ul ul > li:before ul > li:before, .gov-list ul > li:before ul > li:before {
1310
1334
  content: "■";
1311
1335
  }
1312
1336
 
1313
- .gov-bg--primary-50 {
1314
- background-color: var(--color-primary-50);
1315
- }
1316
-
1317
- .gov-bg--primary-100 {
1318
- background-color: var(--color-primary-100);
1319
- }
1320
-
1321
- .gov-bg--primary-200 {
1322
- background-color: var(--color-primary-200);
1323
- }
1324
-
1325
- .gov-bg--primary-300 {
1326
- background-color: var(--color-primary-300);
1327
- }
1328
-
1329
- .gov-bg--primary-400 {
1330
- background-color: var(--color-primary-400);
1331
- }
1332
-
1333
- .gov-bg--primary-500 {
1334
- background-color: var(--color-primary-500);
1335
- }
1336
-
1337
- .gov-bg--primary-600 {
1338
- background-color: var(--color-primary-600);
1339
- }
1340
-
1341
- .gov-bg--primary-700 {
1342
- background-color: var(--color-primary-700);
1343
- }
1344
-
1345
- .gov-bg--primary-800 {
1346
- background-color: var(--color-primary-800);
1347
- }
1348
-
1349
- .gov-bg--primary-900 {
1350
- background-color: var(--color-primary-900);
1351
- }
1352
-
1353
- .gov-bg--primary-950 {
1354
- background-color: var(--color-primary-950);
1355
- }
1356
-
1357
- .gov-bg--primary-1000 {
1358
- background-color: var(--color-primary-1000);
1359
- }
1360
-
1361
- .gov-bg--primary-1050 {
1362
- background-color: var(--color-primary-1050);
1363
- }
1364
-
1365
- .gov-bg--secondary-50 {
1366
- background-color: var(--color-secondary-50);
1367
- }
1368
-
1369
- .gov-bg--secondary-100 {
1370
- background-color: var(--color-secondary-100);
1371
- }
1372
-
1373
- .gov-bg--secondary-200 {
1374
- background-color: var(--color-secondary-200);
1375
- }
1376
-
1377
- .gov-bg--secondary-300 {
1378
- background-color: var(--color-secondary-300);
1379
- }
1380
-
1381
- .gov-bg--secondary-400 {
1382
- background-color: var(--color-secondary-400);
1383
- }
1384
-
1385
- .gov-bg--secondary-500 {
1386
- background-color: var(--color-secondary-500);
1387
- }
1388
-
1389
- .gov-bg--secondary-600 {
1390
- background-color: var(--color-secondary-600);
1391
- }
1392
-
1393
- .gov-bg--secondary-700 {
1394
- background-color: var(--color-secondary-700);
1395
- }
1396
-
1397
- .gov-bg--secondary-800 {
1398
- background-color: var(--color-secondary-800);
1399
- }
1400
-
1401
- .gov-bg--secondary-900 {
1402
- background-color: var(--color-secondary-900);
1403
- }
1404
-
1405
- .gov-bg--secondary-950 {
1406
- background-color: var(--color-secondary-950);
1407
- }
1408
-
1409
- .gov-bg--secondary-1000 {
1410
- background-color: var(--color-secondary-1000);
1411
- }
1412
-
1413
- .gov-bg--neutral-0 {
1414
- background-color: var(--color-neutral-0);
1415
- }
1416
-
1417
- .gov-bg--neutral-50 {
1418
- background-color: var(--color-neutral-50);
1419
- }
1420
-
1421
- .gov-bg--neutral-100 {
1422
- background-color: var(--color-neutral-100);
1423
- }
1424
-
1425
- .gov-bg--neutral-200 {
1426
- background-color: var(--color-neutral-200);
1337
+ .gov-bg--background-white {
1338
+ background-color: var(--background-white);
1427
1339
  }
1428
1340
 
1429
- .gov-bg--neutral-300 {
1430
- background-color: var(--color-neutral-300);
1431
- }
1432
-
1433
- .gov-bg--neutral-400 {
1434
- background-color: var(--color-neutral-400);
1435
- }
1436
-
1437
- .gov-bg--neutral-500 {
1438
- background-color: var(--color-neutral-500);
1439
- }
1440
-
1441
- .gov-bg--neutral-600 {
1442
- background-color: var(--color-neutral-600);
1443
- }
1444
-
1445
- .gov-bg--neutral-700 {
1446
- background-color: var(--color-neutral-700);
1447
- }
1448
-
1449
- .gov-bg--neutral-800 {
1450
- background-color: var(--color-neutral-800);
1451
- }
1452
-
1453
- .gov-bg--neutral-900 {
1454
- background-color: var(--color-neutral-900);
1455
- }
1456
-
1457
- .gov-bg--neutral-950 {
1458
- background-color: var(--color-neutral-950);
1459
- }
1460
-
1461
- .gov-bg--neutral-1000 {
1462
- background-color: var(--color-neutral-1000);
1463
- }
1464
-
1465
- .gov-bg--neutral-transparent {
1466
- background-color: var(--color-neutral-transparent);
1467
- }
1468
-
1469
- .gov-bg--error-50 {
1470
- background-color: var(--color-error-50);
1471
- }
1472
-
1473
- .gov-bg--error-100 {
1474
- background-color: var(--color-error-100);
1475
- }
1476
-
1477
- .gov-bg--error-200 {
1478
- background-color: var(--color-error-200);
1479
- }
1480
-
1481
- .gov-bg--error-300 {
1482
- background-color: var(--color-error-300);
1483
- }
1484
-
1485
- .gov-bg--error-400 {
1486
- background-color: var(--color-error-400);
1487
- }
1488
-
1489
- .gov-bg--error-500 {
1490
- background-color: var(--color-error-500);
1491
- }
1492
-
1493
- .gov-bg--error-600 {
1494
- background-color: var(--color-error-600);
1495
- }
1496
-
1497
- .gov-bg--error-700 {
1498
- background-color: var(--color-error-700);
1499
- }
1500
-
1501
- .gov-bg--error-800 {
1502
- background-color: var(--color-error-800);
1503
- }
1504
-
1505
- .gov-bg--error-900 {
1506
- background-color: var(--color-error-900);
1507
- }
1508
-
1509
- .gov-bg--error-950 {
1510
- background-color: var(--color-error-950);
1511
- }
1512
-
1513
- .gov-bg--success-50 {
1514
- background-color: var(--color-success-50);
1515
- }
1516
-
1517
- .gov-bg--success-100 {
1518
- background-color: var(--color-success-100);
1519
- }
1520
-
1521
- .gov-bg--success-200 {
1522
- background-color: var(--color-success-200);
1523
- }
1524
-
1525
- .gov-bg--success-300 {
1526
- background-color: var(--color-success-300);
1527
- }
1528
-
1529
- .gov-bg--success-400 {
1530
- background-color: var(--color-success-400);
1531
- }
1532
-
1533
- .gov-bg--success-500 {
1534
- background-color: var(--color-success-500);
1535
- }
1536
-
1537
- .gov-bg--success-600 {
1538
- background-color: var(--color-success-600);
1539
- }
1540
-
1541
- .gov-bg--success-700 {
1542
- background-color: var(--color-success-700);
1543
- }
1544
-
1545
- .gov-bg--success-800 {
1546
- background-color: var(--color-success-800);
1547
- }
1548
-
1549
- .gov-bg--success-900 {
1550
- background-color: var(--color-success-900);
1551
- }
1552
-
1553
- .gov-bg--success-950 {
1554
- background-color: var(--color-success-950);
1555
- }
1556
-
1557
- .gov-bg--warning-50 {
1558
- background-color: var(--color-warning-50);
1559
- }
1560
-
1561
- .gov-bg--warning-100 {
1562
- background-color: var(--color-warning-100);
1563
- }
1564
-
1565
- .gov-bg--warning-200 {
1566
- background-color: var(--color-warning-200);
1567
- }
1568
-
1569
- .gov-bg--warning-300 {
1570
- background-color: var(--color-warning-300);
1571
- }
1572
-
1573
- .gov-bg--warning-400 {
1574
- background-color: var(--color-warning-400);
1575
- }
1576
-
1577
- .gov-bg--warning-500 {
1578
- background-color: var(--color-warning-500);
1579
- }
1580
-
1581
- .gov-bg--warning-600 {
1582
- background-color: var(--color-warning-600);
1583
- }
1584
-
1585
- .gov-bg--warning-700 {
1586
- background-color: var(--color-warning-700);
1587
- }
1588
-
1589
- .gov-bg--warning-800 {
1590
- background-color: var(--color-warning-800);
1591
- }
1592
-
1593
- .gov-bg--warning-900 {
1594
- background-color: var(--color-warning-900);
1595
- }
1596
-
1597
- .gov-bg--warning-950 {
1598
- background-color: var(--color-warning-950);
1599
- }
1600
-
1601
- .gov-bg--warning-1000 {
1602
- background-color: var(--color-warning-1000);
1603
- }
1604
-
1605
- .gov-bg--focus-300 {
1606
- background-color: var(--color-focus-300);
1607
- }
1608
-
1609
- .gov-bg--focus-600 {
1610
- background-color: var(--color-focus-600);
1611
- }
1612
-
1613
- .gov-bg--visited-300 {
1614
- background-color: var(--color-visited-300);
1615
- }
1616
-
1617
- .gov-bg--visited-600 {
1618
- background-color: var(--color-visited-600);
1619
- }
1620
-
1621
- .gov-bg--visited-700 {
1622
- background-color: var(--color-visited-700);
1623
- }
1624
-
1625
- .gov-color--primary-50 {
1626
- color: var(--color-primary-50);
1627
- }
1628
-
1629
- .gov-color--primary-100 {
1630
- color: var(--color-primary-100);
1631
- }
1632
-
1633
- .gov-color--primary-200 {
1634
- color: var(--color-primary-200);
1635
- }
1636
-
1637
- .gov-color--primary-300 {
1638
- color: var(--color-primary-300);
1639
- }
1640
-
1641
- .gov-color--primary-400 {
1642
- color: var(--color-primary-400);
1643
- }
1644
-
1645
- .gov-color--primary-500 {
1646
- color: var(--color-primary-500);
1647
- }
1648
-
1649
- .gov-color--primary-600 {
1650
- color: var(--color-primary-600);
1651
- }
1652
-
1653
- .gov-color--primary-700 {
1654
- color: var(--color-primary-700);
1655
- }
1656
-
1657
- .gov-color--primary-800 {
1658
- color: var(--color-primary-800);
1659
- }
1660
-
1661
- .gov-color--primary-900 {
1662
- color: var(--color-primary-900);
1663
- }
1664
-
1665
- .gov-color--primary-950 {
1666
- color: var(--color-primary-950);
1667
- }
1668
-
1669
- .gov-color--primary-1000 {
1670
- color: var(--color-primary-1000);
1671
- }
1672
-
1673
- .gov-color--primary-1050 {
1674
- color: var(--color-primary-1050);
1675
- }
1676
-
1677
- .gov-color--secondary-50 {
1678
- color: var(--color-secondary-50);
1679
- }
1680
-
1681
- .gov-color--secondary-100 {
1682
- color: var(--color-secondary-100);
1683
- }
1684
-
1685
- .gov-color--secondary-200 {
1686
- color: var(--color-secondary-200);
1687
- }
1688
-
1689
- .gov-color--secondary-300 {
1690
- color: var(--color-secondary-300);
1691
- }
1692
-
1693
- .gov-color--secondary-400 {
1694
- color: var(--color-secondary-400);
1695
- }
1696
-
1697
- .gov-color--secondary-500 {
1698
- color: var(--color-secondary-500);
1699
- }
1700
-
1701
- .gov-color--secondary-600 {
1702
- color: var(--color-secondary-600);
1703
- }
1704
-
1705
- .gov-color--secondary-700 {
1706
- color: var(--color-secondary-700);
1707
- }
1708
-
1709
- .gov-color--secondary-800 {
1710
- color: var(--color-secondary-800);
1711
- }
1712
-
1713
- .gov-color--secondary-900 {
1714
- color: var(--color-secondary-900);
1715
- }
1716
-
1717
- .gov-color--secondary-950 {
1718
- color: var(--color-secondary-950);
1719
- }
1720
-
1721
- .gov-color--secondary-1000 {
1722
- color: var(--color-secondary-1000);
1723
- }
1724
-
1725
- .gov-color--neutral-0 {
1726
- color: var(--color-neutral-0);
1727
- }
1728
-
1729
- .gov-color--neutral-50 {
1730
- color: var(--color-neutral-50);
1731
- }
1732
-
1733
- .gov-color--neutral-100 {
1734
- color: var(--color-neutral-100);
1735
- }
1736
-
1737
- .gov-color--neutral-200 {
1738
- color: var(--color-neutral-200);
1739
- }
1740
-
1741
- .gov-color--neutral-300 {
1742
- color: var(--color-neutral-300);
1743
- }
1744
-
1745
- .gov-color--neutral-400 {
1746
- color: var(--color-neutral-400);
1747
- }
1748
-
1749
- .gov-color--neutral-500 {
1750
- color: var(--color-neutral-500);
1751
- }
1752
-
1753
- .gov-color--neutral-600 {
1754
- color: var(--color-neutral-600);
1755
- }
1756
-
1757
- .gov-color--neutral-700 {
1758
- color: var(--color-neutral-700);
1759
- }
1760
-
1761
- .gov-color--neutral-800 {
1762
- color: var(--color-neutral-800);
1763
- }
1764
-
1765
- .gov-color--neutral-900 {
1766
- color: var(--color-neutral-900);
1767
- }
1768
-
1769
- .gov-color--neutral-950 {
1770
- color: var(--color-neutral-950);
1771
- }
1772
-
1773
- .gov-color--neutral-1000 {
1774
- color: var(--color-neutral-1000);
1341
+ .gov-bg--background-block-primary {
1342
+ background-color: var(--background-block-primary);
1775
1343
  }
1776
1344
 
1777
- .gov-color--neutral-transparent {
1778
- color: var(--color-neutral-transparent);
1345
+ .gov-bg--background-block-secondary {
1346
+ background-color: var(--background-block-secondary);
1779
1347
  }
1780
1348
 
1781
- .gov-color--error-50 {
1782
- color: var(--color-error-50);
1349
+ .gov-bg--background-overlay-image {
1350
+ background-color: var(--background-overlay-image);
1783
1351
  }
1784
1352
 
1785
- .gov-color--error-100 {
1786
- color: var(--color-error-100);
1353
+ .gov-bg--background-overlay-page {
1354
+ background-color: var(--background-overlay-page);
1787
1355
  }
1788
1356
 
1789
- .gov-color--error-200 {
1790
- color: var(--color-error-200);
1357
+ .gov-bg--background-overlay-transparent {
1358
+ background-color: var(--background-overlay-transparent);
1791
1359
  }
1792
1360
 
1793
- .gov-color--error-300 {
1794
- color: var(--color-error-300);
1361
+ .gov-bg--background-page {
1362
+ background-color: var(--background-page);
1795
1363
  }
1796
1364
 
1797
- .gov-color--error-400 {
1798
- color: var(--color-error-400);
1365
+ .gov-bg--background-neutral-disabled {
1366
+ background-color: var(--background-neutral-disabled);
1799
1367
  }
1800
1368
 
1801
- .gov-color--error-500 {
1802
- color: var(--color-error-500);
1369
+ .gov-bg--background-neutral-primary {
1370
+ background-color: var(--background-neutral-primary);
1803
1371
  }
1804
1372
 
1805
- .gov-color--error-600 {
1806
- color: var(--color-error-600);
1373
+ .gov-bg--background-neutral-secondary {
1374
+ background-color: var(--background-neutral-secondary);
1807
1375
  }
1808
1376
 
1809
- .gov-color--error-700 {
1810
- color: var(--color-error-700);
1377
+ .gov-bg--background-neutral-subtle {
1378
+ background-color: var(--background-neutral-subtle);
1811
1379
  }
1812
1380
 
1813
- .gov-color--error-800 {
1814
- color: var(--color-error-800);
1381
+ .gov-bg--background-neutral-subtlest {
1382
+ background-color: var(--background-neutral-subtlest);
1815
1383
  }
1816
1384
 
1817
- .gov-color--error-900 {
1818
- color: var(--color-error-900);
1385
+ .gov-bg--background-neutral-white {
1386
+ background-color: var(--background-neutral-white);
1819
1387
  }
1820
1388
 
1821
- .gov-color--error-950 {
1822
- color: var(--color-error-950);
1389
+ .gov-bg--background-primary {
1390
+ background-color: var(--background-primary);
1823
1391
  }
1824
1392
 
1825
- .gov-color--success-50 {
1826
- color: var(--color-success-50);
1393
+ .gov-bg--background-primary-subtle {
1394
+ background-color: var(--background-primary-subtle);
1827
1395
  }
1828
1396
 
1829
- .gov-color--success-100 {
1830
- color: var(--color-success-100);
1397
+ .gov-bg--background-primary-subtlest {
1398
+ background-color: var(--background-primary-subtlest);
1831
1399
  }
1832
1400
 
1833
- .gov-color--success-200 {
1834
- color: var(--color-success-200);
1401
+ .gov-bg--background-secondary {
1402
+ background-color: var(--background-secondary);
1835
1403
  }
1836
1404
 
1837
- .gov-color--success-300 {
1838
- color: var(--color-success-300);
1405
+ .gov-bg--background-secondary-subtle {
1406
+ background-color: var(--background-secondary-subtle);
1839
1407
  }
1840
1408
 
1841
- .gov-color--success-400 {
1842
- color: var(--color-success-400);
1409
+ .gov-bg--background-secondary-subtlest {
1410
+ background-color: var(--background-secondary-subtlest);
1843
1411
  }
1844
1412
 
1845
- .gov-color--success-500 {
1846
- color: var(--color-success-500);
1413
+ .gov-bg--background-status-error {
1414
+ background-color: var(--background-status-error);
1847
1415
  }
1848
1416
 
1849
- .gov-color--success-600 {
1850
- color: var(--color-success-600);
1417
+ .gov-bg--background-status-error-subtle {
1418
+ background-color: var(--background-status-error-subtle);
1851
1419
  }
1852
1420
 
1853
- .gov-color--success-700 {
1854
- color: var(--color-success-700);
1421
+ .gov-bg--background-status-error-subtlest {
1422
+ background-color: var(--background-status-error-subtlest);
1855
1423
  }
1856
1424
 
1857
- .gov-color--success-800 {
1858
- color: var(--color-success-800);
1425
+ .gov-bg--background-status-success {
1426
+ background-color: var(--background-status-success);
1859
1427
  }
1860
1428
 
1861
- .gov-color--success-900 {
1862
- color: var(--color-success-900);
1429
+ .gov-bg--background-status-success-subtle {
1430
+ background-color: var(--background-status-success-subtle);
1863
1431
  }
1864
1432
 
1865
- .gov-color--success-950 {
1866
- color: var(--color-success-950);
1433
+ .gov-bg--background-status-success-subtlest {
1434
+ background-color: var(--background-status-success-subtlest);
1867
1435
  }
1868
1436
 
1869
- .gov-color--warning-50 {
1870
- color: var(--color-warning-50);
1437
+ .gov-bg--background-status-warning {
1438
+ background-color: var(--background-status-warning);
1871
1439
  }
1872
1440
 
1873
- .gov-color--warning-100 {
1874
- color: var(--color-warning-100);
1441
+ .gov-bg--background-status-warning-subtle {
1442
+ background-color: var(--background-status-warning-subtle);
1875
1443
  }
1876
1444
 
1877
- .gov-color--warning-200 {
1878
- color: var(--color-warning-200);
1445
+ .gov-bg--background-status-warning-subtlest {
1446
+ background-color: var(--background-status-warning-subtlest);
1879
1447
  }
1880
1448
 
1881
- .gov-color--warning-300 {
1882
- color: var(--color-warning-300);
1449
+ .gov-color--text-primary-color {
1450
+ color: var(--text-primary-color);
1883
1451
  }
1884
1452
 
1885
- .gov-color--warning-400 {
1886
- color: var(--color-warning-400);
1453
+ .gov-color--text-secondary-color {
1454
+ color: var(--text-secondary-color);
1887
1455
  }
1888
1456
 
1889
- .gov-color--warning-500 {
1890
- color: var(--color-warning-500);
1457
+ .gov-color--text-black-fixed {
1458
+ color: var(--text-black-fixed);
1891
1459
  }
1892
1460
 
1893
- .gov-color--warning-600 {
1894
- color: var(--color-warning-600);
1461
+ .gov-color--text-disabled {
1462
+ color: var(--text-disabled);
1895
1463
  }
1896
1464
 
1897
- .gov-color--warning-700 {
1898
- color: var(--color-warning-700);
1465
+ .gov-color--text-placeholder {
1466
+ color: var(--text-placeholder);
1899
1467
  }
1900
1468
 
1901
- .gov-color--warning-800 {
1902
- color: var(--color-warning-800);
1469
+ .gov-color--text-primary {
1470
+ color: var(--text-primary);
1903
1471
  }
1904
1472
 
1905
- .gov-color--warning-900 {
1906
- color: var(--color-warning-900);
1473
+ .gov-color--text-secondary {
1474
+ color: var(--text-secondary);
1907
1475
  }
1908
1476
 
1909
- .gov-color--warning-950 {
1910
- color: var(--color-warning-950);
1477
+ .gov-color--text-tertiary {
1478
+ color: var(--text-tertiary);
1911
1479
  }
1912
1480
 
1913
- .gov-color--warning-1000 {
1914
- color: var(--color-warning-1000);
1481
+ .gov-color--text-white {
1482
+ color: var(--text-white);
1915
1483
  }
1916
1484
 
1917
- .gov-color--focus-300 {
1918
- color: var(--color-focus-300);
1485
+ .gov-color--text-white-fixed {
1486
+ color: var(--text-white-fixed);
1919
1487
  }
1920
1488
 
1921
- .gov-color--focus-600 {
1922
- color: var(--color-focus-600);
1489
+ .gov-color--text-status-error {
1490
+ color: var(--text-status-error);
1923
1491
  }
1924
1492
 
1925
- .gov-color--visited-300 {
1926
- color: var(--color-visited-300);
1493
+ .gov-color--text-status-info {
1494
+ color: var(--text-status-info);
1927
1495
  }
1928
1496
 
1929
- .gov-color--visited-600 {
1930
- color: var(--color-visited-600);
1497
+ .gov-color--text-status-success {
1498
+ color: var(--text-status-success);
1931
1499
  }
1932
1500
 
1933
- .gov-color--visited-700 {
1934
- color: var(--color-visited-700);
1501
+ .gov-color--text-status-warning {
1502
+ color: var(--text-status-warning);
1935
1503
  }
1936
1504
 
1937
1505
  .gov-text--body-xs {
@@ -1995,13 +1563,13 @@ ul ul > li:before ul > li:before, .gov-list ul > li:before ul > li:before {
1995
1563
  }
1996
1564
 
1997
1565
  .gov-text--headline-xs {
1998
- font-size: var(--font-size-body-l);
1566
+ font-size: var(--font-size-headline-xs);
1999
1567
  line-height: 150%;
2000
1568
  font-weight: 500;
2001
1569
  }
2002
1570
 
2003
1571
  .gov-text--headline-s {
2004
- font-size: var(--font-size-body-xl);
1572
+ font-size: var(--font-size-headline-s);
2005
1573
  line-height: 150%;
2006
1574
  font-weight: 500;
2007
1575
  }
@@ -2025,7 +1593,7 @@ ul ul > li:before ul > li:before, .gov-list ul > li:before ul > li:before {
2025
1593
  }
2026
1594
 
2027
1595
  .gov-text--display-s {
2028
- font-size: var(--font-size-headline-xl);
1596
+ font-size: var(--font-size-display-s);
2029
1597
  line-height: 130%;
2030
1598
  font-weight: 500;
2031
1599
  }
@@ -2074,20 +1642,6 @@ ul ul > li:before ul > li:before, .gov-list ul > li:before ul > li:before {
2074
1642
  }
2075
1643
  }
2076
1644
 
2077
- .gov-flex-row {
2078
- position: relative;
2079
- display: flex;
2080
- width: 100%;
2081
- flex-direction: row;
2082
- }
2083
-
2084
- .gov-flex-col {
2085
- position: relative;
2086
- display: flex;
2087
- width: 100%;
2088
- flex-direction: column;
2089
- }
2090
-
2091
1645
  /* Accordion */
2092
1646
  gov-accordion, .gov-accordion {
2093
1647
  /* Variables - Accordion */
@@ -2580,7 +2134,7 @@ gov-blockquote > gov-icon, gov-blockquote > .gov-icon, .gov-blockquote > gov-ico
2580
2134
  width: var(--icon-size-3xl);
2581
2135
  height: var(--icon-size-3xl);
2582
2136
  }
2583
- gov-blockquote p, .gov-blockquote p {
2137
+ gov-blockquote blockquote, gov-blockquote p, .gov-blockquote blockquote, .gov-blockquote p {
2584
2138
  font-size: var(--font-size-body-l);
2585
2139
  line-height: 150%;
2586
2140
  font-weight: 400;
@@ -2609,7 +2163,7 @@ gov-blockquote *[slot=image] ~ *[slot=author], .gov-blockquote *[slot=image] ~ *
2609
2163
  gov-blockquote[type=primary], .gov-blockquote[type=primary] {
2610
2164
  background-color: var(--background, var(--background-primary));
2611
2165
  }
2612
- gov-blockquote[type=primary] p, .gov-blockquote[type=primary] p {
2166
+ gov-blockquote[type=primary] blockquote, gov-blockquote[type=primary] p, .gov-blockquote[type=primary] blockquote, .gov-blockquote[type=primary] p {
2613
2167
  color: var(--color, var(--text-white-fixed));
2614
2168
  }
2615
2169
  gov-blockquote[type=primary] > gov-icon, gov-blockquote[type=primary] > .gov-icon, .gov-blockquote[type=primary] > gov-icon, .gov-blockquote[type=primary] > .gov-icon {
@@ -2621,7 +2175,7 @@ gov-blockquote[type=primary] *[slot=author], .gov-blockquote[type=primary] *[slo
2621
2175
  gov-blockquote[type=subtle], .gov-blockquote[type=subtle] {
2622
2176
  background-color: var(--background, var(--background-primary-subtle));
2623
2177
  }
2624
- gov-blockquote[type=subtle] p, .gov-blockquote[type=subtle] p {
2178
+ gov-blockquote[type=subtle] blockquote, gov-blockquote[type=subtle] p, .gov-blockquote[type=subtle] blockquote, .gov-blockquote[type=subtle] p {
2625
2179
  color: var(--color, var(--text-primary));
2626
2180
  }
2627
2181
  gov-blockquote[type=subtle] > gov-icon, gov-blockquote[type=subtle] > .gov-icon, .gov-blockquote[type=subtle] > gov-icon, .gov-blockquote[type=subtle] > .gov-icon {
@@ -2633,7 +2187,7 @@ gov-blockquote[type=subtle] *[slot=author], .gov-blockquote[type=subtle] *[slot=
2633
2187
  gov-blockquote[type=neutral], .gov-blockquote[type=neutral] {
2634
2188
  background-color: var(--background, var(--background-neutral-subtle));
2635
2189
  }
2636
- gov-blockquote[type=neutral] p, .gov-blockquote[type=neutral] p {
2190
+ gov-blockquote[type=neutral] blockquote, gov-blockquote[type=neutral] p, .gov-blockquote[type=neutral] blockquote, .gov-blockquote[type=neutral] p {
2637
2191
  color: var(--color, var(--text-primary));
2638
2192
  }
2639
2193
  gov-blockquote[type=neutral] > gov-icon, gov-blockquote[type=neutral] > .gov-icon, .gov-blockquote[type=neutral] > gov-icon, .gov-blockquote[type=neutral] > .gov-icon {
@@ -2642,6 +2196,9 @@ gov-blockquote[type=neutral] > gov-icon, gov-blockquote[type=neutral] > .gov-ico
2642
2196
  gov-blockquote[type=neutral] *[slot=author], .gov-blockquote[type=neutral] *[slot=author] {
2643
2197
  color: var(--color-author, var(--text-secondary));
2644
2198
  }
2199
+ gov-blockquote[type=primary] blockquote a, .gov-blockquote[type=primary] blockquote a {
2200
+ color: var(--color, var(--text-white-fixed));
2201
+ }
2645
2202
 
2646
2203
  /* Banner */
2647
2204
  gov-banner, .gov-banner {
@@ -2672,10 +2229,16 @@ gov-banner > div, .gov-banner > div {
2672
2229
  gov-banner .gov-banner__content, .gov-banner .gov-banner__content {
2673
2230
  display: flex;
2674
2231
  flex-direction: column;
2232
+ }
2233
+ gov-banner .gov-banner__content, gov-banner .gov-banner__content > *, .gov-banner .gov-banner__content, .gov-banner .gov-banner__content > * {
2675
2234
  font-size: var(--font-size-body-l);
2676
2235
  line-height: 150%;
2677
2236
  font-weight: 400;
2678
2237
  }
2238
+ gov-banner gov-button, gov-banner .gov-button, .gov-banner gov-button, .gov-banner .gov-button {
2239
+ position: relative;
2240
+ z-index: 1;
2241
+ }
2679
2242
  gov-banner:not([size=xl]), .gov-banner:not([size=xl]) {
2680
2243
  padding: var(--spacing-l);
2681
2244
  background: linear-gradient(45deg, var(--color-primary-500) 0%, var(--color-primary-900) 100%);
@@ -2712,7 +2275,7 @@ gov-banner[size=s] .gov-banner__content, .gov-banner[size=s] .gov-banner__conten
2712
2275
  gap: var(--content-gap-mobile, var(--spacing-s));
2713
2276
  }
2714
2277
  gov-banner[size=s] *[slot=headline], .gov-banner[size=s] *[slot=headline] {
2715
- font-size: var(--font-size-body-xl);
2278
+ font-size: var(--font-size-headline-s);
2716
2279
  line-height: 150%;
2717
2280
  font-weight: 500;
2718
2281
  }
@@ -2725,10 +2288,10 @@ gov-banner[size=s] *[slot=headline], .gov-banner[size=s] *[slot=headline] {
2725
2288
  gap: var(--gap, var(--spacing-l));
2726
2289
  }
2727
2290
  gov-banner[size=s] .gov-banner__content, .gov-banner[size=s] .gov-banner__content {
2728
- gap: var(--content-gap, var(--spacing-l));
2291
+ gap: var(--content-gap, var(--spacing-xs));
2729
2292
  }
2730
2293
  gov-banner[size=s] *[slot=headline], .gov-banner[size=s] *[slot=headline] {
2731
- font-size: var(--font-size-body-xl);
2294
+ font-size: var(--font-size-headline-s);
2732
2295
  line-height: 150%;
2733
2296
  font-weight: 500;
2734
2297
  }
@@ -2894,9 +2457,6 @@ gov-banner[background=lines]:after, .gov-banner[background=lines]:after {
2894
2457
  left: initial;
2895
2458
  }
2896
2459
  }
2897
- gov-banner[background=simple]:after, .gov-banner[background=simple]:after {
2898
- background-image: url("transparent");
2899
- }
2900
2460
  @media (min-width: 64em) {
2901
2461
  gov-banner[background=simple][foreground=image]:before, .gov-banner[background=simple][foreground=image]:before {
2902
2462
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQxIiBoZWlnaHQ9IjM0OCIgdmlld0JveD0iMCAwIDU0MSAzNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04MC40MDEgMTk2Ljg2M0M3OS4zMTE0IDE5NS4yMjIgNzguMjM5NCAxOTMuNTY5IDc3LjE4NTQgMTkxLjkwNEM1OS4zNzI4IDE5Ni4zNjIgNDAuMTU5OSAxODcuODcyIDMyLjM0OTEgMTcwLjY3NUM3Ljg5MDQzIDExNi44MjIgMC4yMTMyNzQgNTcuNTAxMiA5LjY5NzA0IDBIMy44NjYwNUMtNS41NjggNTguMjkwNyAyLjI5ODU3IDExOC4zNzkgMjcuMDg1MiAxNzIuOTUzQzM2LjMyNyAxOTMuMzAyIDU5LjQ0OSAyMDMuMDMzIDgwLjQwMSAxOTYuODYzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTkzLjE4NjggMTgzLjY0N0M5NC4yMTQ5IDE4NS4yNTQgOTUuMjYwNyAxODYuODUgOTYuMzI0MiAxODguNDMzQzExMS4wOTQgMTc2LjIzNCAxMTYuMjYzIDE1NS42MTggMTA4LjE4IDEzNy44MTNDODguNDUwNiA5NC4zNTY2IDgzLjY0NDcgNDYuMDM3NSA5NC4xMzQ1IDBIODguMjM5MkM3Ny44NDM3IDQ2LjgzODkgODIuODU5NyA5NS45MTUxIDEwMi45MTYgMTQwLjA5MUMxMDkuODQ1IDE1NS4zNTQgMTA1LjU4NCAxNzIuOTc4IDkzLjE4NjggMTgzLjY0N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yODIuNzE3IDMxOS43NjlDMjg2LjAxOSAzMzUuNzg5IDMwMC41NSAzNDcuOTkyIDMxOC4xNjQgMzQ3Ljg0NkMzODcuMzIgMzQ3LjI3NCA0NTQuMjgzIDMyMy45MjQgNTA4LjE4MSAyODEuNTM5QzUxOS43NSAyNzIuNDQyIDUzMC41NyAyNjIuNTgzIDU0MC41OCAyNTIuMDU4VjExNS4zNDFDNTI2Ljg0NSAxNTkuMTQxIDQ5OS45NTMgMTk4LjA4NiA0NjMuMTgzIDIyNy4wMDJDNDIxLjg4NSAyNTkuNDc4IDM3MC41NzggMjc3LjM3MiAzMTcuNTkgMjc3LjgxOEMzMDEuODYyIDI3Ny45NTEgMjg4LjM0MiAyODguMDI5IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5WiIgZmlsbD0iIzFENDU2RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4Mi43MTcgMzE5Ljc2OUMyNDcuODE1IDMxNS43NDggMjEzLjcxMyAzMDUuMzIxIDE4Mi4yOSAyODguNzM1QzE0MC42ODYgMjY2Ljc3NiAxMDUuNzY0IDIzNS4wNyA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzExOS45ODcgMjIzLjY2MSAxNTIuMzc0IDI1Mi45MDcgMTkwLjg3NiAyNzMuMjNDMjE5LjkzOSAyODguNTcgMjUxLjQ1MSAyOTguMjc4IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5Wk05My4xODY4IDE4My42NDdDODQuMDU4OSAxNjkuMzc3IDc2LjMzODcgMTU0LjE3NSA3MC4xOTE5IDEzOC4yMjlDNjguNDU5MSAxMzMuNzMzIDYzLjMyMDEgMTMxLjM1OSA1OC42MTk0IDEzMy4wNDFDNTMuOTQ2NyAxMzQuNzEzIDUxLjUwNTMgMTM5Ljc5NSA1My4yNzk0IDE0NC4zOTlDNTkuNjk3MiAxNjEuMDU2IDY3LjcyMDkgMTc2Ljk1MyA3Ny4xODU0IDE5MS45MDRDNzkuMzQxNCAxOTEuMzY0IDgxLjQ3NjkgMTkwLjYzNSA4My41NjkyIDE4OS43MDhDODcuMTY3MiAxODguMTE1IDkwLjM4NDggMTg2LjA1OSA5My4xODY4IDE4My42NDdaIiBmaWxsPSIjMzM3RkM0Ii8+CjxwYXRoIGQ9Ik03Ny4xODU0IDE5MS45MDRDNzguMjM5NCAxOTMuNTY5IDc5LjMxMTQgMTk1LjIyMiA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzk1LjI2MDcgMTg2Ljg1IDk0LjIxNDkgMTg1LjI1NCA5My4xODY4IDE4My42NDdDOTAuMzg0OCAxODYuMDU5IDg3LjE2NzIgMTg4LjExNSA4My41NjkyIDE4OS43MDhDODEuNDc2OSAxOTAuNjM1IDc5LjM0MTQgMTkxLjM2NCA3Ny4xODU0IDE5MS45MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
@@ -2984,8 +2544,8 @@ gov-banner[size=m] *[slot=headline], .gov-banner[size=m] *[slot=headline] {
2984
2544
  gap: var(--content-gap, var(--spacing-m));
2985
2545
  }
2986
2546
  gov-banner[size=m] *[slot=headline], .gov-banner[size=m] *[slot=headline] {
2987
- font-size: var(--font-size-body-xl);
2988
- line-height: 150%;
2547
+ font-size: var(--font-size-display-s);
2548
+ line-height: 130%;
2989
2549
  font-weight: 500;
2990
2550
  }
2991
2551
  gov-banner[size=m]:before, .gov-banner[size=m]:before {
@@ -3149,9 +2709,6 @@ gov-banner[background=lines]:after, .gov-banner[background=lines]:after {
3149
2709
  left: initial;
3150
2710
  }
3151
2711
  }
3152
- gov-banner[background=simple]:after, .gov-banner[background=simple]:after {
3153
- background-image: url("transparent");
3154
- }
3155
2712
  @media (min-width: 64em) {
3156
2713
  gov-banner[background=simple][foreground=image]:before, .gov-banner[background=simple][foreground=image]:before {
3157
2714
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQxIiBoZWlnaHQ9IjM0OCIgdmlld0JveD0iMCAwIDU0MSAzNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04MC40MDEgMTk2Ljg2M0M3OS4zMTE0IDE5NS4yMjIgNzguMjM5NCAxOTMuNTY5IDc3LjE4NTQgMTkxLjkwNEM1OS4zNzI4IDE5Ni4zNjIgNDAuMTU5OSAxODcuODcyIDMyLjM0OTEgMTcwLjY3NUM3Ljg5MDQzIDExNi44MjIgMC4yMTMyNzQgNTcuNTAxMiA5LjY5NzA0IDBIMy44NjYwNUMtNS41NjggNTguMjkwNyAyLjI5ODU3IDExOC4zNzkgMjcuMDg1MiAxNzIuOTUzQzM2LjMyNyAxOTMuMzAyIDU5LjQ0OSAyMDMuMDMzIDgwLjQwMSAxOTYuODYzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTkzLjE4NjggMTgzLjY0N0M5NC4yMTQ5IDE4NS4yNTQgOTUuMjYwNyAxODYuODUgOTYuMzI0MiAxODguNDMzQzExMS4wOTQgMTc2LjIzNCAxMTYuMjYzIDE1NS42MTggMTA4LjE4IDEzNy44MTNDODguNDUwNiA5NC4zNTY2IDgzLjY0NDcgNDYuMDM3NSA5NC4xMzQ1IDBIODguMjM5MkM3Ny44NDM3IDQ2LjgzODkgODIuODU5NyA5NS45MTUxIDEwMi45MTYgMTQwLjA5MUMxMDkuODQ1IDE1NS4zNTQgMTA1LjU4NCAxNzIuOTc4IDkzLjE4NjggMTgzLjY0N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yODIuNzE3IDMxOS43NjlDMjg2LjAxOSAzMzUuNzg5IDMwMC41NSAzNDcuOTkyIDMxOC4xNjQgMzQ3Ljg0NkMzODcuMzIgMzQ3LjI3NCA0NTQuMjgzIDMyMy45MjQgNTA4LjE4MSAyODEuNTM5QzUxOS43NSAyNzIuNDQyIDUzMC41NyAyNjIuNTgzIDU0MC41OCAyNTIuMDU4VjExNS4zNDFDNTI2Ljg0NSAxNTkuMTQxIDQ5OS45NTMgMTk4LjA4NiA0NjMuMTgzIDIyNy4wMDJDNDIxLjg4NSAyNTkuNDc4IDM3MC41NzggMjc3LjM3MiAzMTcuNTkgMjc3LjgxOEMzMDEuODYyIDI3Ny45NTEgMjg4LjM0MiAyODguMDI5IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5WiIgZmlsbD0iIzFENDU2RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4Mi43MTcgMzE5Ljc2OUMyNDcuODE1IDMxNS43NDggMjEzLjcxMyAzMDUuMzIxIDE4Mi4yOSAyODguNzM1QzE0MC42ODYgMjY2Ljc3NiAxMDUuNzY0IDIzNS4wNyA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzExOS45ODcgMjIzLjY2MSAxNTIuMzc0IDI1Mi45MDcgMTkwLjg3NiAyNzMuMjNDMjE5LjkzOSAyODguNTcgMjUxLjQ1MSAyOTguMjc4IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5Wk05My4xODY4IDE4My42NDdDODQuMDU4OSAxNjkuMzc3IDc2LjMzODcgMTU0LjE3NSA3MC4xOTE5IDEzOC4yMjlDNjguNDU5MSAxMzMuNzMzIDYzLjMyMDEgMTMxLjM1OSA1OC42MTk0IDEzMy4wNDFDNTMuOTQ2NyAxMzQuNzEzIDUxLjUwNTMgMTM5Ljc5NSA1My4yNzk0IDE0NC4zOTlDNTkuNjk3MiAxNjEuMDU2IDY3LjcyMDkgMTc2Ljk1MyA3Ny4xODU0IDE5MS45MDRDNzkuMzQxNCAxOTEuMzY0IDgxLjQ3NjkgMTkwLjYzNSA4My41NjkyIDE4OS43MDhDODcuMTY3MiAxODguMTE1IDkwLjM4NDggMTg2LjA1OSA5My4xODY4IDE4My42NDdaIiBmaWxsPSIjMzM3RkM0Ii8+CjxwYXRoIGQ9Ik03Ny4xODU0IDE5MS45MDRDNzguMjM5NCAxOTMuNTY5IDc5LjMxMTQgMTk1LjIyMiA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzk1LjI2MDcgMTg2Ljg1IDk0LjIxNDkgMTg1LjI1NCA5My4xODY4IDE4My42NDdDOTAuMzg0OCAxODYuMDU5IDg3LjE2NzIgMTg4LjExNSA4My41NjkyIDE4OS43MDhDODEuNDc2OSAxOTAuNjM1IDc5LjM0MTQgMTkxLjM2NCA3Ny4xODU0IDE5MS45MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
@@ -3223,7 +2780,7 @@ gov-banner[size=l] .gov-banner__content, .gov-banner[size=l] .gov-banner__conten
3223
2780
  gap: var(--content-gap-mobile, var(--spacing-m));
3224
2781
  }
3225
2782
  gov-banner[size=l] *[slot=headline], .gov-banner[size=l] *[slot=headline] {
3226
- font-size: var(--font-size-headline-xl);
2783
+ font-size: var(--font-size-display-s);
3227
2784
  line-height: 130%;
3228
2785
  font-weight: 500;
3229
2786
  }
@@ -3239,7 +2796,7 @@ gov-banner[size=l] *[slot=headline], .gov-banner[size=l] *[slot=headline] {
3239
2796
  gap: var(--content-gap, var(--spacing-m));
3240
2797
  }
3241
2798
  gov-banner[size=l] *[slot=headline], .gov-banner[size=l] *[slot=headline] {
3242
- font-size: var(--font-size-headline-xl);
2799
+ font-size: var(--font-size-display-s);
3243
2800
  line-height: 130%;
3244
2801
  font-weight: 500;
3245
2802
  }
@@ -3404,9 +2961,6 @@ gov-banner[background=lines]:after, .gov-banner[background=lines]:after {
3404
2961
  left: initial;
3405
2962
  }
3406
2963
  }
3407
- gov-banner[background=simple]:after, .gov-banner[background=simple]:after {
3408
- background-image: url("transparent");
3409
- }
3410
2964
  @media (min-width: 64em) {
3411
2965
  gov-banner[background=simple][foreground=image]:before, .gov-banner[background=simple][foreground=image]:before {
3412
2966
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQxIiBoZWlnaHQ9IjM0OCIgdmlld0JveD0iMCAwIDU0MSAzNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04MC40MDEgMTk2Ljg2M0M3OS4zMTE0IDE5NS4yMjIgNzguMjM5NCAxOTMuNTY5IDc3LjE4NTQgMTkxLjkwNEM1OS4zNzI4IDE5Ni4zNjIgNDAuMTU5OSAxODcuODcyIDMyLjM0OTEgMTcwLjY3NUM3Ljg5MDQzIDExNi44MjIgMC4yMTMyNzQgNTcuNTAxMiA5LjY5NzA0IDBIMy44NjYwNUMtNS41NjggNTguMjkwNyAyLjI5ODU3IDExOC4zNzkgMjcuMDg1MiAxNzIuOTUzQzM2LjMyNyAxOTMuMzAyIDU5LjQ0OSAyMDMuMDMzIDgwLjQwMSAxOTYuODYzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTkzLjE4NjggMTgzLjY0N0M5NC4yMTQ5IDE4NS4yNTQgOTUuMjYwNyAxODYuODUgOTYuMzI0MiAxODguNDMzQzExMS4wOTQgMTc2LjIzNCAxMTYuMjYzIDE1NS42MTggMTA4LjE4IDEzNy44MTNDODguNDUwNiA5NC4zNTY2IDgzLjY0NDcgNDYuMDM3NSA5NC4xMzQ1IDBIODguMjM5MkM3Ny44NDM3IDQ2LjgzODkgODIuODU5NyA5NS45MTUxIDEwMi45MTYgMTQwLjA5MUMxMDkuODQ1IDE1NS4zNTQgMTA1LjU4NCAxNzIuOTc4IDkzLjE4NjggMTgzLjY0N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yODIuNzE3IDMxOS43NjlDMjg2LjAxOSAzMzUuNzg5IDMwMC41NSAzNDcuOTkyIDMxOC4xNjQgMzQ3Ljg0NkMzODcuMzIgMzQ3LjI3NCA0NTQuMjgzIDMyMy45MjQgNTA4LjE4MSAyODEuNTM5QzUxOS43NSAyNzIuNDQyIDUzMC41NyAyNjIuNTgzIDU0MC41OCAyNTIuMDU4VjExNS4zNDFDNTI2Ljg0NSAxNTkuMTQxIDQ5OS45NTMgMTk4LjA4NiA0NjMuMTgzIDIyNy4wMDJDNDIxLjg4NSAyNTkuNDc4IDM3MC41NzggMjc3LjM3MiAzMTcuNTkgMjc3LjgxOEMzMDEuODYyIDI3Ny45NTEgMjg4LjM0MiAyODguMDI5IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5WiIgZmlsbD0iIzFENDU2RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4Mi43MTcgMzE5Ljc2OUMyNDcuODE1IDMxNS43NDggMjEzLjcxMyAzMDUuMzIxIDE4Mi4yOSAyODguNzM1QzE0MC42ODYgMjY2Ljc3NiAxMDUuNzY0IDIzNS4wNyA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzExOS45ODcgMjIzLjY2MSAxNTIuMzc0IDI1Mi45MDcgMTkwLjg3NiAyNzMuMjNDMjE5LjkzOSAyODguNTcgMjUxLjQ1MSAyOTguMjc4IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5Wk05My4xODY4IDE4My42NDdDODQuMDU4OSAxNjkuMzc3IDc2LjMzODcgMTU0LjE3NSA3MC4xOTE5IDEzOC4yMjlDNjguNDU5MSAxMzMuNzMzIDYzLjMyMDEgMTMxLjM1OSA1OC42MTk0IDEzMy4wNDFDNTMuOTQ2NyAxMzQuNzEzIDUxLjUwNTMgMTM5Ljc5NSA1My4yNzk0IDE0NC4zOTlDNTkuNjk3MiAxNjEuMDU2IDY3LjcyMDkgMTc2Ljk1MyA3Ny4xODU0IDE5MS45MDRDNzkuMzQxNCAxOTEuMzY0IDgxLjQ3NjkgMTkwLjYzNSA4My41NjkyIDE4OS43MDhDODcuMTY3MiAxODguMTE1IDkwLjM4NDggMTg2LjA1OSA5My4xODY4IDE4My42NDdaIiBmaWxsPSIjMzM3RkM0Ii8+CjxwYXRoIGQ9Ik03Ny4xODU0IDE5MS45MDRDNzguMjM5NCAxOTMuNTY5IDc5LjMxMTQgMTk1LjIyMiA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzk1LjI2MDcgMTg2Ljg1IDk0LjIxNDkgMTg1LjI1NCA5My4xODY4IDE4My42NDdDOTAuMzg0OCAxODYuMDU5IDg3LjE2NzIgMTg4LjExNSA4My41NjkyIDE4OS43MDhDODEuNDc2OSAxOTAuNjM1IDc5LjM0MTQgMTkxLjM2NCA3Ny4xODU0IDE5MS45MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
@@ -3498,6 +3052,8 @@ gov-banner[size=xl]:before, .gov-banner[size=xl]:before {
3498
3052
  background-color: rgba(0, 0, 0, 0.55);
3499
3053
  }
3500
3054
  gov-banner[size=xl] > div, .gov-banner[size=xl] > div {
3055
+ max-width: var(--container-width, 75rem);
3056
+ margin: 0 auto;
3501
3057
  gap: var(--spacing-2xl);
3502
3058
  }
3503
3059
  gov-banner[size=xl] .gov-banner__content, .gov-banner[size=xl] .gov-banner__content {
@@ -3505,9 +3061,10 @@ gov-banner[size=xl] .gov-banner__content, .gov-banner[size=xl] .gov-banner__cont
3505
3061
  gap: var(--spacing-s-nudge);
3506
3062
  }
3507
3063
  gov-banner[size=xl] *[slot=headline], .gov-banner[size=xl] *[slot=headline] {
3508
- font-size: var(--font-size-headline-xl);
3064
+ font-size: var(--font-size-display-s);
3509
3065
  line-height: 130%;
3510
3066
  font-weight: 500;
3067
+ color: var(--text-white-fixed);
3511
3068
  }
3512
3069
  @media (min-width: 48em) {
3513
3070
  gov-banner[size=xl], .gov-banner[size=xl] {
@@ -3520,6 +3077,9 @@ gov-banner[size=xl] *[slot=headline], .gov-banner[size=xl] *[slot=headline] {
3520
3077
  gov-banner[size=xl][text-color=dark], .gov-banner[size=xl][text-color=dark] {
3521
3078
  color: var(--text-black-fixed);
3522
3079
  }
3080
+ gov-banner[size=xl][text-color=dark] *[slot=headline], .gov-banner[size=xl][text-color=dark] *[slot=headline] {
3081
+ color: var(--text-black-fixed);
3082
+ }
3523
3083
  gov-banner[size=xl] .gov-banner__content p, .gov-banner[size=xl] .gov-banner__content p {
3524
3084
  font-size: var(--font-size-body-xl);
3525
3085
  line-height: 150%;
@@ -4821,7 +4381,7 @@ gov-dropdown ul, .gov-dropdown ul {
4821
4381
  border-radius: var(--border-radius, var(--corner-radius-s));
4822
4382
  background-color: var(--background-block-primary);
4823
4383
  overflow: hidden;
4824
- box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.3);
4384
+ box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
4825
4385
  }
4826
4386
  gov-dropdown li, .gov-dropdown li {
4827
4387
  margin: 0;
@@ -4881,13 +4441,13 @@ gov-card *[slot=headline], .gov-card *[slot=headline] {
4881
4441
  font-family: var(--font-family-primary, var(--font-family));
4882
4442
  font-weight: 400;
4883
4443
  box-sizing: border-box;
4884
- font-size: var(--font-size-body-xl);
4444
+ font-size: var(--font-size-headline-s);
4885
4445
  line-height: 150%;
4886
4446
  font-weight: 500;
4887
4447
  color: var(--title-color, var(--text-primary));
4888
4448
  }
4889
4449
  gov-card *[slot=headline] > *, .gov-card *[slot=headline] > * {
4890
- font-size: var(--font-size-body-xl);
4450
+ font-size: var(--font-size-headline-s);
4891
4451
  line-height: 150%;
4892
4452
  font-weight: 500;
4893
4453
  }
@@ -4895,10 +4455,14 @@ gov-card__inner, .gov-card__inner {
4895
4455
  display: flex;
4896
4456
  flex: 1 1 auto;
4897
4457
  flex-direction: column;
4458
+ text-decoration: none;
4898
4459
  }
4899
4460
  gov-card__inner[aria-hidden=""], gov-card__inner[aria-hidden=true i], gov-card__inner[aria-hidden="1"], .gov-card__inner[aria-hidden=""], .gov-card__inner[aria-hidden=true i], .gov-card__inner[aria-hidden="1"] {
4900
4461
  display: none;
4901
4462
  }
4463
+ gov-card__inner *:not(a), .gov-card__inner *:not(a) {
4464
+ text-decoration: none;
4465
+ }
4902
4466
  gov-card__img, .gov-card__img {
4903
4467
  width: 100%;
4904
4468
  margin: 0;
@@ -4920,12 +4484,15 @@ gov-card__icon, .gov-card__icon {
4920
4484
  }
4921
4485
  gov-card__content, .gov-card__content {
4922
4486
  flex: 1 1 auto;
4923
- padding: var(--spacing-m) var(--spacing-l) var(--spacing-l) var(--spacing-l);
4487
+ padding: var(--spacing-m);
4924
4488
  margin-bottom: 0;
4925
4489
  }
4926
4490
  gov-card__content > *:last-child, .gov-card__content > *:last-child {
4927
4491
  margin-bottom: 0;
4928
4492
  }
4493
+ gov-card__content p, .gov-card__content p {
4494
+ color: var(--text-color, var(--text-primary));
4495
+ }
4929
4496
  gov-card__footer, .gov-card__footer {
4930
4497
  padding: var(--spacing-l);
4931
4498
  background: var(--footer-background, var(--background-primary-subtlest));
@@ -4940,15 +4507,12 @@ gov-card:not([hydrated]), .gov-card:not([hydrated]) {
4940
4507
  padding: var(--spacing-l);
4941
4508
  }
4942
4509
  @media not all and (pointer: coarse) {
4943
- gov-card:hover, .gov-card:hover {
4944
- box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.3);
4945
- transform: translateY(-0.1rem);
4510
+ gov-card:has(> a):hover, .gov-card:has(> a):hover {
4511
+ box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
4512
+ transform: translateY(-2px);
4946
4513
  transition: all 150ms ease-in-out;
4947
4514
  }
4948
4515
  }
4949
- gov-card:active, .gov-card:active {
4950
- background-color: var(--background-primary-subtlest);
4951
- }
4952
4516
  gov-card[direction=horizontal] .gov-card__inner, gov-card[direction=horizontal]:not([hydrated]), .gov-card[direction=horizontal] .gov-card__inner, .gov-card[direction=horizontal]:not([hydrated]) {
4953
4517
  display: flex;
4954
4518
  }
@@ -6444,7 +6008,7 @@ gov-dialog__dialog, .gov-dialog__dialog {
6444
6008
  max-width: var(--max-width, 52.5rem);
6445
6009
  height: 100%;
6446
6010
  padding: var(--spacing-s);
6447
- color: var(--text-secondary);
6011
+ color: inherit;
6448
6012
  border: none;
6449
6013
  background: transparent;
6450
6014
  transform: translate(-50%, -50%);
@@ -6487,13 +6051,13 @@ gov-dialog *[slot=icon], .gov-dialog *[slot=icon] {
6487
6051
  height: var(--icon-size-xl);
6488
6052
  }
6489
6053
  gov-dialog__title *[slot=title], .gov-dialog__title *[slot=title] {
6490
- font-size: var(--font-size-headline-m);
6054
+ font-size: var(--font-size-body-l);
6491
6055
  line-height: 150%;
6492
- font-weight: 500;
6056
+ font-weight: 400;
6493
6057
  }
6494
6058
  gov-dialog__close, .gov-dialog__close {
6495
6059
  position: absolute;
6496
- top: var(--spacing-s-nudge);
6060
+ top: var(--spacing-multiline-vertical-padding-s);
6497
6061
  right: 0;
6498
6062
  }
6499
6063
  gov-dialog__content, .gov-dialog__content {
@@ -6510,6 +6074,7 @@ gov-dialog__footer, .gov-dialog__footer {
6510
6074
  display: flex;
6511
6075
  gap: var(--spacing-s-nudge);
6512
6076
  justify-content: flex-end;
6077
+ flex-wrap: wrap;
6513
6078
  padding: var(--spacing-s-nudge);
6514
6079
  border-top: var(--border-width, 0.0625rem) solid var(--border-color, var(--border-subtlest));
6515
6080
  }
@@ -6526,11 +6091,16 @@ gov-dialog[open=""], gov-dialog[open=true i], gov-dialog[open="1"], .gov-dialog[
6526
6091
  padding-right: calc(var(--icon-size-m) + var(--spacing-m) * 3 + var(--spacing-s) + var(--border-width, 0.0625rem) * 2);
6527
6092
  line-height: var(--height-line-2xl);
6528
6093
  }
6094
+ gov-dialog__title *[slot=title], .gov-dialog__title *[slot=title] {
6095
+ font-size: var(--font-size-headline-m);
6096
+ line-height: 150%;
6097
+ font-weight: 500;
6098
+ }
6529
6099
  gov-dialog span:has([slot=icon]), .gov-dialog span:has([slot=icon]) {
6530
6100
  height: var(--height-line-2xl);
6531
6101
  }
6532
6102
  gov-dialog__close, .gov-dialog__close {
6533
- top: var(--spacing-m);
6103
+ top: var(--icon-size-s);
6534
6104
  right: var(--spacing-s);
6535
6105
  }
6536
6106
  gov-dialog__content, .gov-dialog__content {
@@ -6610,7 +6180,7 @@ gov-empty[size=s] .gov-empty__content, .gov-empty[size=s] .gov-empty__content {
6610
6180
  font-weight: 400;
6611
6181
  }
6612
6182
  gov-empty[size=s] *[slot=headline], .gov-empty[size=s] *[slot=headline] {
6613
- font-size: var(--font-size-body-l);
6183
+ font-size: var(--font-size-headline-xs);
6614
6184
  line-height: 150%;
6615
6185
  font-weight: 500;
6616
6186
  }
@@ -6633,7 +6203,7 @@ gov-empty[size=m] .gov-empty__content, .gov-empty[size=m] .gov-empty__content {
6633
6203
  font-weight: 400;
6634
6204
  }
6635
6205
  gov-empty[size=m] *[slot=headline], .gov-empty[size=m] *[slot=headline] {
6636
- font-size: var(--font-size-body-xl);
6206
+ font-size: var(--font-size-headline-s);
6637
6207
  line-height: 150%;
6638
6208
  font-weight: 500;
6639
6209
  }
@@ -7056,6 +6626,8 @@ gov-form-autocomplete__list, .gov-form-autocomplete__list {
7056
6626
  right: 0;
7057
6627
  left: 0;
7058
6628
  z-index: 5;
6629
+ margin: 0;
6630
+ padding: 0;
7059
6631
  border: var(--border-width, 0.0625rem) solid var(--border, var(--border-subtle));
7060
6632
  border-radius: var(--border-radius, var(--corner-radius-s));
7061
6633
  background: var(--background, var(--background-neutral-white));
@@ -7066,8 +6638,13 @@ gov-form-autocomplete__list, .gov-form-autocomplete__list {
7066
6638
  gov-form-autocomplete__list > gov-form-autocomplete__item, gov-form-autocomplete__list > gov-form-autocomplete__item--empty, gov-form-autocomplete__list > gov-form-autocomplete__item--loading, gov-form-autocomplete__list > .gov-form-autocomplete__item, gov-form-autocomplete__list > .gov-form-autocomplete__item--empty, gov-form-autocomplete__list > .gov-form-autocomplete__item--loading, .gov-form-autocomplete__list > gov-form-autocomplete__item, .gov-form-autocomplete__list > gov-form-autocomplete__item--empty, .gov-form-autocomplete__list > gov-form-autocomplete__item--loading, .gov-form-autocomplete__list > .gov-form-autocomplete__item, .gov-form-autocomplete__list > .gov-form-autocomplete__item--empty, .gov-form-autocomplete__list > .gov-form-autocomplete__item--loading {
7067
6639
  display: flex;
7068
6640
  flex-direction: row;
6641
+ margin: 0;
6642
+ padding: 0;
7069
6643
  color: var(--color, var(--text-primary));
7070
6644
  }
6645
+ gov-form-autocomplete__list > gov-form-autocomplete__item:before, gov-form-autocomplete__list > gov-form-autocomplete__item--empty:before, gov-form-autocomplete__list > gov-form-autocomplete__item--loading:before, gov-form-autocomplete__list > .gov-form-autocomplete__item:before, gov-form-autocomplete__list > .gov-form-autocomplete__item--empty:before, gov-form-autocomplete__list > .gov-form-autocomplete__item--loading:before, .gov-form-autocomplete__list > gov-form-autocomplete__item:before, .gov-form-autocomplete__list > gov-form-autocomplete__item--empty:before, .gov-form-autocomplete__list > gov-form-autocomplete__item--loading:before, .gov-form-autocomplete__list > .gov-form-autocomplete__item:before, .gov-form-autocomplete__list > .gov-form-autocomplete__item--empty:before, .gov-form-autocomplete__list > .gov-form-autocomplete__item--loading:before {
6646
+ display: none;
6647
+ }
7071
6648
  gov-form-autocomplete__list > gov-form-autocomplete__item, gov-form-autocomplete__list > .gov-form-autocomplete__item, .gov-form-autocomplete__list > gov-form-autocomplete__item, .gov-form-autocomplete__list > .gov-form-autocomplete__item {
7072
6649
  cursor: pointer;
7073
6650
  }
@@ -7077,16 +6654,16 @@ gov-form-autocomplete__list > gov-form-autocomplete__item--empty, gov-form-autoc
7077
6654
  gov-form-autocomplete:not(.hydrated), .gov-form-autocomplete:not(.hydrated) {
7078
6655
  border-radius: var(--border-radius, var(--corner-radius-s));
7079
6656
  background-color: var(--form-bg-color, var(--background-block-primary));
7080
- border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-neutral));
6657
+ border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
7081
6658
  }
7082
6659
  gov-form-autocomplete__list:empty, .gov-form-autocomplete__list:empty {
7083
6660
  display: none;
7084
6661
  }
7085
- gov-form-autocomplete__item[aria-selected=""], gov-form-autocomplete__item[aria-selected=true i], gov-form-autocomplete__item[aria-selected="1"], .gov-form-autocomplete__item[aria-selected=""], .gov-form-autocomplete__item[aria-selected=true i], .gov-form-autocomplete__item[aria-selected="1"] {
6662
+ gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected=""], gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected=true i], gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected="1"], gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected=""], gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected=true i], gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected="1"], .gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected=""], .gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected=true i], .gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected="1"], .gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected=""], .gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected=true i], .gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected="1"] {
7086
6663
  background: var(--item-select, var(--button-outlined-neutral-active));
7087
6664
  }
7088
6665
  @media not all and (pointer: coarse) {
7089
- gov-form-autocomplete__item:hover, .gov-form-autocomplete__item:hover {
6666
+ gov-form-autocomplete__list > gov-form-autocomplete__item:hover, gov-form-autocomplete__list > .gov-form-autocomplete__item:hover, .gov-form-autocomplete__list > gov-form-autocomplete__item:hover, .gov-form-autocomplete__list > .gov-form-autocomplete__item:hover {
7090
6667
  background: var(--item-hover, var(--button-outlined-neutral-hover));
7091
6668
  }
7092
6669
  }
@@ -8037,7 +7614,7 @@ gov-form-file[expanded="1"] .gov-form-file__area, .gov-form-file[expanded=""]:no
8037
7614
  position: relative;
8038
7615
  width: 100%;
8039
7616
  padding: var(--spacing-xl);
8040
- border: var(--border-width, 0.0625rem) dashed var(--form-border-color, var(--border-neutral));
7617
+ border: var(--border-width, 0.0625rem) dashed var(--form-border-color, var(--border-subtle));
8041
7618
  border-radius: var(--border-radius, var(--corner-radius-s));
8042
7619
  background-color: var(--background-block-primary);
8043
7620
  text-align: center;
@@ -8151,7 +7728,7 @@ gov-form-input > .element, .gov-form-input > .element {
8151
7728
  align-items: center;
8152
7729
  border-radius: var(--border-radius, var(--corner-radius-s));
8153
7730
  background-color: var(--form-bg-color, var(--background-block-primary));
8154
- border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-neutral));
7731
+ border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
8155
7732
  }
8156
7733
  gov-form-input > .element:focus, .gov-form-input > .element:focus {
8157
7734
  outline: none;
@@ -8202,7 +7779,7 @@ gov-form-input gov-icon, gov-form-input .gov-icon, .gov-form-input gov-icon, .go
8202
7779
  gov-form-input:not(.hydrated), .gov-form-input:not(.hydrated) {
8203
7780
  border-radius: var(--border-radius, var(--corner-radius-s));
8204
7781
  background-color: var(--form-bg-color, var(--background-block-primary));
8205
- border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-neutral));
7782
+ border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
8206
7783
  }
8207
7784
  @media not all and (pointer: coarse) {
8208
7785
  gov-form-input:hover > .element, .gov-form-input:hover > .element {
@@ -8718,7 +8295,7 @@ gov-form-multi-select:not(.hydrated):before, .gov-form-multi-select:not(.hydrate
8718
8295
  width: 100%;
8719
8296
  border-radius: var(--border-radius, var(--corner-radius-s));
8720
8297
  background-color: var(--form-bg-color, var(--background-block-primary));
8721
- border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-neutral));
8298
+ border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
8722
8299
  }
8723
8300
  gov-form-multi-select[size=xs] .gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select[size=xs] .gov-form-multi-select__list > .gov-form-multi-select__item {
8724
8301
  padding-left: var(--padding-left, var(--spacing-s));
@@ -9017,34 +8594,37 @@ gov-form-radio *, .gov-form-radio * {
9017
8594
  margin-top: 0;
9018
8595
  margin-bottom: 0;
9019
8596
  }
9020
- gov-form-radio:focus, .gov-form-radio:focus {
9021
- outline: none;
9022
- }
9023
- gov-form-radio:focus-visible, .gov-form-radio:focus-visible {
9024
- border-radius: var(--border-radius, var(--corner-radius-s));
9025
- outline: var(--outline-width, 0.125rem) solid var(--status-focus);
9026
- outline-offset: 0;
9027
- }
9028
- gov-form-radio:focus-within, .gov-form-radio:focus-within {
9029
- border-radius: var(--border-radius, var(--corner-radius-s));
9030
- outline: var(--outline-width, 0.125rem) solid var(--status-focus);
9031
- outline-offset: 0;
9032
- }
9033
8597
  gov-form-radio input, .gov-form-radio input {
9034
- position: relative;
8598
+ position: absolute;
8599
+ top: 0;
8600
+ left: 0;
8601
+ z-index: 1;
9035
8602
  flex: 0 0 auto;
9036
8603
  -webkit-appearance: none;
9037
8604
  -moz-appearance: none;
9038
8605
  appearance: none;
8606
+ cursor: pointer;
9039
8607
  border-radius: 50%;
9040
- background: var(--color-neutral-0);
9041
- border: 3px solid var(--color-neutral-0);
9042
- box-shadow: 0 0 0 2px var(--color-neutral-600);
8608
+ background: var(--background-neutral-white);
8609
+ border: 3px solid var(--background-neutral-white);
8610
+ box-shadow: 0 0 0 2px var(--interactive-inactive);
9043
8611
  }
9044
8612
  gov-form-radio input:checked, .gov-form-radio input:checked {
9045
8613
  background: var(--interactive-active);
9046
8614
  box-shadow: 0 0 0 2px var(--interactive-active);
9047
8615
  }
8616
+ gov-form-radio input + span, .gov-form-radio input + span {
8617
+ position: relative;
8618
+ display: block;
8619
+ }
8620
+ gov-form-radio input:focus-visible, .gov-form-radio input:focus-visible {
8621
+ outline: none;
8622
+ }
8623
+ gov-form-radio input:focus-visible + span, .gov-form-radio input:focus-visible + span {
8624
+ border-radius: var(--outline-border-radius, var(--corner-radius-xs-nudge));
8625
+ outline: var(--outline-width, 0.125rem) solid var(--status-focus);
8626
+ outline-offset: var(--outline-offset, 0.125rem);
8627
+ }
9048
8628
  gov-form-radio[invalid=""] input, gov-form-radio[invalid=true i] input, gov-form-radio[invalid="1"] input, .gov-form-radio[invalid=""] input, .gov-form-radio[invalid=true i] input, .gov-form-radio[invalid="1"] input {
9049
8629
  box-shadow: 0 0 0 2px var(--interactive-error);
9050
8630
  }
@@ -9074,6 +8654,9 @@ gov-form-radio[size=xs], .gov-form-radio[size=xs] {
9074
8654
  gap: var(--gap, var(--spacing-xs-nudge));
9075
8655
  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) 0;
9076
8656
  }
8657
+ gov-form-radio[size=xs] *[slot=label], .gov-form-radio[size=xs] *[slot=label] {
8658
+ padding-left: calc(var(--indicator-size, var(--height-s-nudge)) + var(--gap, var(--spacing-xs-nudge)));
8659
+ }
9077
8660
  gov-form-radio[size=xs] *[slot=label] label, .gov-form-radio[size=xs] *[slot=label] label {
9078
8661
  font-size: var(--font-size-body-xs);
9079
8662
  line-height: 150%;
@@ -9081,10 +8664,14 @@ gov-form-radio[size=xs] *[slot=label] label, .gov-form-radio[size=xs] *[slot=lab
9081
8664
  }
9082
8665
  gov-form-radio[size=xs] input, .gov-form-radio[size=xs] input {
9083
8666
  border-width: var(--radio-space, var(--spacing-2xs));
9084
- top: calc((var(--height, var(--height-component-xs)) - var(--indicator-size, var(--height-s-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) * 2) / 2);
8667
+ top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) + (var(--height, var(--height-component-xs)) - var(--indicator-size, var(--height-s-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) * 2) / 2);
9085
8668
  width: var(--indicator-size, var(--height-s-nudge));
9086
8669
  height: var(--indicator-size, var(--height-s-nudge));
9087
8670
  }
8671
+ gov-form-radio[size=xs] input + span, .gov-form-radio[size=xs] input + span {
8672
+ min-width: calc(var(--indicator-size, var(--height-s-nudge)) + var(--gap, var(--spacing-xs-nudge)));
8673
+ min-height: var(--indicator-size, var(--height-s-nudge));
8674
+ }
9088
8675
  gov-form-radio[size=xs][no-label=""], gov-form-radio[size=xs][no-label=true i], gov-form-radio[size=xs][no-label="1"], .gov-form-radio[size=xs][no-label=""], .gov-form-radio[size=xs][no-label=true i], .gov-form-radio[size=xs][no-label="1"] {
9089
8676
  width: var(--indicator-size, var(--height-s-nudge));
9090
8677
  }
@@ -9096,6 +8683,9 @@ gov-form-radio[size=s], .gov-form-radio[size=s] {
9096
8683
  gap: var(--gap, var(--spacing-s));
9097
8684
  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) 0;
9098
8685
  }
8686
+ gov-form-radio[size=s] *[slot=label], .gov-form-radio[size=s] *[slot=label] {
8687
+ padding-left: calc(var(--indicator-size, var(--height-m)) + var(--gap, var(--spacing-s)));
8688
+ }
9099
8689
  gov-form-radio[size=s] *[slot=label] label, .gov-form-radio[size=s] *[slot=label] label {
9100
8690
  font-size: var(--font-size-body-s);
9101
8691
  line-height: 150%;
@@ -9103,10 +8693,14 @@ gov-form-radio[size=s] *[slot=label] label, .gov-form-radio[size=s] *[slot=label
9103
8693
  }
9104
8694
  gov-form-radio[size=s] input, .gov-form-radio[size=s] input {
9105
8695
  border-width: var(--radio-space, var(--spacing-multiline-vertical-padding-xs));
9106
- top: calc((var(--height, var(--height-component-s)) - var(--indicator-size, var(--height-m)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) * 2) / 2);
8696
+ top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) + (var(--height, var(--height-component-s)) - var(--indicator-size, var(--height-m)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) * 2) / 2);
9107
8697
  width: var(--indicator-size, var(--height-m));
9108
8698
  height: var(--indicator-size, var(--height-m));
9109
8699
  }
8700
+ gov-form-radio[size=s] input + span, .gov-form-radio[size=s] input + span {
8701
+ min-width: calc(var(--indicator-size, var(--height-m)) + var(--gap, var(--spacing-s)));
8702
+ min-height: var(--indicator-size, var(--height-m));
8703
+ }
9110
8704
  gov-form-radio[size=s][no-label=""], gov-form-radio[size=s][no-label=true i], gov-form-radio[size=s][no-label="1"], .gov-form-radio[size=s][no-label=""], .gov-form-radio[size=s][no-label=true i], .gov-form-radio[size=s][no-label="1"] {
9111
8705
  width: var(--indicator-size, var(--height-m));
9112
8706
  }
@@ -9118,6 +8712,9 @@ gov-form-radio[size=m], .gov-form-radio[size=m] {
9118
8712
  gap: var(--gap, var(--spacing-s-nudge));
9119
8713
  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) 0;
9120
8714
  }
8715
+ gov-form-radio[size=m] *[slot=label], .gov-form-radio[size=m] *[slot=label] {
8716
+ padding-left: calc(var(--indicator-size, var(--height-m-nudge)) + var(--gap, var(--spacing-s-nudge)));
8717
+ }
9121
8718
  gov-form-radio[size=m] *[slot=label] label, .gov-form-radio[size=m] *[slot=label] label {
9122
8719
  font-size: var(--font-size-body-m);
9123
8720
  line-height: 150%;
@@ -9125,10 +8722,14 @@ gov-form-radio[size=m] *[slot=label] label, .gov-form-radio[size=m] *[slot=label
9125
8722
  }
9126
8723
  gov-form-radio[size=m] input, .gov-form-radio[size=m] input {
9127
8724
  border-width: var(--radio-space, var(--spacing-xs));
9128
- top: calc((var(--height, var(--height-component-m)) - var(--indicator-size, var(--height-m-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) * 2) / 2);
8725
+ top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) + (var(--height, var(--height-component-m)) - var(--indicator-size, var(--height-m-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) * 2) / 2);
9129
8726
  width: var(--indicator-size, var(--height-m-nudge));
9130
8727
  height: var(--indicator-size, var(--height-m-nudge));
9131
8728
  }
8729
+ gov-form-radio[size=m] input + span, .gov-form-radio[size=m] input + span {
8730
+ min-width: calc(var(--indicator-size, var(--height-m-nudge)) + var(--gap, var(--spacing-s-nudge)));
8731
+ min-height: var(--indicator-size, var(--height-m-nudge));
8732
+ }
9132
8733
  gov-form-radio[size=m][no-label=""], gov-form-radio[size=m][no-label=true i], gov-form-radio[size=m][no-label="1"], .gov-form-radio[size=m][no-label=""], .gov-form-radio[size=m][no-label=true i], .gov-form-radio[size=m][no-label="1"] {
9133
8734
  width: var(--indicator-size, var(--height-m-nudge));
9134
8735
  }
@@ -9140,6 +8741,9 @@ gov-form-radio[size=l], .gov-form-radio[size=l] {
9140
8741
  gap: var(--gap, var(--spacing-m));
9141
8742
  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) 0;
9142
8743
  }
8744
+ gov-form-radio[size=l] *[slot=label], .gov-form-radio[size=l] *[slot=label] {
8745
+ padding-left: calc(var(--indicator-size, var(--height-l)) + var(--gap, var(--spacing-m)));
8746
+ }
9143
8747
  gov-form-radio[size=l] *[slot=label] label, .gov-form-radio[size=l] *[slot=label] label {
9144
8748
  font-size: var(--font-size-body-l);
9145
8749
  line-height: 150%;
@@ -9147,10 +8751,14 @@ gov-form-radio[size=l] *[slot=label] label, .gov-form-radio[size=l] *[slot=label
9147
8751
  }
9148
8752
  gov-form-radio[size=l] input, .gov-form-radio[size=l] input {
9149
8753
  border-width: var(--radio-space, var(--spacing-multiline-vertical-padding-s));
9150
- top: calc((var(--height, var(--height-component-l)) - var(--indicator-size, var(--height-l)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) * 2) / 2);
8754
+ top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) + (var(--height, var(--height-component-l)) - var(--indicator-size, var(--height-l)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) * 2) / 2);
9151
8755
  width: var(--indicator-size, var(--height-l));
9152
8756
  height: var(--indicator-size, var(--height-l));
9153
8757
  }
8758
+ gov-form-radio[size=l] input + span, .gov-form-radio[size=l] input + span {
8759
+ min-width: calc(var(--indicator-size, var(--height-l)) + var(--gap, var(--spacing-m)));
8760
+ min-height: var(--indicator-size, var(--height-l));
8761
+ }
9154
8762
  gov-form-radio[size=l][no-label=""], gov-form-radio[size=l][no-label=true i], gov-form-radio[size=l][no-label="1"], .gov-form-radio[size=l][no-label=""], .gov-form-radio[size=l][no-label=true i], .gov-form-radio[size=l][no-label="1"] {
9155
8763
  width: var(--indicator-size, var(--height-l));
9156
8764
  }
@@ -9162,6 +8770,9 @@ gov-form-radio[size=xl], .gov-form-radio[size=xl] {
9162
8770
  gap: var(--gap, var(--spacing-m-nudge));
9163
8771
  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) 0;
9164
8772
  }
8773
+ gov-form-radio[size=xl] *[slot=label], .gov-form-radio[size=xl] *[slot=label] {
8774
+ padding-left: calc(var(--indicator-size, var(--height-xl)) + var(--gap, var(--spacing-m-nudge)));
8775
+ }
9165
8776
  gov-form-radio[size=xl] *[slot=label] label, .gov-form-radio[size=xl] *[slot=label] label {
9166
8777
  font-size: var(--font-size-body-xl);
9167
8778
  line-height: 150%;
@@ -9169,14 +8780,371 @@ gov-form-radio[size=xl] *[slot=label] label, .gov-form-radio[size=xl] *[slot=lab
9169
8780
  }
9170
8781
  gov-form-radio[size=xl] input, .gov-form-radio[size=xl] input {
9171
8782
  border-width: var(--radio-space, var(--spacing-xs-nudge));
9172
- top: calc((var(--height, var(--height-component-xl)) - var(--indicator-size, var(--height-xl)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) * 2) / 2);
8783
+ top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) + (var(--height, var(--height-component-xl)) - var(--indicator-size, var(--height-xl)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) * 2) / 2);
9173
8784
  width: var(--indicator-size, var(--height-xl));
9174
8785
  height: var(--indicator-size, var(--height-xl));
9175
8786
  }
8787
+ gov-form-radio[size=xl] input + span, .gov-form-radio[size=xl] input + span {
8788
+ min-width: calc(var(--indicator-size, var(--height-xl)) + var(--gap, var(--spacing-m-nudge)));
8789
+ min-height: var(--indicator-size, var(--height-xl));
8790
+ }
9176
8791
  gov-form-radio[size=xl][no-label=""], gov-form-radio[size=xl][no-label=true i], gov-form-radio[size=xl][no-label="1"], .gov-form-radio[size=xl][no-label=""], .gov-form-radio[size=xl][no-label=true i], .gov-form-radio[size=xl][no-label="1"] {
9177
8792
  width: var(--indicator-size, var(--height-xl));
9178
8793
  }
9179
8794
 
8795
+ /* Range */
8796
+ gov-form-range, .gov-form-range {
8797
+ /* Variables - Form range */
8798
+ position: relative;
8799
+ display: flex;
8800
+ align-items: flex-end;
8801
+ gap: var(--spacing-xs-nudge);
8802
+ width: 100%;
8803
+ }
8804
+ gov-form-range[size=m] input[type=range], .gov-form-range[size=m] input[type=range] {
8805
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
8806
+ }
8807
+ gov-form-range[size=m] input[type=range]::-webkit-slider-runnable-track, .gov-form-range[size=m] input[type=range]::-webkit-slider-runnable-track {
8808
+ height: var(--height, var(--height-s));
8809
+ }
8810
+ gov-form-range[size=m] input[type=range]::-webkit-slider-thumb, .gov-form-range[size=m] input[type=range]::-webkit-slider-thumb {
8811
+ width: var(--thumb-size);
8812
+ height: var(--thumb-size);
8813
+ margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-s)) / 2);
8814
+ }
8815
+ gov-form-range[size=m] input[type=range]::-moz-range-track, .gov-form-range[size=m] input[type=range]::-moz-range-track {
8816
+ height: var(--height, var(--height-s));
8817
+ }
8818
+ gov-form-range[size=m] input[type=range]::-moz-range-thumb, .gov-form-range[size=m] input[type=range]::-moz-range-thumb {
8819
+ width: var(--thumb-size);
8820
+ height: var(--thumb-size);
8821
+ margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-s)) / 2);
8822
+ }
8823
+ gov-form-range[size=m] .gov-form-range--fill, .gov-form-range[size=m] .gov-form-range--fill {
8824
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
8825
+ block-size: var(--height, var(--height-s));
8826
+ }
8827
+ gov-form-range[size=m][tooltip] .gov-form-range--fill, .gov-form-range[size=m][tooltip] .gov-form-range--fill {
8828
+ top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
8829
+ }
8830
+ gov-form-range[size=m] .gov-form-range--input, .gov-form-range[size=m] .gov-form-range--input {
8831
+ width: var(--input-width, 4.125rem);
8832
+ margin-top: calc(var(--height, var(--height-s)) * -1);
8833
+ }
8834
+ gov-form-range[size=m]:not(.hydrated):before, .gov-form-range[size=m]:not(.hydrated):before {
8835
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
8836
+ }
8837
+ gov-form-range[size=m]:not(.hydrated):after, .gov-form-range[size=m]:not(.hydrated):after {
8838
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
8839
+ height: var(--height, var(--height-s));
8840
+ }
8841
+ gov-form-range[size=m]:not(.hydrated)[tooltip]:before, .gov-form-range[size=m]:not(.hydrated)[tooltip]:before {
8842
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
8843
+ }
8844
+ gov-form-range[size=m]:not(.hydrated)[tooltip]:after, .gov-form-range[size=m]:not(.hydrated)[tooltip]:after {
8845
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
8846
+ }
8847
+ gov-form-range:has(.gov-form-range--input), .gov-form-range:has(.gov-form-range--input) {
8848
+ align-items: flex-start;
8849
+ }
8850
+ gov-form-range > .element, .gov-form-range > .element {
8851
+ position: relative;
8852
+ display: flex;
8853
+ flex-direction: column;
8854
+ width: 100%;
8855
+ }
8856
+ gov-form-range input[type=range], .gov-form-range input[type=range] {
8857
+ width: 100%;
8858
+ -webkit-appearance: none;
8859
+ -moz-appearance: none;
8860
+ appearance: none;
8861
+ background: transparent;
8862
+ cursor: pointer;
8863
+ }
8864
+ gov-form-range input[type=range]:focus, .gov-form-range input[type=range]:focus {
8865
+ outline: none;
8866
+ }
8867
+ gov-form-range input[type=range]:focus-visible, .gov-form-range input[type=range]:focus-visible {
8868
+ border-radius: var(--border-radius, var(--corner-radius-s));
8869
+ outline: var(--outline-width, 0.125rem) solid var(--status-focus);
8870
+ outline-offset: 0;
8871
+ }
8872
+ gov-form-range input[type=range]::-webkit-slider-runnable-track, .gov-form-range input[type=range]::-webkit-slider-runnable-track {
8873
+ -webkit-appearance: none;
8874
+ appearance: none;
8875
+ width: 100%;
8876
+ border-radius: var(--border-radius-doubled, var(--corner-radius-m));
8877
+ background-color: var(--background-neutral-subtle);
8878
+ }
8879
+ gov-form-range input[type=range]::-webkit-slider-thumb, .gov-form-range input[type=range]::-webkit-slider-thumb {
8880
+ -webkit-appearance: none;
8881
+ appearance: none;
8882
+ border-radius: 50%;
8883
+ background-color: var(--button-solid-primary);
8884
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
8885
+ }
8886
+ gov-form-range input[type=range]::-moz-range-track, .gov-form-range input[type=range]::-moz-range-track {
8887
+ -webkit-appearance: none;
8888
+ -moz-appearance: none;
8889
+ appearance: none;
8890
+ position: relative;
8891
+ z-index: 1;
8892
+ width: 100%;
8893
+ border-radius: var(--border-radius-doubled, var(--corner-radius-m));
8894
+ background-color: var(--background-neutral-subtle);
8895
+ }
8896
+ gov-form-range input[type=range]::-moz-range-thumb, .gov-form-range input[type=range]::-moz-range-thumb {
8897
+ -webkit-appearance: none;
8898
+ -moz-appearance: none;
8899
+ appearance: none;
8900
+ position: relative;
8901
+ z-index: 2;
8902
+ border: none;
8903
+ border-radius: 50%;
8904
+ background-color: var(--button-solid-primary);
8905
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
8906
+ }
8907
+ gov-form-range output, .gov-form-range output {
8908
+ position: absolute;
8909
+ top: 0;
8910
+ left: 0;
8911
+ padding: var(--spacing-s);
8912
+ border-radius: var(--border-radius, var(--corner-radius-s));
8913
+ background-color: var(--background-neutral-subtle);
8914
+ font-size: var(--font-size-body-s);
8915
+ line-height: 150%;
8916
+ font-weight: 400;
8917
+ }
8918
+ gov-form-range output:before, .gov-form-range output:before {
8919
+ content: "";
8920
+ position: absolute;
8921
+ display: block;
8922
+ top: 100%;
8923
+ left: 50%;
8924
+ width: 0;
8925
+ height: 0;
8926
+ transform: translateX(-50%);
8927
+ border: 0.4375rem solid transparent;
8928
+ border-top-color: var(--background-neutral-subtle);
8929
+ }
8930
+ gov-form-range *[slot=datalist], .gov-form-range *[slot=datalist] {
8931
+ display: flex;
8932
+ flex-direction: row;
8933
+ justify-content: space-between;
8934
+ width: 100%;
8935
+ }
8936
+ gov-form-range *[slot=datalist] > *, .gov-form-range *[slot=datalist] > * {
8937
+ position: relative;
8938
+ padding: var(--datalist-horizontal-padding-top, 0.375rem) 0 0 0;
8939
+ color: var(--text-secondary);
8940
+ font-size: var(--font-size-body-xs);
8941
+ line-height: 150%;
8942
+ font-weight: 400;
8943
+ }
8944
+ gov-form-range *[slot=datalist] > *:before, .gov-form-range *[slot=datalist] > *:before {
8945
+ content: "";
8946
+ position: absolute;
8947
+ background-color: var(--border-neutral);
8948
+ border-radius: var(--datalist-border-radius, var(--border-radius-fixed, var(--corner-radius-xs)));
8949
+ inline-size: var(--datalist-horizontal-inline-size, 0.0625rem);
8950
+ block-size: var(--datalist-horizontal-block-size, 0.375rem);
8951
+ inset-block-start: 0;
8952
+ inset-inline-start: 50%;
8953
+ }
8954
+ gov-form-range *[slot=datalist][data-vertical=""], gov-form-range *[slot=datalist][data-vertical=true i], gov-form-range *[slot=datalist][data-vertical="1"], .gov-form-range *[slot=datalist][data-vertical=""], .gov-form-range *[slot=datalist][data-vertical=true i], .gov-form-range *[slot=datalist][data-vertical="1"] {
8955
+ flex-direction: column;
8956
+ writing-mode: vertical-lr;
8957
+ }
8958
+ gov-form-range *[slot=datalist][data-vertical=""] > *, gov-form-range *[slot=datalist][data-vertical=true i] > *, gov-form-range *[slot=datalist][data-vertical="1"] > *, .gov-form-range *[slot=datalist][data-vertical=""] > *, .gov-form-range *[slot=datalist][data-vertical=true i] > *, .gov-form-range *[slot=datalist][data-vertical="1"] > * {
8959
+ padding-top: var(--datalist-vertical-padding-top, 0.5625rem);
8960
+ }
8961
+ gov-form-range *[slot=datalist][data-vertical=""] > *:before, gov-form-range *[slot=datalist][data-vertical=true i] > *:before, gov-form-range *[slot=datalist][data-vertical="1"] > *:before, .gov-form-range *[slot=datalist][data-vertical=""] > *:before, .gov-form-range *[slot=datalist][data-vertical=true i] > *:before, .gov-form-range *[slot=datalist][data-vertical="1"] > *:before {
8962
+ inline-size: var(--datalist-vertical-inline-size, 0.375rem);
8963
+ block-size: var(--datalist-vertical-block-size, 0.0625rem);
8964
+ inset-block-start: 50%;
8965
+ inset-inline-start: 0;
8966
+ }
8967
+ gov-form-range--fill, .gov-form-range--fill {
8968
+ position: absolute;
8969
+ z-index: 2;
8970
+ overflow: hidden;
8971
+ inset-inline-start: 0;
8972
+ inset-block-start: 0;
8973
+ inline-size: 100%;
8974
+ pointer-events: none;
8975
+ border-radius: var(--border-radius-doubled, var(--corner-radius-m));
8976
+ background-color: var(--button-solid-primary);
8977
+ }
8978
+ gov-form-range[tooltip] > .element, .gov-form-range[tooltip] > .element {
8979
+ padding-top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
8980
+ }
8981
+ gov-form-range[tooltip] gov-form-input > .element, gov-form-range[tooltip] .gov-form-input > .element, .gov-form-range[tooltip] gov-form-input > .element, .gov-form-range[tooltip] .gov-form-input > .element {
8982
+ margin-top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
8983
+ }
8984
+ gov-form-range--input, .gov-form-range--input {
8985
+ padding-left: var(--spacing-xs);
8986
+ }
8987
+ gov-form-range--input .validation-icon, .gov-form-range--input .validation-icon {
8988
+ display: none;
8989
+ }
8990
+ gov-form-range *[slot=prefix],
8991
+ gov-form-range *[slot=sufix], .gov-form-range *[slot=prefix],
8992
+ .gov-form-range *[slot=sufix] {
8993
+ padding-bottom: var(--spacing-xs-nudge);
8994
+ font-size: var(--font-size-body-s);
8995
+ line-height: 150%;
8996
+ font-weight: 400;
8997
+ }
8998
+ gov-form-range:not(.hydrated), .gov-form-range:not(.hydrated) {
8999
+ flex-direction: column;
9000
+ gap: 0;
9001
+ }
9002
+ gov-form-range:not(.hydrated):before, .gov-form-range:not(.hydrated):before {
9003
+ content: "";
9004
+ position: relative;
9005
+ width: 100%;
9006
+ }
9007
+ gov-form-range:not(.hydrated):after, .gov-form-range:not(.hydrated):after {
9008
+ content: "";
9009
+ position: absolute;
9010
+ width: 100%;
9011
+ border-radius: var(--border-radius-doubled, var(--corner-radius-m));
9012
+ background-color: var(--background-neutral-subtle);
9013
+ }
9014
+ @media not all and (pointer: coarse) {
9015
+ gov-form-range:hover input[type=range]::-webkit-slider-thumb, .gov-form-range:hover input[type=range]::-webkit-slider-thumb {
9016
+ background-color: var(--button-solid-primary-hover);
9017
+ }
9018
+ gov-form-range:hover input[type=range]::-moz-range-thumb, .gov-form-range:hover input[type=range]::-moz-range-thumb {
9019
+ background-color: var(--button-solid-primary-hover);
9020
+ }
9021
+ gov-form-range:hover .gov-form-range--fill, .gov-form-range:hover .gov-form-range--fill {
9022
+ background-color: var(--button-solid-primary-hover);
9023
+ }
9024
+ }
9025
+ gov-form-range:active input[type=range]::-webkit-slider-thumb, .gov-form-range:active input[type=range]::-webkit-slider-thumb {
9026
+ background-color: var(--button-solid-primary-active);
9027
+ }
9028
+ gov-form-range:active input[type=range]::-moz-range-thumb, .gov-form-range:active input[type=range]::-moz-range-thumb {
9029
+ background-color: var(--button-solid-primary-active);
9030
+ }
9031
+ gov-form-range:active .gov-form-range--fill, .gov-form-range:active .gov-form-range--fill {
9032
+ background-color: var(--button-solid-primary-active);
9033
+ }
9034
+ gov-form-range[invalid=""] input[type=range]::-webkit-slider-thumb, gov-form-range[invalid=true i] input[type=range]::-webkit-slider-thumb, gov-form-range[invalid="1"] input[type=range]::-webkit-slider-thumb, .gov-form-range[invalid=""] input[type=range]::-webkit-slider-thumb, .gov-form-range[invalid=true i] input[type=range]::-webkit-slider-thumb, .gov-form-range[invalid="1"] input[type=range]::-webkit-slider-thumb {
9035
+ background-color: var(--background-status-error);
9036
+ }
9037
+ gov-form-range[invalid=""] input[type=range]::-moz-range-thumb, gov-form-range[invalid=true i] input[type=range]::-moz-range-thumb, gov-form-range[invalid="1"] input[type=range]::-moz-range-thumb, .gov-form-range[invalid=""] input[type=range]::-moz-range-thumb, .gov-form-range[invalid=true i] input[type=range]::-moz-range-thumb, .gov-form-range[invalid="1"] input[type=range]::-moz-range-thumb {
9038
+ background-color: var(--background-status-error);
9039
+ }
9040
+ gov-form-range[invalid=""] .gov-form-range--fill, gov-form-range[invalid=true i] .gov-form-range--fill, gov-form-range[invalid="1"] .gov-form-range--fill, .gov-form-range[invalid=""] .gov-form-range--fill, .gov-form-range[invalid=true i] .gov-form-range--fill, .gov-form-range[invalid="1"] .gov-form-range--fill {
9041
+ background-color: var(--background-status-error);
9042
+ }
9043
+ gov-form-range[disabled=""] input[type=range]::-webkit-slider-thumb, gov-form-range[disabled=true i] input[type=range]::-webkit-slider-thumb, gov-form-range[disabled="1"] input[type=range]::-webkit-slider-thumb, .gov-form-range[disabled=""] input[type=range]::-webkit-slider-thumb, .gov-form-range[disabled=true i] input[type=range]::-webkit-slider-thumb, .gov-form-range[disabled="1"] input[type=range]::-webkit-slider-thumb {
9044
+ background-color: var(--button-solid-disabled);
9045
+ }
9046
+ gov-form-range[disabled=""] input[type=range]::-moz-range-thumb, gov-form-range[disabled=true i] input[type=range]::-moz-range-thumb, gov-form-range[disabled="1"] input[type=range]::-moz-range-thumb, .gov-form-range[disabled=""] input[type=range]::-moz-range-thumb, .gov-form-range[disabled=true i] input[type=range]::-moz-range-thumb, .gov-form-range[disabled="1"] input[type=range]::-moz-range-thumb {
9047
+ background-color: var(--button-solid-disabled);
9048
+ }
9049
+ gov-form-range[disabled=""] .gov-form-range--fill, gov-form-range[disabled=true i] .gov-form-range--fill, gov-form-range[disabled="1"] .gov-form-range--fill, .gov-form-range[disabled=""] .gov-form-range--fill, .gov-form-range[disabled=true i] .gov-form-range--fill, .gov-form-range[disabled="1"] .gov-form-range--fill {
9050
+ background-color: var(--button-solid-disabled);
9051
+ }
9052
+ gov-form-range[size=s], .gov-form-range[size=s] {
9053
+ --thumb-size: 1.125rem;
9054
+ }
9055
+ gov-form-range[size=s][size=s] input[type=range], .gov-form-range[size=s][size=s] input[type=range] {
9056
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
9057
+ }
9058
+ gov-form-range[size=s][size=s] input[type=range]::-webkit-slider-runnable-track, .gov-form-range[size=s][size=s] input[type=range]::-webkit-slider-runnable-track {
9059
+ height: var(--height, var(--height-xs-nudge));
9060
+ }
9061
+ gov-form-range[size=s][size=s] input[type=range]::-webkit-slider-thumb, .gov-form-range[size=s][size=s] input[type=range]::-webkit-slider-thumb {
9062
+ width: var(--thumb-size);
9063
+ height: var(--thumb-size);
9064
+ margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-xs-nudge)) / 2);
9065
+ }
9066
+ gov-form-range[size=s][size=s] input[type=range]::-moz-range-track, .gov-form-range[size=s][size=s] input[type=range]::-moz-range-track {
9067
+ height: var(--height, var(--height-xs-nudge));
9068
+ }
9069
+ gov-form-range[size=s][size=s] input[type=range]::-moz-range-thumb, .gov-form-range[size=s][size=s] input[type=range]::-moz-range-thumb {
9070
+ width: var(--thumb-size);
9071
+ height: var(--thumb-size);
9072
+ margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-xs-nudge)) / 2);
9073
+ }
9074
+ gov-form-range[size=s][size=s] .gov-form-range--fill, .gov-form-range[size=s][size=s] .gov-form-range--fill {
9075
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
9076
+ block-size: var(--height, var(--height-xs-nudge));
9077
+ }
9078
+ gov-form-range[size=s][size=s][tooltip] .gov-form-range--fill, .gov-form-range[size=s][size=s][tooltip] .gov-form-range--fill {
9079
+ top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
9080
+ }
9081
+ gov-form-range[size=s][size=s] .gov-form-range--input, .gov-form-range[size=s][size=s] .gov-form-range--input {
9082
+ width: var(--input-width, 3.25rem);
9083
+ margin-top: calc(var(--height, var(--height-xs-nudge)) * -1);
9084
+ }
9085
+ gov-form-range[size=s][size=s]:not(.hydrated):before, .gov-form-range[size=s][size=s]:not(.hydrated):before {
9086
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
9087
+ }
9088
+ gov-form-range[size=s][size=s]:not(.hydrated):after, .gov-form-range[size=s][size=s]:not(.hydrated):after {
9089
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
9090
+ height: var(--height, var(--height-xs-nudge));
9091
+ }
9092
+ gov-form-range[size=s][size=s]:not(.hydrated)[tooltip]:before, .gov-form-range[size=s][size=s]:not(.hydrated)[tooltip]:before {
9093
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
9094
+ }
9095
+ gov-form-range[size=s][size=s]:not(.hydrated)[tooltip]:after, .gov-form-range[size=s][size=s]:not(.hydrated)[tooltip]:after {
9096
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
9097
+ }
9098
+ gov-form-range[size=m], .gov-form-range[size=m] {
9099
+ --thumb-size: 1.375rem;
9100
+ }
9101
+ gov-form-range[size=l], .gov-form-range[size=l] {
9102
+ --thumb-size: 1.625rem;
9103
+ }
9104
+ gov-form-range[size=l][size=l] input[type=range], .gov-form-range[size=l][size=l] input[type=range] {
9105
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
9106
+ }
9107
+ gov-form-range[size=l][size=l] input[type=range]::-webkit-slider-runnable-track, .gov-form-range[size=l][size=l] input[type=range]::-webkit-slider-runnable-track {
9108
+ height: var(--height, var(--height-s-nudge));
9109
+ }
9110
+ gov-form-range[size=l][size=l] input[type=range]::-webkit-slider-thumb, .gov-form-range[size=l][size=l] input[type=range]::-webkit-slider-thumb {
9111
+ width: var(--thumb-size);
9112
+ height: var(--thumb-size);
9113
+ margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-s-nudge)) / 2);
9114
+ }
9115
+ gov-form-range[size=l][size=l] input[type=range]::-moz-range-track, .gov-form-range[size=l][size=l] input[type=range]::-moz-range-track {
9116
+ height: var(--height, var(--height-s-nudge));
9117
+ }
9118
+ gov-form-range[size=l][size=l] input[type=range]::-moz-range-thumb, .gov-form-range[size=l][size=l] input[type=range]::-moz-range-thumb {
9119
+ width: var(--thumb-size);
9120
+ height: var(--thumb-size);
9121
+ margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-s-nudge)) / 2);
9122
+ }
9123
+ gov-form-range[size=l][size=l] .gov-form-range--fill, .gov-form-range[size=l][size=l] .gov-form-range--fill {
9124
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
9125
+ block-size: var(--height, var(--height-s-nudge));
9126
+ }
9127
+ gov-form-range[size=l][size=l][tooltip] .gov-form-range--fill, .gov-form-range[size=l][size=l][tooltip] .gov-form-range--fill {
9128
+ top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
9129
+ }
9130
+ gov-form-range[size=l][size=l] .gov-form-range--input, .gov-form-range[size=l][size=l] .gov-form-range--input {
9131
+ width: var(--input-width, 4.875rem);
9132
+ margin-top: calc(var(--height, var(--height-s-nudge)) * -1);
9133
+ }
9134
+ gov-form-range[size=l][size=l]:not(.hydrated):before, .gov-form-range[size=l][size=l]:not(.hydrated):before {
9135
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
9136
+ }
9137
+ gov-form-range[size=l][size=l]:not(.hydrated):after, .gov-form-range[size=l][size=l]:not(.hydrated):after {
9138
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
9139
+ height: var(--height, var(--height-s-nudge));
9140
+ }
9141
+ gov-form-range[size=l][size=l]:not(.hydrated)[tooltip]:before, .gov-form-range[size=l][size=l]:not(.hydrated)[tooltip]:before {
9142
+ height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
9143
+ }
9144
+ gov-form-range[size=l][size=l]:not(.hydrated)[tooltip]:after, .gov-form-range[size=l][size=l]:not(.hydrated)[tooltip]:after {
9145
+ top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
9146
+ }
9147
+
9180
9148
  /* Search */
9181
9149
  gov-form-search, .gov-form-search {
9182
9150
  /* Variables - Search */
@@ -9212,6 +9180,7 @@ gov-form-search [slot=input], .gov-form-search [slot=input] {
9212
9180
  }
9213
9181
  gov-form-search [slot=input] .element, .gov-form-search [slot=input] .element {
9214
9182
  border-width: 0;
9183
+ background-color: transparent;
9215
9184
  }
9216
9185
  gov-form-search [slot=input] .element:focus-within, .gov-form-search [slot=input] .element:focus-within {
9217
9186
  outline: none;
@@ -9231,19 +9200,19 @@ gov-form-search:not(.hydrated) gov-form-input, .gov-form-search:not(.hydrated) g
9231
9200
  }
9232
9201
  }
9233
9202
  gov-form-search[size=s], .gov-form-search[size=s] {
9234
- height: var(--height, var(--height-component-m));
9203
+ height: var(--height, var(--height-component-s));
9235
9204
  gap: var(--gap, var(--spacing-xs-nudge));
9236
9205
  }
9237
9206
  gov-form-search[size=m], .gov-form-search[size=m] {
9238
- height: var(--height, var(--height-component-l));
9207
+ height: var(--height, var(--height-component-m));
9239
9208
  gap: var(--gap, var(--spacing-s));
9240
9209
  }
9241
9210
  gov-form-search[size=l], .gov-form-search[size=l] {
9242
- height: var(--height, var(--height-component-xl));
9211
+ height: var(--height, var(--height-component-l));
9243
9212
  gap: var(--gap, var(--spacing-s-nudge));
9244
9213
  }
9245
9214
  gov-form-search[color=neutral], .gov-form-search[color=neutral] {
9246
- border: var(--border-width, 0.0625rem) solid var(--border, var(--border-neutral));
9215
+ border: var(--border-width, 0.0625rem) solid var(--border, var(--border-subtle));
9247
9216
  }
9248
9217
  gov-form-search[color=primary], .gov-form-search[color=primary] {
9249
9218
  border: var(--border-width, 0.0625rem) solid var(--border, var(--border-primary));
@@ -9286,7 +9255,7 @@ gov-form-select select, .gov-form-select select {
9286
9255
  -webkit-appearance: none;
9287
9256
  -moz-appearance: none;
9288
9257
  background-color: var(--form-bg-color, var(--background-block-primary));
9289
- border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-neutral));
9258
+ border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
9290
9259
  }
9291
9260
  gov-form-select select::-ms-expand, .gov-form-select select::-ms-expand {
9292
9261
  display: none;
@@ -9317,7 +9286,7 @@ gov-form-select *[slot=sufix], .gov-form-select *[slot=prefix],
9317
9286
  gov-form-select:not(.hydrated), .gov-form-select:not(.hydrated) {
9318
9287
  border-radius: var(--border-radius, var(--corner-radius-s));
9319
9288
  background-color: var(--form-bg-color, var(--background-block-primary));
9320
- border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-neutral));
9289
+ border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
9321
9290
  }
9322
9291
  gov-form-select[size=xs], .gov-form-select[size=xs] {
9323
9292
  font-size: var(--font-size-body-xs);
@@ -10635,7 +10604,7 @@ gov-link, .gov-link {
10635
10604
  margin-top: 0;
10636
10605
  margin-bottom: 0;
10637
10606
  position: relative;
10638
- display: inline-block;
10607
+ display: inline-flex;
10639
10608
  text-decoration: none;
10640
10609
  }
10641
10610
  gov-link *, .gov-link * {
@@ -10670,6 +10639,12 @@ gov-link *[slot=icon-start], .gov-link *[slot=icon-start] {
10670
10639
  gov-link *[slot=icon-end], gov-link--external, .gov-link *[slot=icon-end], .gov-link--external {
10671
10640
  right: 0;
10672
10641
  }
10642
+ gov-link[truncate] .element > span, .gov-link[truncate] .element > span {
10643
+ display: -webkit-box;
10644
+ -webkit-box-orient: vertical;
10645
+ -webkit-line-clamp: 1;
10646
+ overflow: hidden;
10647
+ }
10673
10648
  gov-link[size=s], .gov-link[size=s] {
10674
10649
  min-height: var(--height, var(--height-component-s));
10675
10650
  }
@@ -11758,11 +11733,11 @@ gov-tabs__tabs, .gov-tabs__tabs {
11758
11733
  gov-tabs__tabs::-webkit-scrollbar, .gov-tabs__tabs::-webkit-scrollbar {
11759
11734
  width: var(--height-s);
11760
11735
  height: var(--height-s);
11761
- scrollbar-color: var(--border-subtlest) transparent;
11736
+ scrollbar-color: var(--background-neutral-disabled) transparent;
11762
11737
  }
11763
11738
  gov-tabs__tabs::-webkit-scrollbar-thumb, .gov-tabs__tabs::-webkit-scrollbar-thumb {
11764
11739
  border-radius: var(--height-l);
11765
- background: var(--border-subtlest);
11740
+ background: var(--background-neutral-disabled);
11766
11741
  border: 2px solid transparent;
11767
11742
  background-clip: content-box;
11768
11743
  }
@@ -12174,7 +12149,7 @@ gov-tag *, .gov-tag * {
12174
12149
  margin-bottom: 0;
12175
12150
  }
12176
12151
  gov-tag, gov-tag .element, .gov-tag, .gov-tag .element {
12177
- font-size: var(--font-size-body-xs);
12152
+ font-size: var(--font-size-body-s);
12178
12153
  line-height: 150%;
12179
12154
  font-weight: 400;
12180
12155
  -moz-column-gap: var(--gap, var(--spacing-s));
@@ -12372,7 +12347,7 @@ gov-tag[size=m], .gov-tag[size=m] {
12372
12347
  min-height: var(--min-height, var(--height-component-m));
12373
12348
  }
12374
12349
  gov-tag[size=m], gov-tag[size=m] .element, .gov-tag[size=m], .gov-tag[size=m] .element {
12375
- font-size: var(--font-size-body-s);
12350
+ font-size: var(--font-size-body-m);
12376
12351
  line-height: 150%;
12377
12352
  font-weight: 400;
12378
12353
  -moz-column-gap: var(--gap, var(--spacing-s-nudge));
@@ -12702,7 +12677,7 @@ gov-tile, .gov-tile {
12702
12677
  font-size: var(--font-size-body-s);
12703
12678
  line-height: 150%;
12704
12679
  font-weight: 400;
12705
- color: var(--text-color, var(--text-secondary));
12680
+ color: var(--text-color, var(--text-primary));
12706
12681
  border-bottom: var(--border-width, 0.0625rem) solid var(--border-subtlest);
12707
12682
  transition: background-color 150ms;
12708
12683
  }
@@ -12997,7 +12972,7 @@ gov-toast, .gov-toast {
12997
12972
  padding: var(--spacing-s-nudge);
12998
12973
  padding-right: calc(var(--spacing-s-nudge) + var(--spacing-s) + 40px);
12999
12974
  border-radius: var(--border-radius, var(--corner-radius-s));
13000
- box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.3);
12975
+ box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
13001
12976
  overflow: hidden;
13002
12977
  width: 20.5rem;
13003
12978
  opacity: 1;