@gov-design-system-ce/components 0.0.61 → 0.0.63

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 (693) hide show
  1. package/dist/cjs/{constants-0488d137.js → constants-25f7a6be.js} +2 -2
  2. package/dist/cjs/{constants-0488d137.js.map → constants-25f7a6be.js.map} +1 -1
  3. package/dist/cjs/{constants-23b7a283.js → constants-427a2843.js} +2 -2
  4. package/dist/cjs/constants-427a2843.js.map +1 -0
  5. package/dist/cjs/{constants-ff12205f.js → constants-a31344ad.js} +1 -1
  6. package/dist/{collection/components/gov-button/default/constants.js.map → cjs/constants-a31344ad.js.map} +1 -1
  7. package/dist/cjs/core.cjs.js +1 -1
  8. package/dist/cjs/{form-f68d13c6.js → form-74063d50.js} +3 -1
  9. package/dist/cjs/form-74063d50.js.map +1 -0
  10. package/dist/cjs/gov-accordion-item.cjs.entry.js +1 -1
  11. package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
  12. package/dist/cjs/gov-accordion.cjs.entry.js +1 -1
  13. package/dist/cjs/gov-app.cjs.entry.js +791 -514
  14. package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
  15. package/dist/cjs/gov-attachments_3.cjs.entry.js +1 -1
  16. package/dist/cjs/gov-backdrop.cjs.entry.js +1 -1
  17. package/dist/cjs/gov-breadcrumbs.cjs.entry.js +1 -1
  18. package/dist/cjs/gov-breadcrumbs.cjs.entry.js.map +1 -1
  19. package/dist/cjs/gov-button.cjs.entry.js +2 -2
  20. package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
  21. package/dist/cjs/gov-card.cjs.entry.js +1 -1
  22. package/dist/cjs/gov-card.cjs.entry.js.map +1 -1
  23. package/dist/cjs/gov-chip.cjs.entry.js +102 -0
  24. package/dist/cjs/gov-chip.cjs.entry.js.map +1 -0
  25. package/dist/cjs/gov-container.cjs.entry.js +1 -1
  26. package/dist/cjs/gov-control-group.cjs.entry.js +1 -1
  27. package/dist/cjs/gov-cookiebar.cjs.entry.js +1 -1
  28. package/dist/cjs/gov-dropdown.cjs.entry.js +2 -2
  29. package/dist/cjs/gov-dropdown.cjs.entry.js.map +1 -1
  30. package/dist/cjs/gov-empty.cjs.entry.js +1 -1
  31. package/dist/cjs/gov-error-code.cjs.entry.js +1 -1
  32. package/dist/cjs/gov-form-autocomplete.cjs.entry.js +1 -1
  33. package/dist/cjs/gov-form-checkbox.cjs.entry.js +4 -4
  34. package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
  35. package/dist/cjs/gov-form-control.cjs.entry.js +3 -3
  36. package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
  37. package/dist/cjs/gov-form-file.cjs.entry.js +2 -2
  38. package/dist/cjs/gov-form-group.cjs.entry.js +12 -3
  39. package/dist/cjs/gov-form-group.cjs.entry.js.map +1 -1
  40. package/dist/cjs/gov-form-input.cjs.entry.js +2 -2
  41. package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
  42. package/dist/cjs/gov-form-multi-select.cjs.entry.js +2 -2
  43. package/dist/cjs/gov-form-password-power.cjs.entry.js +1 -1
  44. package/dist/cjs/gov-form-password-power.cjs.entry.js.map +1 -1
  45. package/dist/cjs/gov-form-radio.cjs.entry.js +6 -6
  46. package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
  47. package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
  48. package/dist/cjs/gov-form-select.cjs.entry.js +14 -3
  49. package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
  50. package/dist/cjs/gov-form-switch.cjs.entry.js +3 -3
  51. package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
  52. package/dist/cjs/gov-grid-item.cjs.entry.js +1 -1
  53. package/dist/cjs/gov-grid.cjs.entry.js +1 -1
  54. package/dist/cjs/gov-icon.cjs.entry.js +2 -2
  55. package/dist/cjs/gov-icon.cjs.entry.js.map +1 -1
  56. package/dist/cjs/gov-infobar.cjs.entry.js +5 -4
  57. package/dist/cjs/gov-infobar.cjs.entry.js.map +1 -1
  58. package/dist/cjs/gov-layout-column.cjs.entry.js +1 -1
  59. package/dist/cjs/gov-layout.cjs.entry.js +1 -1
  60. package/dist/cjs/gov-loading.cjs.entry.js +1 -1
  61. package/dist/cjs/gov-message.cjs.entry.js +1 -1
  62. package/dist/cjs/gov-modal.cjs.entry.js +7 -4
  63. package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
  64. package/dist/cjs/gov-pagination.cjs.entry.js +1 -1
  65. package/dist/cjs/gov-prompt.cjs.entry.js +1 -1
  66. package/dist/cjs/gov-side-nav-item.cjs.entry.js +4 -4
  67. package/dist/cjs/gov-side-nav-item.cjs.entry.js.map +1 -1
  68. package/dist/cjs/gov-side-nav.cjs.entry.js +2 -2
  69. package/dist/cjs/gov-skeleton.cjs.entry.js +1 -1
  70. package/dist/cjs/gov-spacer.cjs.entry.js +1 -1
  71. package/dist/cjs/gov-statsbar-item.cjs.entry.js +1 -1
  72. package/dist/cjs/gov-statsbar.cjs.entry.js +1 -1
  73. package/dist/cjs/gov-stepper-item.cjs.entry.js +1 -1
  74. package/dist/cjs/gov-stepper.cjs.entry.js +1 -1
  75. package/dist/cjs/gov-tabs-item.cjs.entry.js +5 -5
  76. package/dist/cjs/gov-tabs-item.cjs.entry.js.map +1 -1
  77. package/dist/cjs/gov-tabs.cjs.entry.js +25 -16
  78. package/dist/cjs/gov-tabs.cjs.entry.js.map +1 -1
  79. package/dist/cjs/gov-tag.cjs.entry.js +51 -0
  80. package/dist/cjs/gov-tag.cjs.entry.js.map +1 -0
  81. package/dist/cjs/gov-tile.cjs.entry.js +1 -1
  82. package/dist/cjs/gov-tile.cjs.entry.js.map +1 -1
  83. package/dist/cjs/gov-tiles.cjs.entry.js +1 -1
  84. package/dist/cjs/gov-toast.cjs.entry.js +1 -1
  85. package/dist/cjs/gov-tooltip-content.cjs.entry.js +2 -2
  86. package/dist/cjs/gov-tooltip-content.cjs.entry.js.map +1 -1
  87. package/dist/cjs/gov-tooltip.cjs.entry.js +40 -5
  88. package/dist/cjs/gov-tooltip.cjs.entry.js.map +1 -1
  89. package/dist/cjs/gov-wizard-item.cjs.entry.js +1 -1
  90. package/dist/cjs/gov-wizard-item.cjs.entry.js.map +1 -1
  91. package/dist/cjs/gov-wizard.cjs.entry.js +1 -1
  92. package/dist/cjs/index-83edd4fe.js +6 -2
  93. package/dist/cjs/loader.cjs.js +1 -1
  94. package/dist/cjs/{template-e1c4ff78.js → template-4b951d1d.js} +8 -1
  95. package/dist/cjs/template-4b951d1d.js.map +1 -0
  96. package/dist/collection/collection-manifest.json +4 -3
  97. package/dist/collection/components/gov-accordion/gov-accordion-item.css +5 -2
  98. package/dist/collection/components/gov-accordion/gov-accordion-item.js +1 -1
  99. package/dist/collection/components/gov-accordion/gov-accordion-item.js.map +1 -1
  100. package/dist/collection/components/gov-accordion/gov-accordion.css +5 -2
  101. package/dist/collection/components/gov-app/gov-app.css +5 -2
  102. package/dist/collection/components/gov-app/gov-app.js +5 -3
  103. package/dist/collection/components/gov-app/gov-app.js.map +1 -1
  104. package/dist/collection/components/gov-attachments/gov-attachments-item.css +5 -2
  105. package/dist/collection/components/gov-attachments/gov-attachments.css +5 -2
  106. package/dist/collection/components/gov-backdrop/gov-backdrop.css +5 -2
  107. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +5 -2
  108. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js +1 -1
  109. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js.map +1 -1
  110. package/dist/collection/components/gov-button/button/constants.js.map +1 -0
  111. package/dist/collection/components/gov-button/{default → button}/gov-button.css +6 -3
  112. package/dist/collection/components/gov-button/{default → button}/gov-button.js +9 -9
  113. package/dist/collection/components/gov-button/button/gov-button.js.map +1 -0
  114. package/dist/collection/components/gov-button/button/gov-button.types.js.map +1 -0
  115. package/dist/collection/components/gov-button/dropdown/gov-dropdown.css +5 -2
  116. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +1 -1
  117. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js.map +1 -1
  118. package/dist/collection/components/gov-card/gov-card.css +5 -2
  119. package/dist/collection/components/gov-card/gov-card.js +1 -1
  120. package/dist/collection/components/gov-card/gov-card.js.map +1 -1
  121. package/dist/collection/components/{gov-badge → gov-chip}/constants.js +5 -5
  122. package/dist/collection/components/gov-chip/constants.js.map +1 -0
  123. package/dist/collection/components/gov-chip/gov-chip.css +1270 -0
  124. package/dist/collection/components/{gov-badge/gov-badge.js → gov-chip/gov-chip.js} +150 -23
  125. package/dist/collection/components/gov-chip/gov-chip.js.map +1 -0
  126. package/dist/collection/components/gov-container/gov-container.css +5 -2
  127. package/dist/collection/components/gov-control-group/gov-control-group.css +5 -2
  128. package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +5 -2
  129. package/dist/collection/components/gov-empty/gov-empty.css +5 -2
  130. package/dist/collection/components/gov-error-code/gov-error-code.css +5 -2
  131. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +5 -2
  132. package/dist/collection/components/gov-form/checkbox/constants.js +1 -0
  133. package/dist/collection/components/gov-form/checkbox/constants.js.map +1 -1
  134. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +8 -2
  135. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js +2 -2
  136. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js.map +1 -1
  137. package/dist/collection/components/gov-form/control/gov-form-control.css +5 -2
  138. package/dist/collection/components/gov-form/control/gov-form-control.js +1 -1
  139. package/dist/collection/components/gov-form/control/gov-form-control.js.map +1 -1
  140. package/dist/collection/components/gov-form/file/gov-form-file.css +5 -2
  141. package/dist/collection/components/gov-form/group/gov-form-group.css +5 -2
  142. package/dist/collection/components/gov-form/group/gov-form-group.js +13 -2
  143. package/dist/collection/components/gov-form/group/gov-form-group.js.map +1 -1
  144. package/dist/collection/components/gov-form/input/gov-form-input.css +5 -2
  145. package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
  146. package/dist/collection/components/gov-form/label/gov-form-label.css +5 -2
  147. package/dist/collection/components/gov-form/message/gov-form-message.css +5 -2
  148. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +5 -2
  149. package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +8 -4
  150. package/dist/collection/components/gov-form/password-power/gov-form-password-power.js +1 -1
  151. package/dist/collection/components/gov-form/password-power/gov-form-password-power.js.map +1 -1
  152. package/dist/collection/components/gov-form/radio/constants.js +1 -0
  153. package/dist/collection/components/gov-form/radio/constants.js.map +1 -1
  154. package/dist/collection/components/gov-form/radio/gov-form-radio.css +8 -2
  155. package/dist/collection/components/gov-form/radio/gov-form-radio.js +4 -4
  156. package/dist/collection/components/gov-form/radio/gov-form-radio.js.map +1 -1
  157. package/dist/collection/components/gov-form/search/gov-form-search.css +5 -2
  158. package/dist/collection/components/gov-form/search/gov-form-search.js +1 -1
  159. package/dist/collection/components/gov-form/search/gov-form-search.js.map +1 -1
  160. package/dist/collection/components/gov-form/select/gov-form-select.css +5 -2
  161. package/dist/collection/components/gov-form/select/gov-form-select.js +39 -2
  162. package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
  163. package/dist/collection/components/gov-form/select/gov-form-select.types.js.map +1 -1
  164. package/dist/collection/components/gov-form/switch/gov-form-switch.css +7 -2
  165. package/dist/collection/components/gov-form/switch/gov-form-switch.js +1 -1
  166. package/dist/collection/components/gov-form/switch/gov-form-switch.js.map +1 -1
  167. package/dist/collection/components/gov-grid/gov-grid-item.css +5 -2
  168. package/dist/collection/components/gov-grid/gov-grid.css +5 -2
  169. package/dist/collection/components/gov-icon/gov-icon.css +5 -2
  170. package/dist/collection/components/gov-icon/gov-icon.js +4 -10
  171. package/dist/collection/components/gov-icon/gov-icon.js.map +1 -1
  172. package/dist/collection/components/gov-icon/list.js +17 -11
  173. package/dist/collection/components/gov-icon/list.js.map +1 -1
  174. package/dist/collection/components/gov-infobar/{default/constants.js → constants.js} +3 -2
  175. package/dist/collection/components/gov-infobar/constants.js.map +1 -0
  176. package/dist/collection/components/gov-infobar/{default/gov-infobar.css → gov-infobar.css} +9 -3
  177. package/dist/collection/components/gov-infobar/{default/gov-infobar.js → gov-infobar.js} +12 -11
  178. package/dist/collection/components/gov-infobar/gov-infobar.js.map +1 -0
  179. package/dist/collection/components/gov-infobar/gov-infobar.types.js.map +1 -0
  180. package/dist/collection/components/gov-layout/gov-layout-column.css +5 -2
  181. package/dist/collection/components/gov-layout/gov-layout.css +5 -2
  182. package/dist/collection/components/gov-loading/loading/gov-loading.css +5 -2
  183. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +5 -2
  184. package/dist/collection/components/gov-message/gov-message.css +5 -2
  185. package/dist/collection/components/gov-modal/gov-modal.css +5 -2
  186. package/dist/collection/components/gov-modal/gov-modal.js +24 -3
  187. package/dist/collection/components/gov-modal/gov-modal.js.map +1 -1
  188. package/dist/collection/components/gov-nav/gov-nav-item.css +5 -2
  189. package/dist/collection/components/gov-nav/gov-nav.css +5 -2
  190. package/dist/collection/components/gov-pagination/gov-pagination.css +5 -2
  191. package/dist/collection/components/gov-promp/gov-prompt.css +5 -2
  192. package/dist/collection/components/gov-side-nav/constants.js +1 -1
  193. package/dist/collection/components/gov-side-nav/constants.js.map +1 -1
  194. package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +6 -3
  195. package/dist/collection/components/gov-side-nav/gov-side-nav-item.js +2 -2
  196. package/dist/collection/components/gov-side-nav/gov-side-nav-item.js.map +1 -1
  197. package/dist/collection/components/gov-side-nav/gov-side-nav.css +5 -2
  198. package/dist/collection/components/gov-spacer/gov-spacer.css +5 -2
  199. package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +5 -2
  200. package/dist/collection/components/gov-statsbar/gov-statsbar.css +5 -2
  201. package/dist/collection/components/gov-stepper/gov-stepper-item.css +5 -2
  202. package/dist/collection/components/gov-stepper/gov-stepper.css +5 -2
  203. package/dist/collection/components/gov-tabs/constants.js +1 -1
  204. package/dist/collection/components/gov-tabs/constants.js.map +1 -1
  205. package/dist/collection/components/gov-tabs/gov-tabs-item.css +5 -2
  206. package/dist/collection/components/gov-tabs/gov-tabs-item.js +4 -4
  207. package/dist/collection/components/gov-tabs/gov-tabs-item.js.map +1 -1
  208. package/dist/collection/components/gov-tabs/gov-tabs.css +16 -14
  209. package/dist/collection/components/gov-tabs/gov-tabs.js +29 -21
  210. package/dist/collection/components/gov-tabs/gov-tabs.js.map +1 -1
  211. package/dist/collection/components/gov-tag/constants.js +4 -0
  212. package/dist/collection/components/gov-tag/constants.js.map +1 -0
  213. package/dist/collection/components/gov-tag/gov-tag.css +1274 -0
  214. package/dist/collection/components/gov-tag/gov-tag.js +118 -0
  215. package/dist/collection/components/gov-tag/gov-tag.js.map +1 -0
  216. package/dist/collection/components/gov-tile/container/gov-tiles.css +5 -2
  217. package/dist/collection/components/gov-tile/gov-tile.css +5 -2
  218. package/dist/collection/components/gov-tile/gov-tile.js +3 -3
  219. package/dist/collection/components/gov-tile/gov-tile.js.map +1 -1
  220. package/dist/collection/components/gov-toast/gov-toast.css +5 -2
  221. package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +14 -2
  222. package/dist/collection/components/gov-tooltip/gov-tooltip.css +6 -3
  223. package/dist/collection/components/gov-tooltip/gov-tooltip.js +40 -5
  224. package/dist/collection/components/gov-tooltip/gov-tooltip.js.map +1 -1
  225. package/dist/collection/components/gov-wizard/gov-wizard-item.css +5 -2
  226. package/dist/collection/components/gov-wizard/gov-wizard-item.js +1 -1
  227. package/dist/collection/components/gov-wizard/gov-wizard-item.js.map +1 -1
  228. package/dist/collection/components/gov-wizard/gov-wizard.css +5 -2
  229. package/dist/collection/data/font-definitions.js +6 -6
  230. package/dist/collection/helpers/Dom/template.js +7 -0
  231. package/dist/collection/helpers/Dom/template.js.map +1 -1
  232. package/dist/collection/helpers/Dom/template.types.js.map +1 -1
  233. package/dist/collection/pages/Accordion.js +15 -15
  234. package/dist/collection/pages/Accordion.js.map +1 -1
  235. package/dist/collection/pages/{Badge.js → Chip.js} +181 -181
  236. package/dist/collection/pages/Chip.js.map +1 -0
  237. package/dist/collection/pages/Forms.js +23 -0
  238. package/dist/collection/pages/Forms.js.map +1 -1
  239. package/dist/collection/pages/Infobar.js +5 -5
  240. package/dist/collection/pages/Infobar.js.map +1 -1
  241. package/dist/collection/pages/Tabs.js +7 -7
  242. package/dist/collection/pages/Tabs.js.map +1 -1
  243. package/dist/collection/pages/Tag.js +253 -0
  244. package/dist/collection/pages/Tag.js.map +1 -0
  245. package/dist/collection/pages/Tooltip.js +3 -3
  246. package/dist/collection/pages/Tooltip.js.map +1 -1
  247. package/dist/components/gov-accordion-item.js +1 -1
  248. package/dist/components/gov-accordion-item.js.map +1 -1
  249. package/dist/components/gov-accordion.js +1 -1
  250. package/dist/components/gov-app.js +1 -1
  251. package/dist/components/gov-app.js.map +1 -1
  252. package/dist/components/gov-attachments-item.js +1 -1
  253. package/dist/components/gov-attachments.js +1 -1
  254. package/dist/components/gov-backdrop.js +1 -1
  255. package/dist/components/gov-breadcrumbs.js +1 -1
  256. package/dist/components/gov-breadcrumbs.js.map +1 -1
  257. package/dist/components/gov-button.js +1 -1
  258. package/dist/components/gov-card.js +1 -1
  259. package/dist/components/gov-card.js.map +1 -1
  260. package/dist/components/{gov-badge.d.ts → gov-chip.d.ts} +4 -4
  261. package/dist/components/gov-chip.js +2 -0
  262. package/dist/components/gov-container.js +1 -1
  263. package/dist/components/gov-control-group.js +1 -1
  264. package/dist/components/gov-cookiebar.js +1 -1
  265. package/dist/components/gov-dropdown.js +1 -1
  266. package/dist/components/gov-dropdown.js.map +1 -1
  267. package/dist/components/gov-empty.js +1 -1
  268. package/dist/components/gov-error-code.js +1 -1
  269. package/dist/components/gov-form-autocomplete.js +1 -1
  270. package/dist/components/gov-form-checkbox.js +1 -1
  271. package/dist/components/gov-form-checkbox.js.map +1 -1
  272. package/dist/components/gov-form-control.js +1 -1
  273. package/dist/components/gov-form-control.js.map +1 -1
  274. package/dist/components/gov-form-file.js +1 -1
  275. package/dist/components/gov-form-group.js +1 -1
  276. package/dist/components/gov-form-group.js.map +1 -1
  277. package/dist/components/gov-form-input.js +1 -1
  278. package/dist/components/gov-form-message.js +1 -1
  279. package/dist/components/gov-form-multi-select.js +1 -1
  280. package/dist/components/gov-form-password-power.js +1 -1
  281. package/dist/components/gov-form-password-power.js.map +1 -1
  282. package/dist/components/gov-form-radio.js +1 -1
  283. package/dist/components/gov-form-radio.js.map +1 -1
  284. package/dist/components/gov-form-search.js +1 -1
  285. package/dist/components/gov-form-search.js.map +1 -1
  286. package/dist/components/gov-form-select.js +1 -1
  287. package/dist/components/gov-form-switch.js +1 -1
  288. package/dist/components/gov-form-switch.js.map +1 -1
  289. package/dist/components/gov-grid-item.js +1 -1
  290. package/dist/components/gov-grid.js +1 -1
  291. package/dist/components/gov-icon.js +1 -1
  292. package/dist/components/gov-infobar.js +1 -1
  293. package/dist/components/gov-infobar.js.map +1 -1
  294. package/dist/components/gov-layout-column.js +1 -1
  295. package/dist/components/gov-layout.js +1 -1
  296. package/dist/components/gov-loading.js +1 -1
  297. package/dist/components/gov-message.js +1 -1
  298. package/dist/components/gov-modal.js +1 -1
  299. package/dist/components/gov-modal.js.map +1 -1
  300. package/dist/components/gov-pagination.js +1 -1
  301. package/dist/components/gov-prompt.js +1 -1
  302. package/dist/components/gov-side-nav-item.js +1 -1
  303. package/dist/components/gov-side-nav-item.js.map +1 -1
  304. package/dist/components/gov-side-nav.js +1 -1
  305. package/dist/components/gov-skeleton.js +1 -1
  306. package/dist/components/gov-spacer.js +1 -1
  307. package/dist/components/gov-statsbar-item.js +1 -1
  308. package/dist/components/gov-statsbar.js +1 -1
  309. package/dist/components/gov-stepper-item.js +1 -1
  310. package/dist/components/gov-stepper.js +1 -1
  311. package/dist/components/gov-tabs-item.js +1 -1
  312. package/dist/components/gov-tabs-item.js.map +1 -1
  313. package/dist/components/gov-tabs.js +1 -1
  314. package/dist/components/gov-tabs.js.map +1 -1
  315. package/dist/components/gov-tag.d.ts +11 -0
  316. package/dist/components/gov-tag.js +2 -0
  317. package/dist/components/gov-tag.js.map +1 -0
  318. package/dist/components/gov-tile.js +1 -1
  319. package/dist/components/gov-tile.js.map +1 -1
  320. package/dist/components/gov-tiles.js +1 -1
  321. package/dist/components/gov-toast.js +1 -1
  322. package/dist/components/gov-tooltip-content.js +1 -1
  323. package/dist/components/gov-tooltip-content.js.map +1 -1
  324. package/dist/components/gov-tooltip.js +1 -1
  325. package/dist/components/gov-tooltip.js.map +1 -1
  326. package/dist/components/gov-wizard-item.js +1 -1
  327. package/dist/components/gov-wizard-item.js.map +1 -1
  328. package/dist/components/gov-wizard.js +1 -1
  329. package/dist/components/{p-1b4f2520.js → p-25b64ce2.js} +2 -2
  330. package/dist/components/p-28e59384.js +2 -0
  331. package/dist/components/p-28e59384.js.map +1 -0
  332. package/dist/components/{p-3dbf7f49.js → p-3c71d697.js} +1 -1
  333. package/dist/{cjs/constants-ff12205f.js.map → components/p-3c71d697.js.map} +1 -1
  334. package/dist/components/p-53e02bee.js +2 -0
  335. package/dist/components/p-53e02bee.js.map +1 -0
  336. package/dist/components/{p-3e8a9e92.js → p-6b256c8e.js} +2 -2
  337. package/dist/components/{p-f72ecbef.js → p-7ad6b936.js} +2 -2
  338. package/dist/components/p-7ad6b936.js.map +1 -0
  339. package/dist/components/{p-9ba6e755.js → p-a29d84e4.js} +2 -2
  340. package/dist/components/p-a29d84e4.js.map +1 -0
  341. package/dist/components/p-b0d4961a.js +2 -0
  342. package/dist/components/p-b0d4961a.js.map +1 -0
  343. package/dist/components/{p-522dd298.js → p-b47d953a.js} +2 -2
  344. package/dist/components/{p-522dd298.js.map → p-b47d953a.js.map} +1 -1
  345. package/dist/components/{p-8da17139.js → p-b60b159d.js} +2 -2
  346. package/dist/components/p-db1f0452.js +2 -0
  347. package/dist/components/p-db1f0452.js.map +1 -0
  348. package/dist/components/{p-b3cb7945.js → p-dde10734.js} +2 -2
  349. package/dist/components/{p-94542a50.js → p-e2d7dc71.js} +2 -2
  350. package/dist/components/p-e2d7dc71.js.map +1 -0
  351. package/dist/components/{p-bc5d5903.js → p-ee3a01c0.js} +2 -2
  352. package/dist/components/p-fa1e4aea.js +2 -0
  353. package/dist/components/p-fa1e4aea.js.map +1 -0
  354. package/dist/core/core.esm.js +1 -1
  355. package/dist/core/core.esm.js.map +1 -1
  356. package/dist/core/p-002c922c.entry.js +2 -0
  357. package/dist/core/p-002c922c.entry.js.map +1 -0
  358. package/dist/core/{p-7702c8c2.entry.js → p-046613ca.entry.js} +2 -2
  359. package/dist/core/p-0a84ab6c.entry.js +2 -0
  360. package/dist/core/p-0a84ab6c.entry.js.map +1 -0
  361. package/dist/core/{p-0c57e410.entry.js → p-0db95d0a.entry.js} +2 -2
  362. package/dist/core/p-0db95d0a.entry.js.map +1 -0
  363. package/dist/core/p-0e5fa8bf.js +2 -0
  364. package/dist/core/p-0e5fa8bf.js.map +1 -0
  365. package/dist/core/{p-f62efc34.entry.js → p-1da19326.entry.js} +2 -2
  366. package/dist/core/p-1da19326.entry.js.map +1 -0
  367. package/dist/core/{p-1c62f175.entry.js → p-1e41751e.entry.js} +2 -2
  368. package/dist/core/{p-e5227e40.entry.js → p-21a02f11.entry.js} +2 -2
  369. package/dist/core/{p-acd6a9f4.entry.js → p-2370e823.entry.js} +2 -2
  370. package/dist/core/p-2370e823.entry.js.map +1 -0
  371. package/dist/core/{p-06699657.entry.js → p-25620fed.entry.js} +2 -2
  372. package/dist/core/p-25620fed.entry.js.map +1 -0
  373. package/dist/core/{p-6f43bd00.entry.js → p-28d98a7d.entry.js} +2 -2
  374. package/dist/core/p-28e59384.js +2 -0
  375. package/dist/core/p-28e59384.js.map +1 -0
  376. package/dist/core/{p-e2d6efaf.entry.js → p-2c5b8f32.entry.js} +2 -2
  377. package/dist/core/{p-1da9f871.entry.js → p-3191317e.entry.js} +2 -2
  378. package/dist/core/{p-32a4b7e3.entry.js → p-32a4bac2.entry.js} +2 -2
  379. package/dist/core/p-32a4bac2.entry.js.map +1 -0
  380. package/dist/core/{p-7372b066.entry.js → p-34613499.entry.js} +2 -2
  381. package/dist/core/{p-88010439.entry.js → p-3d11d9a0.entry.js} +2 -2
  382. package/dist/core/{p-7fa1290e.entry.js → p-409f054b.entry.js} +2 -2
  383. package/dist/core/{p-afa12399.entry.js → p-4281eecd.entry.js} +2 -2
  384. package/dist/core/p-4281eecd.entry.js.map +1 -0
  385. package/dist/core/p-475e46be.entry.js +2 -0
  386. package/dist/core/p-475e46be.entry.js.map +1 -0
  387. package/dist/core/{p-3bacd021.js → p-4c55142b.js} +1 -1
  388. package/dist/core/p-4c55142b.js.map +1 -0
  389. package/dist/core/p-4df6aec4.entry.js +2 -0
  390. package/dist/core/p-4df6aec4.entry.js.map +1 -0
  391. package/dist/core/{p-bc6f1479.entry.js → p-4f34cea7.entry.js} +2 -2
  392. package/dist/core/p-4f34cea7.entry.js.map +1 -0
  393. package/dist/core/{p-35c1c12c.entry.js → p-52d767a8.entry.js} +2 -2
  394. package/dist/core/p-52d767a8.entry.js.map +1 -0
  395. package/dist/core/p-5e23a6ba.entry.js.map +1 -1
  396. package/dist/core/{p-2bb9f781.entry.js → p-679625c1.entry.js} +2 -2
  397. package/dist/core/{p-19b897c0.entry.js → p-7632b949.entry.js} +2 -2
  398. package/dist/core/{p-80f5140b.entry.js → p-7b01e961.entry.js} +2 -2
  399. package/dist/core/{p-93897e60.entry.js → p-7c38556b.entry.js} +2 -2
  400. package/dist/core/p-7d756211.entry.js +2 -0
  401. package/dist/core/p-7d756211.entry.js.map +1 -0
  402. package/dist/core/{p-7e8d2066.entry.js → p-7e11320f.entry.js} +2 -2
  403. package/dist/core/{p-c81d62db.entry.js → p-80ebaaf5.entry.js} +2 -2
  404. package/dist/core/{p-93042b25.entry.js → p-83512243.entry.js} +2 -2
  405. package/dist/core/{p-739dd451.entry.js → p-84e61610.entry.js} +2 -2
  406. package/dist/core/p-87700ea3.entry.js +2 -0
  407. package/dist/core/p-87700ea3.entry.js.map +1 -0
  408. package/dist/core/{p-998c3336.entry.js → p-87a91e77.entry.js} +2 -2
  409. package/dist/core/{p-4452c278.entry.js → p-8a931ff2.entry.js} +2 -2
  410. package/dist/core/{p-041d30b1.entry.js → p-8e5599d1.entry.js} +2 -2
  411. package/dist/core/{p-84f6b11a.entry.js → p-8f3d9099.entry.js} +2 -2
  412. package/dist/core/{p-84f6b11a.entry.js.map → p-8f3d9099.entry.js.map} +1 -1
  413. package/dist/core/{p-19a54ee9.entry.js → p-92ce6f87.entry.js} +2 -2
  414. package/dist/core/p-92ce6f87.entry.js.map +1 -0
  415. package/dist/core/{p-e1780dba.entry.js → p-96354948.entry.js} +2 -2
  416. package/dist/core/{p-2fe9d3ea.entry.js → p-a8b5ac68.entry.js} +2 -2
  417. package/dist/core/{p-2bf0c1c5.entry.js → p-aec21036.entry.js} +2 -2
  418. package/dist/core/{p-2bf0c1c5.entry.js.map → p-aec21036.entry.js.map} +1 -1
  419. package/dist/core/{p-228da18e.entry.js → p-af42ea63.entry.js} +2 -2
  420. package/dist/core/p-b21a3c79.entry.js +2 -0
  421. package/dist/core/p-b21a3c79.entry.js.map +1 -0
  422. package/dist/core/{p-9633e7b5.entry.js → p-baae15b9.entry.js} +2 -2
  423. package/dist/core/p-baae15b9.entry.js.map +1 -0
  424. package/dist/core/{p-88a78167.entry.js → p-c13ad31c.entry.js} +2 -2
  425. package/dist/core/{p-c5d3efc2.entry.js → p-c91daf1e.entry.js} +2 -2
  426. package/dist/core/{p-c5d3efc2.entry.js.map → p-c91daf1e.entry.js.map} +1 -1
  427. package/dist/core/p-c9ac8361.entry.js +2 -0
  428. package/dist/core/p-c9ac8361.entry.js.map +1 -0
  429. package/dist/core/p-cb3ac3f5.entry.js +2 -0
  430. package/dist/core/{p-5316e768.entry.js.map → p-cb3ac3f5.entry.js.map} +1 -1
  431. package/dist/core/{p-de5c9181.entry.js → p-cc48e49d.entry.js} +2 -2
  432. package/dist/core/{p-de5c9181.entry.js.map → p-cc48e49d.entry.js.map} +1 -1
  433. package/dist/core/{p-28f39f69.entry.js → p-d6e6d683.entry.js} +2 -2
  434. package/dist/core/p-db1f0452.js +2 -0
  435. package/dist/core/p-db1f0452.js.map +1 -0
  436. package/dist/core/{p-a7719b55.entry.js → p-e4ae862e.entry.js} +2 -2
  437. package/dist/core/{p-74ce7780.entry.js → p-e4e4ae20.entry.js} +2 -2
  438. package/dist/core/p-e4e4ae20.entry.js.map +1 -0
  439. package/dist/core/{p-1c40fdd5.entry.js → p-e6af7eb5.entry.js} +2 -2
  440. package/dist/core/p-e6af7eb5.entry.js.map +1 -0
  441. package/dist/core/p-ef2895f8.entry.js +2 -0
  442. package/dist/core/p-ef2895f8.entry.js.map +1 -0
  443. package/dist/core/{p-89921159.entry.js → p-f069df4a.entry.js} +2 -2
  444. package/dist/core/p-f8407153.entry.js +2 -0
  445. package/dist/core/p-f8407153.entry.js.map +1 -0
  446. package/dist/core/p-fa1e4aea.js +2 -0
  447. package/dist/core/p-fa1e4aea.js.map +1 -0
  448. package/dist/core/{p-0eb11cfc.entry.js → p-ff061e6b.entry.js} +2 -2
  449. package/dist/esm/{constants-ba92640d.js → constants-34a29ae2.js} +1 -1
  450. package/dist/{components/p-3dbf7f49.js.map → esm/constants-34a29ae2.js.map} +1 -1
  451. package/dist/esm/{constants-24dad929.js → constants-6df4edc4.js} +2 -2
  452. package/dist/esm/constants-6df4edc4.js.map +1 -0
  453. package/dist/esm/{constants-f5c21493.js → constants-867ac6e2.js} +2 -2
  454. package/dist/esm/{constants-f5c21493.js.map → constants-867ac6e2.js.map} +1 -1
  455. package/dist/esm/core.js +1 -1
  456. package/dist/esm/{form-2d9f68d9.js → form-39dc6896.js} +3 -1
  457. package/dist/esm/form-39dc6896.js.map +1 -0
  458. package/dist/esm/gov-accordion-item.entry.js +1 -1
  459. package/dist/esm/gov-accordion-item.entry.js.map +1 -1
  460. package/dist/esm/gov-accordion.entry.js +1 -1
  461. package/dist/esm/gov-app.entry.js +791 -514
  462. package/dist/esm/gov-app.entry.js.map +1 -1
  463. package/dist/esm/gov-attachments_3.entry.js +1 -1
  464. package/dist/esm/gov-backdrop.entry.js +1 -1
  465. package/dist/esm/gov-breadcrumbs.entry.js +1 -1
  466. package/dist/esm/gov-breadcrumbs.entry.js.map +1 -1
  467. package/dist/esm/gov-button.entry.js +2 -2
  468. package/dist/esm/gov-button.entry.js.map +1 -1
  469. package/dist/esm/gov-card.entry.js +1 -1
  470. package/dist/esm/gov-card.entry.js.map +1 -1
  471. package/dist/esm/gov-chip.entry.js +98 -0
  472. package/dist/esm/gov-chip.entry.js.map +1 -0
  473. package/dist/esm/gov-container.entry.js +1 -1
  474. package/dist/esm/gov-control-group.entry.js +1 -1
  475. package/dist/esm/gov-cookiebar.entry.js +1 -1
  476. package/dist/esm/gov-dropdown.entry.js +2 -2
  477. package/dist/esm/gov-dropdown.entry.js.map +1 -1
  478. package/dist/esm/gov-empty.entry.js +1 -1
  479. package/dist/esm/gov-error-code.entry.js +1 -1
  480. package/dist/esm/gov-form-autocomplete.entry.js +1 -1
  481. package/dist/esm/gov-form-checkbox.entry.js +4 -4
  482. package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
  483. package/dist/esm/gov-form-control.entry.js +3 -3
  484. package/dist/esm/gov-form-control.entry.js.map +1 -1
  485. package/dist/esm/gov-form-file.entry.js +2 -2
  486. package/dist/esm/gov-form-group.entry.js +12 -3
  487. package/dist/esm/gov-form-group.entry.js.map +1 -1
  488. package/dist/esm/gov-form-input.entry.js +2 -2
  489. package/dist/esm/gov-form-input.entry.js.map +1 -1
  490. package/dist/esm/gov-form-multi-select.entry.js +2 -2
  491. package/dist/esm/gov-form-password-power.entry.js +1 -1
  492. package/dist/esm/gov-form-password-power.entry.js.map +1 -1
  493. package/dist/esm/gov-form-radio.entry.js +6 -6
  494. package/dist/esm/gov-form-radio.entry.js.map +1 -1
  495. package/dist/esm/gov-form-search.entry.js.map +1 -1
  496. package/dist/esm/gov-form-select.entry.js +14 -3
  497. package/dist/esm/gov-form-select.entry.js.map +1 -1
  498. package/dist/esm/gov-form-switch.entry.js +3 -3
  499. package/dist/esm/gov-form-switch.entry.js.map +1 -1
  500. package/dist/esm/gov-grid-item.entry.js +1 -1
  501. package/dist/esm/gov-grid.entry.js +1 -1
  502. package/dist/esm/gov-icon.entry.js +2 -2
  503. package/dist/esm/gov-icon.entry.js.map +1 -1
  504. package/dist/esm/gov-infobar.entry.js +5 -4
  505. package/dist/esm/gov-infobar.entry.js.map +1 -1
  506. package/dist/esm/gov-layout-column.entry.js +1 -1
  507. package/dist/esm/gov-layout.entry.js +1 -1
  508. package/dist/esm/gov-loading.entry.js +1 -1
  509. package/dist/esm/gov-message.entry.js +1 -1
  510. package/dist/esm/gov-modal.entry.js +7 -4
  511. package/dist/esm/gov-modal.entry.js.map +1 -1
  512. package/dist/esm/gov-pagination.entry.js +1 -1
  513. package/dist/esm/gov-prompt.entry.js +1 -1
  514. package/dist/esm/gov-side-nav-item.entry.js +4 -4
  515. package/dist/esm/gov-side-nav-item.entry.js.map +1 -1
  516. package/dist/esm/gov-side-nav.entry.js +2 -2
  517. package/dist/esm/gov-skeleton.entry.js +1 -1
  518. package/dist/esm/gov-spacer.entry.js +1 -1
  519. package/dist/esm/gov-statsbar-item.entry.js +1 -1
  520. package/dist/esm/gov-statsbar.entry.js +1 -1
  521. package/dist/esm/gov-stepper-item.entry.js +1 -1
  522. package/dist/esm/gov-stepper.entry.js +1 -1
  523. package/dist/esm/gov-tabs-item.entry.js +5 -5
  524. package/dist/esm/gov-tabs-item.entry.js.map +1 -1
  525. package/dist/esm/gov-tabs.entry.js +25 -16
  526. package/dist/esm/gov-tabs.entry.js.map +1 -1
  527. package/dist/esm/gov-tag.entry.js +47 -0
  528. package/dist/esm/gov-tag.entry.js.map +1 -0
  529. package/dist/esm/gov-tile.entry.js +1 -1
  530. package/dist/esm/gov-tile.entry.js.map +1 -1
  531. package/dist/esm/gov-tiles.entry.js +1 -1
  532. package/dist/esm/gov-toast.entry.js +1 -1
  533. package/dist/esm/gov-tooltip-content.entry.js +2 -2
  534. package/dist/esm/gov-tooltip-content.entry.js.map +1 -1
  535. package/dist/esm/gov-tooltip.entry.js +40 -5
  536. package/dist/esm/gov-tooltip.entry.js.map +1 -1
  537. package/dist/esm/gov-wizard-item.entry.js +1 -1
  538. package/dist/esm/gov-wizard-item.entry.js.map +1 -1
  539. package/dist/esm/gov-wizard.entry.js +1 -1
  540. package/dist/esm/index-ae3c50f1.js +6 -2
  541. package/dist/esm/loader.js +1 -1
  542. package/dist/esm/{template-10332292.js → template-df429738.js} +8 -1
  543. package/dist/esm/template-df429738.js.map +1 -0
  544. package/dist/hydrate/index.js +1400 -972
  545. package/dist/types/components/gov-accordion/gov-accordion-item.d.ts +1 -1
  546. package/dist/types/components/gov-app/gov-app.d.ts +3 -2
  547. package/dist/types/components/gov-breadcrumbs/gov-breadcrumbs.d.ts +1 -1
  548. package/dist/types/components/gov-button/{default → button}/gov-button.d.ts +1 -1
  549. package/dist/types/components/gov-card/gov-card.d.ts +1 -1
  550. package/dist/types/components/{gov-badge → gov-chip}/constants.d.ts +1 -1
  551. package/dist/types/components/{gov-badge/gov-badge.d.ts → gov-chip/gov-chip.d.ts} +34 -7
  552. package/dist/types/components/gov-form/checkbox/constants.d.ts +1 -0
  553. package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts +1 -1
  554. package/dist/types/components/gov-form/group/gov-form-group.d.ts +2 -1
  555. package/dist/types/components/gov-form/password-power/gov-form-password-power.d.ts +2 -2
  556. package/dist/types/components/gov-form/radio/constants.d.ts +1 -0
  557. package/dist/types/components/gov-form/radio/gov-form-radio.d.ts +1 -1
  558. package/dist/types/components/gov-form/select/gov-form-select.d.ts +6 -1
  559. package/dist/types/components/gov-form/select/gov-form-select.types.d.ts +5 -0
  560. package/dist/types/components/gov-form/switch/gov-form-switch.d.ts +1 -1
  561. package/dist/types/components/gov-icon/gov-icon.d.ts +2 -3
  562. package/dist/types/components/gov-infobar/{default/constants.d.ts → constants.d.ts} +3 -2
  563. package/dist/types/components/gov-infobar/{default/gov-infobar.d.ts → gov-infobar.d.ts} +2 -2
  564. package/dist/types/components/gov-infobar/{default/gov-infobar.types.d.ts → gov-infobar.types.d.ts} +1 -1
  565. package/dist/types/components/gov-modal/gov-modal.d.ts +4 -0
  566. package/dist/types/components/gov-side-nav/constants.d.ts +1 -1
  567. package/dist/types/components/gov-side-nav/gov-side-nav-item.d.ts +1 -1
  568. package/dist/types/components/gov-tabs/constants.d.ts +1 -1
  569. package/dist/types/components/gov-tabs/gov-tabs-item.d.ts +1 -1
  570. package/dist/types/components/gov-tabs/gov-tabs.d.ts +5 -6
  571. package/dist/types/components/gov-tag/constants.d.ts +3 -0
  572. package/dist/types/components/gov-tag/gov-tag.d.ts +22 -0
  573. package/dist/types/components/gov-tile/gov-tile.d.ts +1 -1
  574. package/dist/types/components/gov-wizard/gov-wizard-item.d.ts +1 -1
  575. package/dist/types/components.d.ts +224 -133
  576. package/dist/types/helpers/Dom/template.types.d.ts +1 -0
  577. package/dist/types/pages/Chip.d.ts +3 -0
  578. package/dist/types/pages/Tag.d.ts +3 -0
  579. package/package.json +3 -3
  580. package/dist/cjs/constants-23b7a283.js.map +0 -1
  581. package/dist/cjs/form-f68d13c6.js.map +0 -1
  582. package/dist/cjs/gov-badge.cjs.entry.js +0 -84
  583. package/dist/cjs/gov-badge.cjs.entry.js.map +0 -1
  584. package/dist/cjs/template-e1c4ff78.js.map +0 -1
  585. package/dist/collection/components/gov-badge/constants.js.map +0 -1
  586. package/dist/collection/components/gov-badge/gov-badge.css +0 -1267
  587. package/dist/collection/components/gov-badge/gov-badge.js.map +0 -1
  588. package/dist/collection/components/gov-button/default/gov-button.js.map +0 -1
  589. package/dist/collection/components/gov-button/default/gov-button.types.js.map +0 -1
  590. package/dist/collection/components/gov-infobar/default/constants.js.map +0 -1
  591. package/dist/collection/components/gov-infobar/default/gov-infobar.js.map +0 -1
  592. package/dist/collection/components/gov-infobar/default/gov-infobar.types.js.map +0 -1
  593. package/dist/collection/pages/Badge.js.map +0 -1
  594. package/dist/components/gov-badge.js +0 -2
  595. package/dist/components/p-17c1ffc1.js +0 -2
  596. package/dist/components/p-17c1ffc1.js.map +0 -1
  597. package/dist/components/p-36be8f6e.js +0 -2
  598. package/dist/components/p-36be8f6e.js.map +0 -1
  599. package/dist/components/p-3f37ddb6.js +0 -2
  600. package/dist/components/p-3f37ddb6.js.map +0 -1
  601. package/dist/components/p-80e30702.js +0 -2
  602. package/dist/components/p-80e30702.js.map +0 -1
  603. package/dist/components/p-8d44ca3c.js +0 -2
  604. package/dist/components/p-8d44ca3c.js.map +0 -1
  605. package/dist/components/p-94542a50.js.map +0 -1
  606. package/dist/components/p-9ba6e755.js.map +0 -1
  607. package/dist/components/p-f72ecbef.js.map +0 -1
  608. package/dist/core/p-0553eb92.entry.js +0 -2
  609. package/dist/core/p-0553eb92.entry.js.map +0 -1
  610. package/dist/core/p-06699657.entry.js.map +0 -1
  611. package/dist/core/p-0c57e410.entry.js.map +0 -1
  612. package/dist/core/p-19a54ee9.entry.js.map +0 -1
  613. package/dist/core/p-1c40fdd5.entry.js.map +0 -1
  614. package/dist/core/p-32a4b7e3.entry.js.map +0 -1
  615. package/dist/core/p-34ed07f6.js +0 -2
  616. package/dist/core/p-34ed07f6.js.map +0 -1
  617. package/dist/core/p-35c1c12c.entry.js.map +0 -1
  618. package/dist/core/p-36be8f6e.js +0 -2
  619. package/dist/core/p-36be8f6e.js.map +0 -1
  620. package/dist/core/p-3bacd021.js.map +0 -1
  621. package/dist/core/p-3f37ddb6.js +0 -2
  622. package/dist/core/p-3f37ddb6.js.map +0 -1
  623. package/dist/core/p-49926f53.entry.js +0 -2
  624. package/dist/core/p-49926f53.entry.js.map +0 -1
  625. package/dist/core/p-5316e768.entry.js +0 -2
  626. package/dist/core/p-5cc3e768.entry.js +0 -2
  627. package/dist/core/p-5cc3e768.entry.js.map +0 -1
  628. package/dist/core/p-74ce7780.entry.js.map +0 -1
  629. package/dist/core/p-80e30702.js +0 -2
  630. package/dist/core/p-80e30702.js.map +0 -1
  631. package/dist/core/p-9633e7b5.entry.js.map +0 -1
  632. package/dist/core/p-acd6a9f4.entry.js.map +0 -1
  633. package/dist/core/p-afa12399.entry.js.map +0 -1
  634. package/dist/core/p-bc6f1479.entry.js.map +0 -1
  635. package/dist/core/p-bcf71ab5.entry.js +0 -2
  636. package/dist/core/p-bcf71ab5.entry.js.map +0 -1
  637. package/dist/core/p-c4c9ff83.entry.js +0 -2
  638. package/dist/core/p-c4c9ff83.entry.js.map +0 -1
  639. package/dist/core/p-c61444f7.entry.js +0 -2
  640. package/dist/core/p-c61444f7.entry.js.map +0 -1
  641. package/dist/core/p-d84b290e.entry.js +0 -2
  642. package/dist/core/p-d84b290e.entry.js.map +0 -1
  643. package/dist/core/p-da762184.entry.js +0 -2
  644. package/dist/core/p-da762184.entry.js.map +0 -1
  645. package/dist/core/p-f62efc34.entry.js.map +0 -1
  646. package/dist/core/p-fab698a7.entry.js +0 -2
  647. package/dist/core/p-fab698a7.entry.js.map +0 -1
  648. package/dist/esm/constants-24dad929.js.map +0 -1
  649. package/dist/esm/constants-ba92640d.js.map +0 -1
  650. package/dist/esm/form-2d9f68d9.js.map +0 -1
  651. package/dist/esm/gov-badge.entry.js +0 -80
  652. package/dist/esm/gov-badge.entry.js.map +0 -1
  653. package/dist/esm/template-10332292.js.map +0 -1
  654. package/dist/types/pages/Badge.d.ts +0 -3
  655. /package/dist/collection/components/gov-button/{default → button}/constants.js +0 -0
  656. /package/dist/collection/components/gov-button/{default → button}/gov-button.types.js +0 -0
  657. /package/dist/collection/components/gov-infobar/{default/gov-infobar.types.js → gov-infobar.types.js} +0 -0
  658. /package/dist/components/{gov-badge.js.map → gov-chip.js.map} +0 -0
  659. /package/dist/components/{p-1b4f2520.js.map → p-25b64ce2.js.map} +0 -0
  660. /package/dist/components/{p-3e8a9e92.js.map → p-6b256c8e.js.map} +0 -0
  661. /package/dist/components/{p-8da17139.js.map → p-b60b159d.js.map} +0 -0
  662. /package/dist/components/{p-b3cb7945.js.map → p-dde10734.js.map} +0 -0
  663. /package/dist/components/{p-bc5d5903.js.map → p-ee3a01c0.js.map} +0 -0
  664. /package/dist/core/{p-7702c8c2.entry.js.map → p-046613ca.entry.js.map} +0 -0
  665. /package/dist/core/{p-1c62f175.entry.js.map → p-1e41751e.entry.js.map} +0 -0
  666. /package/dist/core/{p-e5227e40.entry.js.map → p-21a02f11.entry.js.map} +0 -0
  667. /package/dist/core/{p-6f43bd00.entry.js.map → p-28d98a7d.entry.js.map} +0 -0
  668. /package/dist/core/{p-e2d6efaf.entry.js.map → p-2c5b8f32.entry.js.map} +0 -0
  669. /package/dist/core/{p-1da9f871.entry.js.map → p-3191317e.entry.js.map} +0 -0
  670. /package/dist/core/{p-7372b066.entry.js.map → p-34613499.entry.js.map} +0 -0
  671. /package/dist/core/{p-88010439.entry.js.map → p-3d11d9a0.entry.js.map} +0 -0
  672. /package/dist/core/{p-7fa1290e.entry.js.map → p-409f054b.entry.js.map} +0 -0
  673. /package/dist/core/{p-2bb9f781.entry.js.map → p-679625c1.entry.js.map} +0 -0
  674. /package/dist/core/{p-19b897c0.entry.js.map → p-7632b949.entry.js.map} +0 -0
  675. /package/dist/core/{p-80f5140b.entry.js.map → p-7b01e961.entry.js.map} +0 -0
  676. /package/dist/core/{p-93897e60.entry.js.map → p-7c38556b.entry.js.map} +0 -0
  677. /package/dist/core/{p-7e8d2066.entry.js.map → p-7e11320f.entry.js.map} +0 -0
  678. /package/dist/core/{p-c81d62db.entry.js.map → p-80ebaaf5.entry.js.map} +0 -0
  679. /package/dist/core/{p-93042b25.entry.js.map → p-83512243.entry.js.map} +0 -0
  680. /package/dist/core/{p-739dd451.entry.js.map → p-84e61610.entry.js.map} +0 -0
  681. /package/dist/core/{p-998c3336.entry.js.map → p-87a91e77.entry.js.map} +0 -0
  682. /package/dist/core/{p-4452c278.entry.js.map → p-8a931ff2.entry.js.map} +0 -0
  683. /package/dist/core/{p-041d30b1.entry.js.map → p-8e5599d1.entry.js.map} +0 -0
  684. /package/dist/core/{p-e1780dba.entry.js.map → p-96354948.entry.js.map} +0 -0
  685. /package/dist/core/{p-2fe9d3ea.entry.js.map → p-a8b5ac68.entry.js.map} +0 -0
  686. /package/dist/core/{p-228da18e.entry.js.map → p-af42ea63.entry.js.map} +0 -0
  687. /package/dist/core/{p-88a78167.entry.js.map → p-c13ad31c.entry.js.map} +0 -0
  688. /package/dist/core/{p-28f39f69.entry.js.map → p-d6e6d683.entry.js.map} +0 -0
  689. /package/dist/core/{p-a7719b55.entry.js.map → p-e4ae862e.entry.js.map} +0 -0
  690. /package/dist/core/{p-89921159.entry.js.map → p-f069df4a.entry.js.map} +0 -0
  691. /package/dist/core/{p-0eb11cfc.entry.js.map → p-ff061e6b.entry.js.map} +0 -0
  692. /package/dist/types/components/gov-button/{default → button}/constants.d.ts +0 -0
  693. /package/dist/types/components/gov-button/{default → button}/gov-button.types.d.ts +0 -0
@@ -5972,6 +5972,13 @@ const govHost = (host) => {
5972
5972
  hasSlot(name) {
5973
5973
  return !!this.getSlot(name);
5974
5974
  },
5975
+ isSlotEmpty(name) {
5976
+ const slot = this.getSlot(name);
5977
+ if (slot) {
5978
+ return slot.childNodes.length === 0;
5979
+ }
5980
+ return false;
5981
+ },
5975
5982
  getSlot(name) {
5976
5983
  return this.hostElement.querySelector('[slot="' + name + '"]');
5977
5984
  },
@@ -9139,9 +9146,9 @@ class AccordionPage extends HTMLElement {
9139
9146
  <h3 slot="label">Působnost v agendách</h3>
9140
9147
  <gov-icon slot="icon" name="info"></gov-icon>
9141
9148
  <p slot="annotation">Anotace Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
9142
- <gov-badge variant="primary" size="xs" slot="suffix">
9143
- Badge
9144
- </gov-badge>
9149
+ <gov-chip variant="primary" size="xs" slot="suffix">
9150
+ Chip
9151
+ </gov-chip>
9145
9152
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
9146
9153
  </gov-accordion-item>
9147
9154
  <gov-accordion-item>
@@ -9213,9 +9220,9 @@ class AccordionPage extends HTMLElement {
9213
9220
  <gov-accordion-item label="Působnost v agendách">
9214
9221
  <h3 slot="label">Působnost v agendách</h3>
9215
9222
  <gov-icon slot="icon" name="info"></gov-icon>
9216
- <gov-badge variant="primary" size="xs" slot="suffix">
9217
- Badge
9218
- </gov-badge>
9223
+ <gov-chip variant="primary" size="xs" slot="suffix">
9224
+ Chip
9225
+ </gov-chip>
9219
9226
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
9220
9227
  </gov-accordion-item>
9221
9228
  <gov-accordion-item label="Zřizované organizace">
@@ -9258,9 +9265,9 @@ class AccordionPage extends HTMLElement {
9258
9265
  <gov-accordion-item is-expanded label="Kontaktní osoby">
9259
9266
  <h3 slot="label">Kontaktní osoby</h3>
9260
9267
  <gov-icon slot="icon" name="info"></gov-icon>
9261
- <gov-badge variant="primary" size="xs" slot="suffix">
9262
- Badge
9263
- </gov-badge>
9268
+ <gov-chip variant="primary" size="xs" slot="suffix">
9269
+ Chip
9270
+ </gov-chip>
9264
9271
  <gov-accordion size="xs" no-border>
9265
9272
  <gov-accordion-item>
9266
9273
  <h3 slot="label">Font Awesome Icon</h3>
@@ -9288,9 +9295,9 @@ class AccordionPage extends HTMLElement {
9288
9295
  <gov-accordion-item label="Působnost v agendách">
9289
9296
  <h3 slot="label">Působnost v agendách</h3>
9290
9297
  <gov-icon slot="icon" name="info"></gov-icon>
9291
- <gov-badge variant="primary" size="xs" slot="suffix">
9292
- Badge
9293
- </gov-badge>
9298
+ <gov-chip variant="primary" size="xs" slot="suffix">
9299
+ Chip
9300
+ </gov-chip>
9294
9301
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
9295
9302
  </gov-accordion-item>
9296
9303
  <gov-accordion-item label="Zřizované organizace">
@@ -9338,9 +9345,9 @@ class AccordionPage extends HTMLElement {
9338
9345
  <gov-accordion-item label="Působnost v agendách">
9339
9346
  <h3 slot="label">Působnost v agendách</h3>
9340
9347
  <gov-icon slot="icon" name="info"></gov-icon>
9341
- <gov-badge variant="primary" size="m" slot="suffix">
9342
- Badge
9343
- </gov-badge>
9348
+ <gov-chip variant="primary" size="m" slot="suffix">
9349
+ Chip
9350
+ </gov-chip>
9344
9351
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
9345
9352
  </gov-accordion-item>
9346
9353
  <gov-accordion-item label="Zřizované organizace">
@@ -9357,642 +9364,156 @@ if (customElements.get('accordion-page') === undefined) {
9357
9364
  customElements.define('accordion-page', AccordionPage);
9358
9365
  }
9359
9366
 
9360
- class InfobarPage extends HTMLElement {
9367
+ class BreadcrumbsPage extends HTMLElement {
9361
9368
  connectedCallback() {
9362
9369
  this.innerHTML = `
9363
- <h2>Infobar</h2>
9364
-
9365
- <div class="gov-bg--secondary-800">
9366
- <gov-container>
9367
- <gov-infobar variant="secondary" headline="Tohle bude super nadpis pro všechno" closable>
9368
- <gov-icon name="info" slot="icon"></gov-icon>
9369
- <p>
9370
- Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9371
- </p>
9372
- </gov-infobar>
9373
- </gov-container>
9374
- </div>
9375
-
9376
- <br/>
9370
+ <h2>Breadcrumbs</h2>
9377
9371
 
9378
- <gov-infobar variant="secondary" headline="Tohle bude super nadpis pro všechno" closable>
9379
- <gov-icon name="info" slot="icon"></gov-icon>
9380
- <p>
9381
- Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9382
- </p>
9383
- </gov-infobar>
9384
-
9385
-
9386
- <br>
9387
- <gov-infobar variant="secondary" closable>
9388
- <gov-icon name="info" slot="icon"></gov-icon>
9389
- <p>
9390
- Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9391
- </p>
9392
- </gov-infobar>
9393
- <br>
9394
- <gov-infobar variant="warning" closable>
9395
- <gov-icon name="info" slot="icon"></gov-icon>
9396
- <p>
9397
- Warning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9398
- </p>
9399
- </gov-infobar>
9400
- <br>
9401
- <gov-infobar variant="error" closable>
9402
- <gov-icon name="info" slot="icon"></gov-icon>
9403
- <p>
9404
- Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9405
- </p>
9406
- </gov-infobar>
9407
- <br>
9408
- <gov-infobar variant="success" closable>
9409
- <gov-icon name="info" slot="icon"></gov-icon>
9410
- <p>
9411
- Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9412
- </p>
9413
- </gov-infobar>
9414
- <br>
9415
- <gov-infobar variant="primary" closable>
9416
- <gov-icon name="info" slot="icon"></gov-icon>
9417
- <p>
9418
- Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9419
- </p>
9420
- </gov-infobar>
9372
+ <gov-breadcrumbs wcag-label="Drobečková navigace pro stránku Czech POINT">
9373
+ <ul>
9374
+ <li>
9375
+ <button>
9376
+ Domů
9377
+ </button>
9378
+ </li>
9379
+ <li>
9380
+ <gov-icon name="chevron-right"></gov-icon>
9381
+ <a href="#">Kam dál</a>
9382
+ </li>
9383
+ <li>
9384
+ <gov-icon name="chevron-right"></gov-icon>
9385
+ <a href="#">
9386
+ Český eGovernment
9387
+ </a>
9388
+ </li>
9389
+ <li>
9390
+ <gov-icon name="chevron-right"></gov-icon>
9391
+ <strong>Czech POINT</strong>
9392
+ </li>
9393
+ </ul>
9394
+ </gov-breadcrumbs>
9421
9395
 
9422
- <h3>Inverse</h3>
9423
- <br>
9424
- <gov-infobar inverse="TRUE" variant="secondary" closable>
9425
- <gov-icon name="info" slot="icon"></gov-icon>
9426
- <p>
9427
- Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9428
- </p>
9429
- </gov-infobar>
9430
- <br>
9431
- <gov-infobar inverse="True" variant="warning" closable>
9432
- <gov-icon name="info" slot="icon"></gov-icon>
9433
- <p>
9434
- Warning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9435
- </p>
9436
- </gov-infobar>
9437
- <br>
9438
- <gov-infobar inverse="1" variant="error" closable>
9439
- <gov-icon name="info" slot="icon"></gov-icon>
9440
- <p>
9441
- Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9442
- </p>
9443
- </gov-infobar>
9444
- <br>
9445
- <gov-infobar inverse="true" variant="success" closable>
9446
- <gov-icon name="info" slot="icon"></gov-icon>
9447
- <p>
9448
- Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9449
- </p>
9450
- </gov-infobar>
9451
- <br>
9452
- <gov-infobar inverse="true" variant="primary" closable>
9453
- <gov-icon name="info" slot="icon"></gov-icon>
9454
- <p>
9455
- Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
9456
- </p>
9457
- </gov-infobar>
9458
9396
  `;
9459
9397
  }
9460
9398
  }
9461
- if (customElements.get('infobar-page') === undefined) {
9462
- customElements.define('infobar-page', InfobarPage);
9399
+ if (customElements.get("breadcrumbs-page") === undefined) {
9400
+ customElements.define("breadcrumbs-page", BreadcrumbsPage);
9463
9401
  }
9464
9402
 
9465
- class BadgePage extends HTMLElement {
9403
+ class ButtonPage extends HTMLElement {
9466
9404
  connectedCallback() {
9467
9405
  this.innerHTML = `
9468
- <h1>Badges</h1>
9469
- <h4>Badges close</h4>
9406
+ <h1>Buttons</h1>
9407
+
9408
+ <h4>Dropdown</h4>
9409
+
9410
+ <gov-layout>
9411
+ <gov-layout-column>
9412
+ <div class="container-view">
9413
+ <gov-dropdown>
9414
+ <gov-button variant="primary" size="s">
9415
+ Více
9416
+ </gov-button>
9417
+ <ul slot="list">
9418
+ <li>
9419
+ <gov-button variant="primary" type="base" size="s">
9420
+ A další nabídka
9421
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9422
+ </gov-button>
9423
+ </li>
9424
+ <li>
9425
+ <gov-button variant="primary" type="base" size="s">
9426
+ A další dlouhá nabídka
9427
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9428
+ </gov-button>
9429
+ </li>
9430
+ <li>
9431
+ <gov-button variant="primary" type="base" size="s">
9432
+ A další
9433
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9434
+ </gov-button>
9435
+ </li>
9436
+ </ul>
9437
+ </gov-dropdown>
9438
+ </div>
9439
+ </gov-layout-column>
9440
+ <gov-layout-column>
9441
+ <div class="container-view">
9442
+ <gov-dropdown position="right">
9443
+ <gov-button variant="primary" size="s">
9444
+ Více
9445
+ </gov-button>
9446
+ <ul slot="list">
9447
+ <li>
9448
+ <gov-button variant="secondary" type="base" size="s">
9449
+ A další nabídka
9450
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9451
+ </gov-button>
9452
+ </li>
9453
+ <li>
9454
+ <gov-button variant="secondary" type="base" size="s">
9455
+ A další dlouhá nabídka
9456
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9457
+ </gov-button>
9458
+ </li>
9459
+ <li>
9460
+ <gov-button variant="secondary" type="base" size="s">
9461
+ A další
9462
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9463
+ </gov-button>
9464
+ </li>
9465
+ </ul>
9466
+ </gov-dropdown>
9467
+ </div>
9468
+ </gov-layout-column>
9469
+ </gov-layout>
9470
+
9471
+ <h4>Buttons - primary (default)</h4>
9472
+
9470
9473
  <div class="container-view">
9471
- <gov-badge variant="primary" size="s" inverse="">
9472
- Not clickable S
9473
- <gov-button slot="right" variant="primary" type="base" wcag-label="Zavřít vše" size="s">
9474
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9474
+ <gov-button variant="primary" size="s" href="http://localhost:3333/button">
9475
+ <gov-icon slot="left-icon" name="info"></gov-icon>
9476
+ Small Primary
9477
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9475
9478
  </gov-button>
9476
- </gov-badge>
9477
- <gov-badge variant="primary" size="s">
9478
- Not clickable S
9479
- <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="s">
9480
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9479
+ <gov-button variant="primary">
9480
+ <gov-icon slot="left-icon" name="info"></gov-icon>
9481
+ Normal Primary
9482
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9481
9483
  </gov-button>
9482
- </gov-badge>
9483
- <gov-badge variant="primary" size="m">
9484
- Not clickable M
9485
- <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="m">
9486
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9484
+ <gov-button variant="primary" size="l">
9485
+ <gov-icon slot="left-icon" name="info"></gov-icon>
9486
+ Large Primary
9487
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9487
9488
  </gov-button>
9488
- </gov-badge>
9489
- <gov-badge variant="primary" size="l">
9490
- Not clickable L
9491
- <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="l">
9492
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9489
+ <gov-button variant="primary" size="xl" disabled>
9490
+ <gov-icon slot="left-icon" name="info"></gov-icon>
9491
+ X-Large Primary
9492
+ <gov-icon slot="right-icon" name="info"></gov-icon>
9493
9493
  </gov-button>
9494
- </gov-badge>
9495
- <gov-badge variant="primary" size="xl">
9496
- Not clickable XL
9497
- <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="xl">
9498
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9494
+ <br><br>
9495
+ <gov-button variant="primary" size="s" href="http://localhost:3333/button" loading="false">
9496
+ Odeslat
9499
9497
  </gov-button>
9500
- </gov-badge>
9501
- </div>
9502
- <h4>Badges close (inversed)</h4>
9503
- <div class="container-view gov-bg--primary-600">
9504
- <gov-badge variant="primary" size="s" inverse>
9505
- Not clickable S
9506
- <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="s">
9507
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9498
+ <gov-button variant="primary" size="s" href="http://localhost:3333/button" loading="1" disabled>
9499
+ Odeslat
9508
9500
  </gov-button>
9509
- </gov-badge>
9510
- <gov-badge variant="primary" size="m" inverse>
9511
- Not clickable M
9512
- <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="m">
9513
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9501
+ <gov-button variant="primary" href="http://localhost:3333/button" loading="0">
9502
+ Odeslat
9514
9503
  </gov-button>
9515
- </gov-badge>
9516
- <gov-badge variant="primary" size="l" inverse>
9517
- Not clickable L
9518
- <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="l">
9519
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9504
+ <gov-button variant="primary" href="http://localhost:3333/button" loading="1" disabled>
9505
+ Odeslat
9520
9506
  </gov-button>
9521
- </gov-badge>
9522
- <gov-badge variant="primary" size="xl" inverse>
9523
- Not clickable XL
9524
- <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="xl">
9525
- <gov-icon slot="right-icon" name="x-lg"></gov-icon>
9507
+ <gov-button variant="primary" size="l" loading="true">
9508
+ <gov-icon slot="left-icon" name="info"></gov-icon>
9509
+ Odeslat
9526
9510
  </gov-button>
9527
- </gov-badge>
9528
- </div>
9529
- <h4>Badges - primary (default)</h4>
9530
- <div class="container-view">
9531
- <gov-badge variant="primary" size="xs">
9532
- Badge
9533
- </gov-badge>
9534
- <gov-badge variant="primary" size="s">
9511
+ <gov-button variant="primary" size="l" loading="true" disabled>
9535
9512
  <gov-icon slot="left-icon" name="info"></gov-icon>
9536
- Not clickable
9537
- <gov-icon slot="right-icon" name="info"></gov-icon>
9538
- </gov-badge>
9539
- <gov-badge variant="primary" href="http://www.example.com/">
9540
- <gov-icon slot="left-icon" name="info"></gov-icon>
9541
- Normal href
9542
- <gov-icon slot="right-icon" name="info"></gov-icon>
9543
- </gov-badge>
9544
- <gov-badge variant="primary" disabled href="http://www.example.com/" target="_blank">
9545
- <gov-icon slot="left-icon" name="info"></gov-icon>
9546
- Disabled with href
9547
- <gov-icon slot="right-icon" name="info"></gov-icon>
9548
- </gov-badge>
9549
- <gov-badge variant="primary" size="l" href="http://www.example.com/">
9550
- <gov-icon slot="left-icon" name="info"></gov-icon>
9551
- Clickable
9552
- <gov-icon slot="right-icon" name="info"></gov-icon>
9553
- </gov-badge>
9554
- <gov-badge variant="primary" size="xl" disabled>
9555
- <gov-icon slot="left-icon" name="info"></gov-icon>
9556
- X-Large Primary
9557
- </gov-badge>
9558
- </div>
9559
- <h4>Badges - primary (inversed)</h4>
9560
- <div class="container-view">
9561
- <gov-badge variant="primary" size="xs" inverse>
9562
- Badge
9563
- </gov-badge>
9564
- <gov-badge variant="primary" size="s" inverse>
9565
- <gov-icon slot="left-icon" name="info"></gov-icon>
9566
- Not clickable
9567
- <gov-icon slot="right-icon" name="info"></gov-icon>
9568
- </gov-badge>
9569
- <gov-badge variant="primary" href="http://www.example.com/" inverse>
9570
- <gov-icon slot="left-icon" name="info"></gov-icon>
9571
- Normal href
9572
- <gov-icon slot="right-icon" name="info"></gov-icon>
9573
- </gov-badge>
9574
- <gov-badge variant="primary" disabled href="http://www.example.com/" target="_blank" inverse>
9575
- <gov-icon slot="left-icon" name="info"></gov-icon>
9576
- Disabled with href
9577
- <gov-icon slot="right-icon" name="info"></gov-icon>
9578
- </gov-badge>
9579
- <gov-badge variant="primary" size="l" href="http://www.example.com/" inverse>
9580
- <gov-icon slot="left-icon" name="info"></gov-icon>
9581
- Clickable
9582
- <gov-icon slot="right-icon" name="info"></gov-icon>
9583
- </gov-badge>
9584
- <gov-badge variant="primary" size="xl" disabled inverse>
9585
- <gov-icon slot="left-icon" name="info"></gov-icon>
9586
- X-Large Primary
9587
- </gov-badge>
9588
- </div>
9589
- <h4>Badges - primary (outlined)</h4>
9590
- <div class="container-view">
9591
- <gov-badge variant="primary" type="outlined" size="xs">
9592
- Badge
9593
- </gov-badge>
9594
- <gov-badge variant="primary" tag="a" type="outlined" size="s">
9595
- <gov-icon slot="left-icon" name="info"></gov-icon>
9596
- Small Primary
9597
- </gov-badge>
9598
- <gov-badge variant="primary" tag="button" type="outlined" disabled>
9599
- <gov-icon slot="left-icon" name="info"></gov-icon>
9600
- Normal Primary
9601
- </gov-badge>
9602
- <gov-badge variant="primary" tag="a" type="outlined" size="l">
9603
- <gov-icon slot="left-icon" name="info"></gov-icon>
9604
- Large Primary
9605
- </gov-badge>
9606
- <gov-badge variant="primary" tag="button" type="outlined" disabled size="xl">
9607
- <gov-icon slot="left-icon" name="info"></gov-icon>
9608
- X-Large Primary
9609
- </gov-badge>
9610
- </div>
9611
- <hr />
9612
-
9613
- <h4>Badges - secondary (default)</h4>
9614
- <div class="container-view">
9615
- <gov-badge variant="secondary" size="xs">
9616
- Badge
9617
- </gov-badge>
9618
- <gov-badge variant="secondary" size="xs" inverse>
9619
- Badge
9620
- </gov-badge>
9621
- <gov-badge variant="secondary" size="s">
9622
- <gov-icon slot="left-icon" name="info"></gov-icon>
9623
- Not clickable
9624
- <gov-icon slot="right-icon" name="info"></gov-icon>
9625
- </gov-badge>
9626
- <gov-badge tag="button" variant="secondary">
9627
- <gov-icon slot="left-icon" name="info"></gov-icon>
9628
- Normal href
9629
- <gov-icon slot="right-icon" name="info"></gov-icon>
9630
- </gov-badge>
9631
- <gov-badge variant="secondary" disabled href="http://www.example.com/">
9632
- <gov-icon slot="left-icon" name="info"></gov-icon>
9633
- Disabled with href
9634
- <gov-icon slot="right-icon" name="info"></gov-icon>
9635
- </gov-badge>
9636
- <gov-badge variant="secondary" size="l" tag="a">
9637
- <gov-icon slot="left-icon" name="info"></gov-icon>
9638
- Clickable
9639
- <gov-icon slot="right-icon" name="info"></gov-icon>
9640
- </gov-badge>
9641
- <gov-badge variant="secondary" size="xl" disabled>
9642
- <gov-icon slot="left-icon" name="info"></gov-icon>
9643
- X-Large secondary
9644
- </gov-badge>
9645
- </div>
9646
- <h4>Badges - secondary (outlined)</h4>
9647
- <div class="container-view">
9648
- <gov-badge variant="secondary" tag="a" type="outlined" size="xs">
9649
- Badge
9650
- </gov-badge>
9651
- <gov-badge variant="secondary" tag="a" type="outlined" size="s">
9652
- <gov-icon slot="left-icon" name="info"></gov-icon>
9653
- Small secondary
9654
- </gov-badge>
9655
- <gov-badge variant="secondary" tag="button" type="outlined" disabled>
9656
- <gov-icon slot="left-icon" name="info"></gov-icon>
9657
- Normal secondary
9658
- </gov-badge>
9659
- <gov-badge variant="secondary" tag="a" type="outlined" size="l">
9660
- <gov-icon slot="left-icon" name="info"></gov-icon>
9661
- Large secondary
9662
- </gov-badge>
9663
- <gov-badge variant="secondary" tag="button" type="outlined" disabled size="xl">
9664
- <gov-icon slot="left-icon" name="info"></gov-icon>
9665
- X-Large secondary
9666
- </gov-badge>
9667
- </div>
9668
- <hr />
9669
-
9670
- <h4>Badges - success (default)</h4>
9671
- <div class="container-view">
9672
- <gov-badge variant="success" size="xs">
9673
- Badge
9674
- </gov-badge>
9675
- <gov-badge variant="success" size="xs" inverse>
9676
- Badge
9677
- </gov-badge>
9678
- <gov-badge variant="success" size="s">
9679
- <gov-icon slot="left-icon" name="info"></gov-icon>
9680
- Not clickable
9681
- <gov-icon slot="right-icon" name="info"></gov-icon>
9682
- </gov-badge>
9683
- <gov-badge tag="button" variant="success">
9684
- <gov-icon slot="left-icon" name="info"></gov-icon>
9685
- Normal href
9686
- <gov-icon slot="right-icon" name="info"></gov-icon>
9687
- </gov-badge>
9688
- <gov-badge variant="success" disabled href="http://www.example.com/">
9689
- <gov-icon slot="left-icon" name="info"></gov-icon>
9690
- Disabled with href
9691
- <gov-icon slot="right-icon" name="info"></gov-icon>
9692
- </gov-badge>
9693
- <gov-badge variant="success" size="l" tag="a">
9694
- <gov-icon slot="left-icon" name="info"></gov-icon>
9695
- Clickable
9696
- <gov-icon slot="right-icon" name="info"></gov-icon>
9697
- </gov-badge>
9698
- <gov-badge variant="success" size="xl" disabled>
9699
- <gov-icon slot="left-icon" name="info"></gov-icon>
9700
- X-Large success
9701
- </gov-badge>
9702
- </div>
9703
- <h4>Badges - success (outlined)</h4>
9704
- <div class="container-view">
9705
- <gov-badge variant="success" tag="a" type="outlined" size="xs">
9706
- Badge
9707
- </gov-badge>
9708
- <gov-badge variant="success" tag="a" type="outlined" size="s">
9709
- <gov-icon slot="left-icon" name="info"></gov-icon>
9710
- Small success
9711
- </gov-badge>
9712
- <gov-badge variant="success" tag="button" type="outlined" disabled>
9713
- <gov-icon slot="left-icon" name="info"></gov-icon>
9714
- Normal success
9715
- </gov-badge>
9716
- <gov-badge variant="success" tag="a" type="outlined" size="l">
9717
- <gov-icon slot="left-icon" name="info"></gov-icon>
9718
- Large success
9719
- </gov-badge>
9720
- <gov-badge variant="success" tag="button" type="outlined" disabled size="xl">
9721
- <gov-icon slot="left-icon" name="info"></gov-icon>
9722
- X-Large success
9723
- </gov-badge>
9724
- </div>
9725
- <hr />
9726
-
9727
- <h4>Badges - warning (default)</h4>
9728
- <div class="container-view">
9729
- <gov-badge variant="warning" size="xs">
9730
- Badge
9731
- </gov-badge>
9732
- <gov-badge variant="warning" size="xs" inverse>
9733
- Badge
9734
- </gov-badge>
9735
- <gov-badge variant="warning" size="s">
9736
- <gov-icon slot="left-icon" name="info"></gov-icon>
9737
- Not clickable
9738
- <gov-icon slot="right-icon" name="info"></gov-icon>
9739
- </gov-badge>
9740
- <gov-badge tag="button" variant="warning">
9741
- <gov-icon slot="left-icon" name="info"></gov-icon>
9742
- Normal href
9743
- <gov-icon slot="right-icon" name="info"></gov-icon>
9744
- </gov-badge>
9745
- <gov-badge variant="warning" disabled href="http://www.example.com/">
9746
- <gov-icon slot="left-icon" name="info"></gov-icon>
9747
- Disabled with href
9748
- <gov-icon slot="right-icon" name="info"></gov-icon>
9749
- </gov-badge>
9750
- <gov-badge variant="warning" size="l" tag="a">
9751
- <gov-icon slot="left-icon" name="info"></gov-icon>
9752
- Clickable
9753
- <gov-icon slot="right-icon" name="info"></gov-icon>
9754
- </gov-badge>
9755
- <gov-badge variant="warning" size="xl" disabled>
9756
- <gov-icon slot="left-icon" name="info"></gov-icon>
9757
- X-Large warning
9758
- </gov-badge>
9759
- </div>
9760
- <h4>Badges - warning (outlined)</h4>
9761
- <div class="container-view">
9762
- <gov-badge variant="warning" tag="a" type="outlined" size="xs">
9763
- Badge
9764
- </gov-badge>
9765
- <gov-badge variant="warning" tag="a" type="outlined" size="s">
9766
- <gov-icon slot="left-icon" name="info"></gov-icon>
9767
- Small warning
9768
- </gov-badge>
9769
- <gov-badge variant="warning" tag="button" type="outlined" disabled>
9770
- <gov-icon slot="left-icon" name="info"></gov-icon>
9771
- Normal warning
9772
- </gov-badge>
9773
- <gov-badge variant="warning" tag="a" type="outlined" size="l">
9774
- <gov-icon slot="left-icon" name="info"></gov-icon>
9775
- Large warning
9776
- </gov-badge>
9777
- <gov-badge variant="warning" tag="button" type="outlined" disabled size="xl">
9778
- <gov-icon slot="left-icon" name="info"></gov-icon>
9779
- X-Large warning
9780
- </gov-badge>
9781
- </div>
9782
- <hr />
9783
-
9784
- <h4>Badges - error (default)</h4>
9785
- <div class="container-view">
9786
- <gov-badge variant="error" size="xs">
9787
- Badge
9788
- </gov-badge>
9789
- <gov-badge variant="error" size="xs" inverse>
9790
- Badge
9791
- </gov-badge>
9792
- <gov-badge variant="error" size="s">
9793
- <gov-icon slot="left-icon" name="info"></gov-icon>
9794
- Not clickable
9795
- <gov-icon slot="right-icon" name="info"></gov-icon>
9796
- </gov-badge>
9797
- <gov-badge tag="button" variant="error">
9798
- <gov-icon slot="left-icon" name="info"></gov-icon>
9799
- Normal href
9800
- <gov-icon slot="right-icon" name="info"></gov-icon>
9801
- </gov-badge>
9802
- <gov-badge variant="error" disabled href="http://www.example.com/">
9803
- <gov-icon slot="left-icon" name="info"></gov-icon>
9804
- Disabled with href
9805
- <gov-icon slot="right-icon" name="info"></gov-icon>
9806
- </gov-badge>
9807
- <gov-badge variant="error" size="l" href="http://www.example.com/">
9808
- <gov-icon slot="left-icon" name="info"></gov-icon>
9809
- Clickable
9810
- <gov-icon slot="right-icon" name="info"></gov-icon>
9811
- </gov-badge>
9812
- <gov-badge variant="error" size="xl" disabled>
9813
- <gov-icon slot="left-icon" name="info"></gov-icon>
9814
- X-Large error
9815
- </gov-badge>
9816
- </div>
9817
- <h4>Badges - error (outlined)</h4>
9818
- <div class="container-view">
9819
- <gov-badge variant="error" tag="a" type="outlined" size="xs">
9820
- Badge
9821
- </gov-badge>
9822
- <gov-badge variant="error" tag="a" type="outlined" size="s">
9823
- <gov-icon slot="left-icon" name="info"></gov-icon>
9824
- Small error
9825
- </gov-badge>
9826
- <gov-badge variant="error" tag="button" type="outlined" disabled>
9827
- <gov-icon slot="left-icon" name="info"></gov-icon>
9828
- Normal error
9829
- </gov-badge>
9830
- <gov-badge variant="error" tag="a" type="outlined" size="l">
9831
- <gov-icon slot="left-icon" name="info"></gov-icon>
9832
- Large error
9833
- </gov-badge>
9834
- <gov-badge variant="error" tag="button" type="outlined" disabled size="xl">
9835
- <gov-icon slot="left-icon" name="info"></gov-icon>
9836
- X-Large error
9837
- </gov-badge>
9838
- </div>
9839
- `;
9840
- }
9841
- }
9842
- if (customElements.get('badge-page') === undefined) {
9843
- customElements.define('badge-page', BadgePage);
9844
- }
9845
-
9846
- class BreadcrumbsPage extends HTMLElement {
9847
- connectedCallback() {
9848
- this.innerHTML = `
9849
- <h2>Breadcrumbs</h2>
9850
-
9851
- <gov-breadcrumbs wcag-label="Drobečková navigace pro stránku Czech POINT">
9852
- <ul>
9853
- <li>
9854
- <button>
9855
- Domů
9856
- </button>
9857
- </li>
9858
- <li>
9859
- <gov-icon name="chevron-right"></gov-icon>
9860
- <a href="#">Kam dál</a>
9861
- </li>
9862
- <li>
9863
- <gov-icon name="chevron-right"></gov-icon>
9864
- <a href="#">
9865
- Český eGovernment
9866
- </a>
9867
- </li>
9868
- <li>
9869
- <gov-icon name="chevron-right"></gov-icon>
9870
- <strong>Czech POINT</strong>
9871
- </li>
9872
- </ul>
9873
- </gov-breadcrumbs>
9874
-
9875
- `;
9876
- }
9877
- }
9878
- if (customElements.get("breadcrumbs-page") === undefined) {
9879
- customElements.define("breadcrumbs-page", BreadcrumbsPage);
9880
- }
9881
-
9882
- class ButtonPage extends HTMLElement {
9883
- connectedCallback() {
9884
- this.innerHTML = `
9885
- <h1>Buttons</h1>
9886
-
9887
- <h4>Dropdown</h4>
9888
-
9889
- <gov-layout>
9890
- <gov-layout-column>
9891
- <div class="container-view">
9892
- <gov-dropdown>
9893
- <gov-button variant="primary" size="s">
9894
- Více
9895
- </gov-button>
9896
- <ul slot="list">
9897
- <li>
9898
- <gov-button variant="primary" type="base" size="s">
9899
- A další nabídka
9900
- <gov-icon slot="right-icon" name="info"></gov-icon>
9901
- </gov-button>
9902
- </li>
9903
- <li>
9904
- <gov-button variant="primary" type="base" size="s">
9905
- A další dlouhá nabídka
9906
- <gov-icon slot="right-icon" name="info"></gov-icon>
9907
- </gov-button>
9908
- </li>
9909
- <li>
9910
- <gov-button variant="primary" type="base" size="s">
9911
- A další
9912
- <gov-icon slot="right-icon" name="info"></gov-icon>
9913
- </gov-button>
9914
- </li>
9915
- </ul>
9916
- </gov-dropdown>
9917
- </div>
9918
- </gov-layout-column>
9919
- <gov-layout-column>
9920
- <div class="container-view">
9921
- <gov-dropdown position="right">
9922
- <gov-button variant="primary" size="s">
9923
- Více
9924
- </gov-button>
9925
- <ul slot="list">
9926
- <li>
9927
- <gov-button variant="secondary" type="base" size="s">
9928
- A další nabídka
9929
- <gov-icon slot="right-icon" name="info"></gov-icon>
9930
- </gov-button>
9931
- </li>
9932
- <li>
9933
- <gov-button variant="secondary" type="base" size="s">
9934
- A další dlouhá nabídka
9935
- <gov-icon slot="right-icon" name="info"></gov-icon>
9936
- </gov-button>
9937
- </li>
9938
- <li>
9939
- <gov-button variant="secondary" type="base" size="s">
9940
- A další
9941
- <gov-icon slot="right-icon" name="info"></gov-icon>
9942
- </gov-button>
9943
- </li>
9944
- </ul>
9945
- </gov-dropdown>
9946
- </div>
9947
- </gov-layout-column>
9948
- </gov-layout>
9949
-
9950
- <h4>Buttons - primary (default)</h4>
9951
-
9952
- <div class="container-view">
9953
- <gov-button variant="primary" size="s" href="http://localhost:3333/button">
9954
- <gov-icon slot="left-icon" name="info"></gov-icon>
9955
- Small Primary
9956
- <gov-icon slot="right-icon" name="info"></gov-icon>
9957
- </gov-button>
9958
- <gov-button variant="primary">
9959
- <gov-icon slot="left-icon" name="info"></gov-icon>
9960
- Normal Primary
9961
- <gov-icon slot="right-icon" name="info"></gov-icon>
9962
- </gov-button>
9963
- <gov-button variant="primary" size="l">
9964
- <gov-icon slot="left-icon" name="info"></gov-icon>
9965
- Large Primary
9966
- <gov-icon slot="right-icon" name="info"></gov-icon>
9967
- </gov-button>
9968
- <gov-button variant="primary" size="xl" disabled>
9969
- <gov-icon slot="left-icon" name="info"></gov-icon>
9970
- X-Large Primary
9971
- <gov-icon slot="right-icon" name="info"></gov-icon>
9972
- </gov-button>
9973
- <br><br>
9974
- <gov-button variant="primary" size="s" href="http://localhost:3333/button" loading="false">
9975
- Odeslat
9976
- </gov-button>
9977
- <gov-button variant="primary" size="s" href="http://localhost:3333/button" loading="1" disabled>
9978
- Odeslat
9979
- </gov-button>
9980
- <gov-button variant="primary" href="http://localhost:3333/button" loading="0">
9981
- Odeslat
9982
- </gov-button>
9983
- <gov-button variant="primary" href="http://localhost:3333/button" loading="1" disabled>
9984
- Odeslat
9985
- </gov-button>
9986
- <gov-button variant="primary" size="l" loading="true">
9987
- <gov-icon slot="left-icon" name="info"></gov-icon>
9988
- Odeslat
9989
- </gov-button>
9990
- <gov-button variant="primary" size="l" loading="true" disabled>
9991
- <gov-icon slot="left-icon" name="info"></gov-icon>
9992
- Odeslat
9993
- </gov-button>
9994
- <gov-button variant="primary" size="xl" loading="false">
9995
- Odeslat
9513
+ Odeslat
9514
+ </gov-button>
9515
+ <gov-button variant="primary" size="xl" loading="false">
9516
+ Odeslat
9996
9517
  <gov-icon slot="right-icon" name="info"></gov-icon>
9997
9518
  </gov-button>
9998
9519
  <gov-button variant="primary" size="xl" loading="true" disabled>
@@ -11251,78 +10772,459 @@ class CardPage extends HTMLElement {
11251
10772
  </div>
11252
10773
  </gov-card>
11253
10774
  </div>
11254
- <br>
11255
- <gov-card label="Fusce tellus odio, dapibus id fermentum quis">
11256
- <p class="gov-color--secondary-700">
11257
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.
11258
- </p>
11259
- <gov-button variant="primary" size="s" href="http://localhost:3333/button">
11260
- Button
11261
- </gov-button>
11262
- <p slot="footer" color="gov-color--primary-700">
11263
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.
11264
- </p>
11265
- </gov-card>
11266
- <h3>Image slot</h3>
11267
- <gov-card expanded>
11268
- <img slot="img" src="https://picsum.photos/536/354" src="" alt="Obárzek" width="536" height="354">
11269
- <p class="gov-text--l gov-color--secondary-800">
11270
- <b>
11271
- Commodo consequat.
11272
- </b>
11273
- </p>
11274
- <p class="gov-color--secondary-700">
11275
- Commodo consequat. Nullam rhoncus aliquam metus.
11276
- </p>
11277
- <p class="gov-color--secondary-700">
11278
- <a href="#">Chci vědět více</a>
11279
- </p>
11280
- </gov-card>
11281
- <h3>Shadow variant</h3>
11282
- <gov-card expanded class="gov-box-shadow--m">
11283
- <img slot="img" src="https://picsum.photos/536/354" src="" alt="Obárzek" width="536" height="354">
11284
- <p class="gov-text--l gov-color--secondary-800">
11285
- <b>
11286
- Commodo consequat.
11287
- </b>
11288
- </p>
11289
- <p class="gov-color--secondary-700">
11290
- Commodo consequat. Nullam rhoncus aliquam metus.
11291
- </p>
11292
- <gov-button variant="primary" size="s" href="http://localhost:3333/button">
11293
- Jak založit
11294
- </gov-button>
11295
- <gov-button variant="primary" type="outlined" size="s" href="http://localhost:3333/button">
11296
- Zjistit více
11297
- </gov-button>
11298
- </gov-card>
11299
- <h3>With icon</h3>
11300
- <gov-card>
11301
- <gov-icon name="car" type="complex"></gov-icon>
11302
- <p class="gov-color--secondary-700">
11303
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.
11304
- </p>
11305
- <gov-button variant="primary" type="outlined" size="s" href="http://localhost:3333/button">
11306
- Learn more
11307
- </gov-button>
11308
- </gov-card>
11309
- <h3>Horizontal orientation</h3>
11310
- <gov-card promotion>
11311
- <gov-icon slot="icon" name="car" type="complex"></gov-icon>
11312
- <p class="gov-color--secondary-700">
11313
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.
11314
- </p>
11315
- <gov-button slot="btn" variant="primary" type="outlined" size="s" href="http://localhost:3333/button">
11316
- Learn more
11317
- </gov-button>
11318
- </gov-card>
11319
- </div>
10775
+ <br>
10776
+ <gov-card label="Fusce tellus odio, dapibus id fermentum quis">
10777
+ <p class="gov-color--secondary-700">
10778
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.
10779
+ </p>
10780
+ <gov-button variant="primary" size="s" href="http://localhost:3333/button">
10781
+ Button
10782
+ </gov-button>
10783
+ <p slot="footer" color="gov-color--primary-700">
10784
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.
10785
+ </p>
10786
+ </gov-card>
10787
+ <h3>Image slot</h3>
10788
+ <gov-card expanded>
10789
+ <img slot="img" src="https://picsum.photos/536/354" src="" alt="Obárzek" width="536" height="354">
10790
+ <p class="gov-text--l gov-color--secondary-800">
10791
+ <b>
10792
+ Commodo consequat.
10793
+ </b>
10794
+ </p>
10795
+ <p class="gov-color--secondary-700">
10796
+ Commodo consequat. Nullam rhoncus aliquam metus.
10797
+ </p>
10798
+ <p class="gov-color--secondary-700">
10799
+ <a href="#">Chci vědět více</a>
10800
+ </p>
10801
+ </gov-card>
10802
+ <h3>Shadow variant</h3>
10803
+ <gov-card expanded class="gov-box-shadow--m">
10804
+ <img slot="img" src="https://picsum.photos/536/354" src="" alt="Obárzek" width="536" height="354">
10805
+ <p class="gov-text--l gov-color--secondary-800">
10806
+ <b>
10807
+ Commodo consequat.
10808
+ </b>
10809
+ </p>
10810
+ <p class="gov-color--secondary-700">
10811
+ Commodo consequat. Nullam rhoncus aliquam metus.
10812
+ </p>
10813
+ <gov-button variant="primary" size="s" href="http://localhost:3333/button">
10814
+ Jak založit
10815
+ </gov-button>
10816
+ <gov-button variant="primary" type="outlined" size="s" href="http://localhost:3333/button">
10817
+ Zjistit více
10818
+ </gov-button>
10819
+ </gov-card>
10820
+ <h3>With icon</h3>
10821
+ <gov-card>
10822
+ <gov-icon name="car" type="complex"></gov-icon>
10823
+ <p class="gov-color--secondary-700">
10824
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.
10825
+ </p>
10826
+ <gov-button variant="primary" type="outlined" size="s" href="http://localhost:3333/button">
10827
+ Learn more
10828
+ </gov-button>
10829
+ </gov-card>
10830
+ <h3>Horizontal orientation</h3>
10831
+ <gov-card promotion>
10832
+ <gov-icon slot="icon" name="car" type="complex"></gov-icon>
10833
+ <p class="gov-color--secondary-700">
10834
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.
10835
+ </p>
10836
+ <gov-button slot="btn" variant="primary" type="outlined" size="s" href="http://localhost:3333/button">
10837
+ Learn more
10838
+ </gov-button>
10839
+ </gov-card>
10840
+ </div>
10841
+
10842
+ `;
10843
+ }
10844
+ }
10845
+ if (customElements.get('card-page') === undefined) {
10846
+ customElements.define('card-page', CardPage);
10847
+ }
10848
+
10849
+ class ChipPage extends HTMLElement {
10850
+ connectedCallback() {
10851
+ this.innerHTML = `
10852
+ <h1>Chips</h1>
10853
+ <h4>Chips close</h4>
10854
+ <div class="container-view">
10855
+ <gov-chip variant="primary" size="s" inverse="">
10856
+ Not clickable S
10857
+ <gov-button slot="right" variant="primary" type="base" wcag-label="Zavřít vše" size="s">
10858
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10859
+ </gov-button>
10860
+ </gov-chip>
10861
+ <gov-chip variant="primary" size="s">
10862
+ Not clickable S
10863
+ <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="s">
10864
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10865
+ </gov-button>
10866
+ </gov-chip>
10867
+ <gov-chip variant="primary" size="m">
10868
+ Not clickable M
10869
+ <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="m">
10870
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10871
+ </gov-button>
10872
+ </gov-chip>
10873
+ <gov-chip variant="primary" size="l">
10874
+ Not clickable L
10875
+ <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="l">
10876
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10877
+ </gov-button>
10878
+ </gov-chip>
10879
+ <gov-chip variant="primary" size="xl">
10880
+ Not clickable XL
10881
+ <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="xl">
10882
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10883
+ </gov-button>
10884
+ </gov-chip>
10885
+ </div>
10886
+ <h4>Chips close (inversed)</h4>
10887
+ <div class="container-view gov-bg--primary-600">
10888
+ <gov-chip variant="primary" size="s" inverse>
10889
+ Not clickable S
10890
+ <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="s">
10891
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10892
+ </gov-button>
10893
+ </gov-chip>
10894
+ <gov-chip variant="primary" size="m" inverse>
10895
+ Not clickable M
10896
+ <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="m">
10897
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10898
+ </gov-button>
10899
+ </gov-chip>
10900
+ <gov-chip variant="primary" size="l" inverse>
10901
+ Not clickable L
10902
+ <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="l">
10903
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10904
+ </gov-button>
10905
+ </gov-chip>
10906
+ <gov-chip variant="primary" size="xl" inverse>
10907
+ Not clickable XL
10908
+ <gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="xl">
10909
+ <gov-icon slot="right-icon" name="x-lg"></gov-icon>
10910
+ </gov-button>
10911
+ </gov-chip>
10912
+ </div>
10913
+ <h4>Chips - primary (default)</h4>
10914
+ <div class="container-view">
10915
+ <gov-chip variant="primary" size="xs">
10916
+ Chip
10917
+ </gov-chip>
10918
+ <gov-chip variant="primary" size="s">
10919
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10920
+ Not clickable
10921
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10922
+ </gov-chip>
10923
+ <gov-chip variant="primary" href="http://www.example.com/">
10924
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10925
+ Normal href
10926
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10927
+ </gov-chip>
10928
+ <gov-chip variant="primary" disabled href="http://www.example.com/" target="_blank">
10929
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10930
+ Disabled with href
10931
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10932
+ </gov-chip>
10933
+ <gov-chip variant="primary" size="l" href="http://www.example.com/">
10934
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10935
+ Clickable
10936
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10937
+ </gov-chip>
10938
+ <gov-chip variant="primary" size="xl" disabled>
10939
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10940
+ X-Large Primary
10941
+ </gov-chip>
10942
+ </div>
10943
+ <h4>Chips - primary (inversed)</h4>
10944
+ <div class="container-view">
10945
+ <gov-chip variant="primary" size="xs" inverse>
10946
+ Chip
10947
+ </gov-chip>
10948
+ <gov-chip variant="primary" size="s" inverse>
10949
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10950
+ Not clickable
10951
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10952
+ </gov-chip>
10953
+ <gov-chip variant="primary" href="http://www.example.com/" inverse>
10954
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10955
+ Normal href
10956
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10957
+ </gov-chip>
10958
+ <gov-chip variant="primary" disabled href="http://www.example.com/" target="_blank" inverse>
10959
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10960
+ Disabled with href
10961
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10962
+ </gov-chip>
10963
+ <gov-chip variant="primary" size="l" href="http://www.example.com/" inverse>
10964
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10965
+ Clickable
10966
+ <gov-icon slot="right-icon" name="info"></gov-icon>
10967
+ </gov-chip>
10968
+ <gov-chip variant="primary" size="xl" disabled inverse>
10969
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10970
+ X-Large Primary
10971
+ </gov-chip>
10972
+ </div>
10973
+ <h4>Chips - primary (outlined)</h4>
10974
+ <div class="container-view">
10975
+ <gov-chip variant="primary" type="outlined" size="xs">
10976
+ Chip
10977
+ </gov-chip>
10978
+ <gov-chip variant="primary" tag="a" type="outlined" size="s">
10979
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10980
+ Small Primary
10981
+ </gov-chip>
10982
+ <gov-chip variant="primary" tag="button" type="outlined" disabled>
10983
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10984
+ Normal Primary
10985
+ </gov-chip>
10986
+ <gov-chip variant="primary" tag="a" type="outlined" size="l">
10987
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10988
+ Large Primary
10989
+ </gov-chip>
10990
+ <gov-chip variant="primary" tag="button" type="outlined" disabled size="xl">
10991
+ <gov-icon slot="left-icon" name="info"></gov-icon>
10992
+ X-Large Primary
10993
+ </gov-chip>
10994
+ </div>
10995
+ <hr />
10996
+
10997
+ <h4>Chips - secondary (default)</h4>
10998
+ <div class="container-view">
10999
+ <gov-chip variant="secondary" size="xs">
11000
+ Chip
11001
+ </gov-chip>
11002
+ <gov-chip variant="secondary" size="xs" inverse>
11003
+ Chip
11004
+ </gov-chip>
11005
+ <gov-chip variant="secondary" size="s">
11006
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11007
+ Not clickable
11008
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11009
+ </gov-chip>
11010
+ <gov-chip tag="button" variant="secondary">
11011
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11012
+ Normal href
11013
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11014
+ </gov-chip>
11015
+ <gov-chip variant="secondary" disabled href="http://www.example.com/">
11016
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11017
+ Disabled with href
11018
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11019
+ </gov-chip>
11020
+ <gov-chip variant="secondary" size="l" tag="a">
11021
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11022
+ Clickable
11023
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11024
+ </gov-chip>
11025
+ <gov-chip variant="secondary" size="xl" disabled>
11026
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11027
+ X-Large secondary
11028
+ </gov-chip>
11029
+ </div>
11030
+ <h4>Chips - secondary (outlined)</h4>
11031
+ <div class="container-view">
11032
+ <gov-chip variant="secondary" tag="a" type="outlined" size="xs">
11033
+ Chip
11034
+ </gov-chip>
11035
+ <gov-chip variant="secondary" tag="a" type="outlined" size="s">
11036
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11037
+ Small secondary
11038
+ </gov-chip>
11039
+ <gov-chip variant="secondary" tag="button" type="outlined" disabled>
11040
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11041
+ Normal secondary
11042
+ </gov-chip>
11043
+ <gov-chip variant="secondary" tag="a" type="outlined" size="l">
11044
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11045
+ Large secondary
11046
+ </gov-chip>
11047
+ <gov-chip variant="secondary" tag="button" type="outlined" disabled size="xl">
11048
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11049
+ X-Large secondary
11050
+ </gov-chip>
11051
+ </div>
11052
+ <hr />
11053
+
11054
+ <h4>Chips - success (default)</h4>
11055
+ <div class="container-view">
11056
+ <gov-chip variant="success" size="xs">
11057
+ Chip
11058
+ </gov-chip>
11059
+ <gov-chip variant="success" size="xs" inverse>
11060
+ Chip
11061
+ </gov-chip>
11062
+ <gov-chip variant="success" size="s">
11063
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11064
+ Not clickable
11065
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11066
+ </gov-chip>
11067
+ <gov-chip tag="button" variant="success">
11068
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11069
+ Normal href
11070
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11071
+ </gov-chip>
11072
+ <gov-chip variant="success" disabled href="http://www.example.com/">
11073
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11074
+ Disabled with href
11075
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11076
+ </gov-chip>
11077
+ <gov-chip variant="success" size="l" tag="a">
11078
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11079
+ Clickable
11080
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11081
+ </gov-chip>
11082
+ <gov-chip variant="success" size="xl" disabled>
11083
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11084
+ X-Large success
11085
+ </gov-chip>
11086
+ </div>
11087
+ <h4>Chips - success (outlined)</h4>
11088
+ <div class="container-view">
11089
+ <gov-chip variant="success" tag="a" type="outlined" size="xs">
11090
+ Chip
11091
+ </gov-chip>
11092
+ <gov-chip variant="success" tag="a" type="outlined" size="s">
11093
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11094
+ Small success
11095
+ </gov-chip>
11096
+ <gov-chip variant="success" tag="button" type="outlined" disabled>
11097
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11098
+ Normal success
11099
+ </gov-chip>
11100
+ <gov-chip variant="success" tag="a" type="outlined" size="l">
11101
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11102
+ Large success
11103
+ </gov-chip>
11104
+ <gov-chip variant="success" tag="button" type="outlined" disabled size="xl">
11105
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11106
+ X-Large success
11107
+ </gov-chip>
11108
+ </div>
11109
+ <hr />
11110
+
11111
+ <h4>Chips - warning (default)</h4>
11112
+ <div class="container-view">
11113
+ <gov-chip variant="warning" size="xs">
11114
+ Chip
11115
+ </gov-chip>
11116
+ <gov-chip variant="warning" size="xs" inverse>
11117
+ Chip
11118
+ </gov-chip>
11119
+ <gov-chip variant="warning" size="s">
11120
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11121
+ Not clickable
11122
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11123
+ </gov-chip>
11124
+ <gov-chip tag="button" variant="warning">
11125
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11126
+ Normal href
11127
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11128
+ </gov-chip>
11129
+ <gov-chip variant="warning" disabled href="http://www.example.com/">
11130
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11131
+ Disabled with href
11132
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11133
+ </gov-chip>
11134
+ <gov-chip variant="warning" size="l" tag="a">
11135
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11136
+ Clickable
11137
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11138
+ </gov-chip>
11139
+ <gov-chip variant="warning" size="xl" disabled>
11140
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11141
+ X-Large warning
11142
+ </gov-chip>
11143
+ </div>
11144
+ <h4>Chips - warning (outlined)</h4>
11145
+ <div class="container-view">
11146
+ <gov-chip variant="warning" tag="a" type="outlined" size="xs">
11147
+ Chip
11148
+ </gov-chip>
11149
+ <gov-chip variant="warning" tag="a" type="outlined" size="s">
11150
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11151
+ Small warning
11152
+ </gov-chip>
11153
+ <gov-chip variant="warning" tag="button" type="outlined" disabled>
11154
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11155
+ Normal warning
11156
+ </gov-chip>
11157
+ <gov-chip variant="warning" tag="a" type="outlined" size="l">
11158
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11159
+ Large warning
11160
+ </gov-chip>
11161
+ <gov-chip variant="warning" tag="button" type="outlined" disabled size="xl">
11162
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11163
+ X-Large warning
11164
+ </gov-chip>
11165
+ </div>
11166
+ <hr />
11320
11167
 
11168
+ <h4>Chips - error (default)</h4>
11169
+ <div class="container-view">
11170
+ <gov-chip variant="error" size="xs">
11171
+ Chip
11172
+ </gov-chip>
11173
+ <gov-chip variant="error" size="xs" inverse>
11174
+ Chip
11175
+ </gov-chip>
11176
+ <gov-chip variant="error" size="s">
11177
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11178
+ Not clickable
11179
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11180
+ </gov-chip>
11181
+ <gov-chip tag="button" variant="error">
11182
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11183
+ Normal href
11184
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11185
+ </gov-chip>
11186
+ <gov-chip variant="error" disabled href="http://www.example.com/">
11187
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11188
+ Disabled with href
11189
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11190
+ </gov-chip>
11191
+ <gov-chip variant="error" size="l" href="http://www.example.com/">
11192
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11193
+ Clickable
11194
+ <gov-icon slot="right-icon" name="info"></gov-icon>
11195
+ </gov-chip>
11196
+ <gov-chip variant="error" size="xl" disabled>
11197
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11198
+ X-Large error
11199
+ </gov-chip>
11200
+ </div>
11201
+ <h4>Chips - error (outlined)</h4>
11202
+ <div class="container-view">
11203
+ <gov-chip variant="error" tag="a" type="outlined" size="xs">
11204
+ Chip
11205
+ </gov-chip>
11206
+ <gov-chip variant="error" tag="a" type="outlined" size="s">
11207
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11208
+ Small error
11209
+ </gov-chip>
11210
+ <gov-chip variant="error" tag="button" type="outlined" disabled>
11211
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11212
+ Normal error
11213
+ </gov-chip>
11214
+ <gov-chip variant="error" tag="a" type="outlined" size="l">
11215
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11216
+ Large error
11217
+ </gov-chip>
11218
+ <gov-chip variant="error" tag="button" type="outlined" disabled size="xl">
11219
+ <gov-icon slot="left-icon" name="info"></gov-icon>
11220
+ X-Large error
11221
+ </gov-chip>
11222
+ </div>
11321
11223
  `;
11322
11224
  }
11323
11225
  }
11324
- if (customElements.get('card-page') === undefined) {
11325
- customElements.define('card-page', CardPage);
11226
+ if (customElements.get('chip-page') === undefined) {
11227
+ customElements.define('chip-page', ChipPage);
11326
11228
  }
11327
11229
 
11328
11230
  class ContainerPage extends HTMLElement {
@@ -11760,6 +11662,7 @@ class FormsPage extends HTMLElement {
11760
11662
  connectedCallback() {
11761
11663
  (() => {
11762
11664
  setTimeout(() => {
11665
+ const moja = document.getElementById('moja');
11763
11666
  const da = document.getElementById('test-me-ujo');
11764
11667
  const po = document.getElementById('bagr');
11765
11668
  const ba = document.getElementById('ba');
@@ -11796,9 +11699,31 @@ class FormsPage extends HTMLElement {
11796
11699
  });
11797
11700
  });
11798
11701
  }
11702
+ if (moja) {
11703
+ moja.setOptions([{ value: 'd', label: 'Value D' }, { value: 'e', label: 'Value E' }, {
11704
+ value: 'f',
11705
+ label: 'Value F',
11706
+ disabled: true
11707
+ }]);
11708
+ setTimeout(() => {
11709
+ moja.value = 'h';
11710
+ moja.setOptions([{ value: 'g', label: 'Value G' }, { value: 'h', label: 'Value H' }, {
11711
+ value: 'i',
11712
+ label: 'Value I',
11713
+ }]);
11714
+ }, 2000);
11715
+ }
11799
11716
  }, 1000);
11800
11717
  })();
11801
11718
  this.innerHTML = `
11719
+
11720
+ <gov-form-control>
11721
+ <gov-form-label size="m" slot="top">Souhlasím</gov-form-label>
11722
+ <gov-form-group>
11723
+ <gov-form-select value="e" name="test-me" size="xl" id="moja">
11724
+ </gov-form-select>
11725
+ </gov-form-group>
11726
+ </gov-form-control>
11802
11727
  <h2>
11803
11728
  Samostatné použití
11804
11729
  </h2>
@@ -13337,69 +13262,174 @@ class GridPage extends HTMLElement {
13337
13262
  <gov-grid-item size="4/12"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>
13338
13263
  </gov-grid>
13339
13264
  <br>
13340
- <gov-grid align-y="center">
13341
- <gov-grid-item size="4/12"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>
13342
- </gov-grid>
13265
+ <gov-grid align-y="center">
13266
+ <gov-grid-item size="4/12"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>
13267
+ </gov-grid>
13268
+ <br>
13269
+ <gov-grid align-y="right">
13270
+ <gov-grid-item size="4/12"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>
13271
+ </gov-grid>
13272
+ `;
13273
+ }
13274
+ }
13275
+ if (customElements.get('grid-page') === undefined) {
13276
+ customElements.define('grid-page', GridPage);
13277
+ }
13278
+
13279
+ class HomePage extends HTMLElement {
13280
+ connectedCallback() {
13281
+ this.innerHTML = `
13282
+ <form style="padding: 20px;">
13283
+ <gov-form-label legend>
13284
+ Form Label legend
13285
+ </gov-form-label>
13286
+ <gov-form-control type="input">
13287
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13288
+ <gov-form-group>
13289
+ <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13290
+ </gov-form-group>
13291
+ </gov-form-control>
13292
+ <br><br>
13293
+ <legend>Legend</legend>
13294
+ <gov-form-control type="input">
13295
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13296
+ <gov-form-group>
13297
+ <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13298
+ </gov-form-group>
13299
+ </gov-form-control>
13300
+ <br><br>
13301
+ <gov-form-control type="input" fieldset>
13302
+ <gov-form-label size="s" slot="top">Form control fieldset</gov-form-label>
13303
+ <gov-form-group>
13304
+ <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13305
+ </gov-form-group>
13306
+ </gov-form-control>
13307
+ <br><br>
13308
+ <fieldset>
13309
+ <gov-form-label size="s" slot="top">Fieldset</gov-form-label>
13310
+ <gov-form-group>
13311
+ <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13312
+ </gov-form-group>
13313
+ </fieldset>
13314
+ <br><br>
13315
+ <fieldset>
13316
+ <legend>Fieldset & Legend</legend>
13317
+ <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13318
+ <gov-form-group>
13319
+ <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13320
+ </gov-form-group>
13321
+ </fieldset>
13322
+ </form>
13323
+ `;
13324
+ }
13325
+ }
13326
+ if (customElements.get('home-page') === undefined) {
13327
+ customElements.define('home-page', HomePage);
13328
+ }
13329
+
13330
+ class InfobarPage extends HTMLElement {
13331
+ connectedCallback() {
13332
+ this.innerHTML = `
13333
+ <h2>Infobar</h2>
13334
+
13335
+ <div class="gov-bg--secondary-800">
13336
+ <gov-container>
13337
+ <gov-infobar variant="secondary" headline="Tohle bude super nadpis pro všechno" closable>
13338
+ <gov-icon name="info" slot="icon"></gov-icon>
13339
+ <p>
13340
+ Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13341
+ </p>
13342
+ </gov-infobar>
13343
+ </gov-container>
13344
+ </div>
13345
+
13346
+ <br/>
13347
+
13348
+ <gov-infobar variant="secondary" headline="Tohle bude super nadpis pro všechno" closable>
13349
+ <gov-icon name="info" slot="icon"></gov-icon>
13350
+ <p>
13351
+ Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13352
+ </p>
13353
+ </gov-infobar>
13354
+
13355
+
13356
+ <br>
13357
+ <gov-infobar variant="secondary">
13358
+ <gov-icon name="info" slot="icon"></gov-icon>
13359
+ <p>
13360
+ Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13361
+ </p>
13362
+ </gov-infobar>
13363
+ <br>
13364
+ <gov-infobar variant="warning" closable>
13365
+ <gov-icon name="info" slot="icon"></gov-icon>
13366
+ <p>
13367
+ Warning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13368
+ </p>
13369
+ </gov-infobar>
13370
+ <br>
13371
+ <gov-infobar variant="error" closable>
13372
+ <gov-icon name="info" slot="icon"></gov-icon>
13373
+ <p>
13374
+ Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13375
+ </p>
13376
+ </gov-infobar>
13377
+ <br>
13378
+ <gov-infobar variant="success" closable>
13379
+ <gov-icon name="info" slot="icon"></gov-icon>
13380
+ <p>
13381
+ Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13382
+ </p>
13383
+ </gov-infobar>
13384
+ <br>
13385
+ <gov-infobar variant="primary" closable>
13386
+ <gov-icon name="info" slot="icon"></gov-icon>
13387
+ <p>
13388
+ Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13389
+ </p>
13390
+ </gov-infobar>
13391
+
13392
+ <h3>Inverse</h3>
13393
+ <br>
13394
+ <gov-infobar inverse="TRUE" variant="secondary" closable>
13395
+ <gov-icon name="info" slot="icon"></gov-icon>
13396
+ <p>
13397
+ Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13398
+ </p>
13399
+ </gov-infobar>
13400
+ <br>
13401
+ <gov-infobar inverse="True" variant="warning" closable>
13402
+ <gov-icon name="info" slot="icon"></gov-icon>
13403
+ <p>
13404
+ Warning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13405
+ </p>
13406
+ </gov-infobar>
13407
+ <br>
13408
+ <gov-infobar inverse="1" variant="error" closable>
13409
+ <gov-icon name="info" slot="icon"></gov-icon>
13410
+ <p>
13411
+ Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13412
+ </p>
13413
+ </gov-infobar>
13343
13414
  <br>
13344
- <gov-grid align-y="right">
13345
- <gov-grid-item size="4/12"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>
13346
- </gov-grid>
13347
- `;
13348
- }
13349
- }
13350
- if (customElements.get('grid-page') === undefined) {
13351
- customElements.define('grid-page', GridPage);
13352
- }
13353
-
13354
- class HomePage extends HTMLElement {
13355
- connectedCallback() {
13356
- this.innerHTML = `
13357
- <form style="padding: 20px;">
13358
- <gov-form-label legend>
13359
- Form Label legend
13360
- </gov-form-label>
13361
- <gov-form-control type="input">
13362
- <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13363
- <gov-form-group>
13364
- <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13365
- </gov-form-group>
13366
- </gov-form-control>
13367
- <br><br>
13368
- <legend>Legend</legend>
13369
- <gov-form-control type="input">
13370
- <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13371
- <gov-form-group>
13372
- <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13373
- </gov-form-group>
13374
- </gov-form-control>
13375
- <br><br>
13376
- <gov-form-control type="input" fieldset>
13377
- <gov-form-label size="s" slot="top">Form control fieldset</gov-form-label>
13378
- <gov-form-group>
13379
- <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13380
- </gov-form-group>
13381
- </gov-form-control>
13382
- <br><br>
13383
- <fieldset>
13384
- <gov-form-label size="s" slot="top">Fieldset</gov-form-label>
13385
- <gov-form-group>
13386
- <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13387
- </gov-form-group>
13388
- </fieldset>
13389
- <br><br>
13390
- <fieldset>
13391
- <legend>Fieldset & Legend</legend>
13392
- <gov-form-label size="s" slot="top">Label of input</gov-form-label>
13393
- <gov-form-group>
13394
- <gov-form-input type="number" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
13395
- </gov-form-group>
13396
- </fieldset>
13397
- </form>
13415
+ <gov-infobar inverse="true" variant="success" closable>
13416
+ <gov-icon name="info" slot="icon"></gov-icon>
13417
+ <p>
13418
+ Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13419
+ </p>
13420
+ </gov-infobar>
13421
+ <br>
13422
+ <gov-infobar inverse="true" variant="primary" closable>
13423
+ <gov-icon name="info" slot="icon"></gov-icon>
13424
+ <p>
13425
+ Error - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
13426
+ </p>
13427
+ </gov-infobar>
13398
13428
  `;
13399
13429
  }
13400
13430
  }
13401
- if (customElements.get('home-page') === undefined) {
13402
- customElements.define('home-page', HomePage);
13431
+ if (customElements.get('infobar-page') === undefined) {
13432
+ customElements.define('infobar-page', InfobarPage);
13403
13433
  }
13404
13434
 
13405
13435
  class LayoutPage extends HTMLElement {
@@ -14408,7 +14438,7 @@ class TabsPage extends HTMLElement {
14408
14438
  </gov-tabs-item>
14409
14439
  </gov-tabs>
14410
14440
 
14411
- <gov-tabs id="po" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14441
+ <gov-tabs id="po" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14412
14442
  <gov-tabs-item label="TAB #1">
14413
14443
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
14414
14444
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -14431,7 +14461,7 @@ class TabsPage extends HTMLElement {
14431
14461
  </gov-tabs-item>
14432
14462
  </gov-tabs>
14433
14463
 
14434
- <gov-tabs id="po" variant="secondary" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14464
+ <gov-tabs id="po" variant="secondary" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14435
14465
  <gov-tabs-item label="TAB #1">
14436
14466
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
14437
14467
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -14453,7 +14483,7 @@ class TabsPage extends HTMLElement {
14453
14483
  (např. opakování „asdf asdf asdf…“).</p>
14454
14484
  </gov-tabs-item>
14455
14485
  </gov-tabs>
14456
- <gov-tabs id="po" variant="success" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14486
+ <gov-tabs id="po" variant="success" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14457
14487
  <gov-tabs-item label="TAB #1">
14458
14488
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
14459
14489
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -14475,7 +14505,7 @@ class TabsPage extends HTMLElement {
14475
14505
  (např. opakování „asdf asdf asdf…“).</p>
14476
14506
  </gov-tabs-item>
14477
14507
  </gov-tabs>
14478
- <gov-tabs id="po" variant="warning" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14508
+ <gov-tabs id="po" variant="warning" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14479
14509
  <gov-tabs-item label="TAB #1">
14480
14510
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
14481
14511
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -14497,7 +14527,7 @@ class TabsPage extends HTMLElement {
14497
14527
  (např. opakování „asdf asdf asdf…“).</p>
14498
14528
  </gov-tabs-item>
14499
14529
  </gov-tabs>
14500
- <gov-tabs id="po" variant="error" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14530
+ <gov-tabs id="po" variant="error" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
14501
14531
  <gov-tabs-item label="TAB #1">
14502
14532
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
14503
14533
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -14565,7 +14595,7 @@ class TabsPage extends HTMLElement {
14565
14595
  (např. opakování „asdf asdf asdf…“).</p>
14566
14596
  </gov-tabs-item>
14567
14597
  </gov-tabs>
14568
- <gov-tabs id="po" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
14598
+ <gov-tabs id="po" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
14569
14599
  <gov-tabs-item label="TAB #1">
14570
14600
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
14571
14601
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -14587,7 +14617,7 @@ class TabsPage extends HTMLElement {
14587
14617
  (např. opakování „asdf asdf asdf…“).</p>
14588
14618
  </gov-tabs-item>
14589
14619
  </gov-tabs>
14590
- <gov-tabs id="po" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
14620
+ <gov-tabs id="po" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
14591
14621
  <gov-tabs-item label="Muj super tab">
14592
14622
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
14593
14623
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -14616,6 +14646,259 @@ if (customElements.get('tabs-page') === undefined) {
14616
14646
  customElements.define('tabs-page', TabsPage);
14617
14647
  }
14618
14648
 
14649
+ class TagPage extends HTMLElement {
14650
+ connectedCallback() {
14651
+ this.innerHTML = `
14652
+ <h1>Tags</h1>
14653
+ <h4>Tags - primary (default)</h4>
14654
+ <div class="container-view">
14655
+ <gov-tag variant="primary" size="xs" type="solid">
14656
+ Tag
14657
+ </gov-tag>
14658
+ <gov-tag variant="primary" size="xs" type="solid">
14659
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14660
+ Tag
14661
+ </gov-tag>
14662
+ <gov-tag variant="primary" size="xs" type="solid">
14663
+ Tag
14664
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
14665
+ </gov-tag>
14666
+ <gov-tag variant="primary" size="xs" type="solid">
14667
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14668
+ Tag
14669
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
14670
+ </gov-tag>
14671
+ <gov-tag variant="primary" size="s" type="solid">
14672
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14673
+ Small Primary
14674
+ </gov-tag>
14675
+ <gov-tag variant="primary" size="m" type="solid">
14676
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14677
+ Normal Primary
14678
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
14679
+ </gov-tag>
14680
+ <gov-tag variant="primary" size="l" type="solid">
14681
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14682
+ Large Primary
14683
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
14684
+ </gov-tag>
14685
+ <gov-tag variant="primary" size="xl" type="solid">
14686
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14687
+ X-Large Primary
14688
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
14689
+ </gov-tag>
14690
+ </div>
14691
+ <h4>Tags - primary (inversed)</h4>
14692
+ <div class="container-view">
14693
+ <gov-tag variant="primary" size="xs" inverse="true">
14694
+ Tag
14695
+ </gov-tag>
14696
+ <gov-tag variant="primary" size="s" inverse="true">
14697
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14698
+ Small Primary
14699
+ </gov-tag>
14700
+ <gov-tag variant="primary" size="m" inverse="true">
14701
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14702
+ Normal Primary
14703
+ </gov-tag>
14704
+ </div>
14705
+ <h4>Tags - primary (outlined)</h4>
14706
+ <div class="container-view">
14707
+ <gov-tag variant="primary" type="outlined" size="xs">
14708
+ Tag
14709
+ </gov-tag>
14710
+ <gov-tag variant="primary" type="outlined" size="s">
14711
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14712
+ Small Primary
14713
+ </gov-tag>
14714
+ <gov-tag variant="primary" type="outlined" size="m">
14715
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14716
+ Normal Primary
14717
+ </gov-tag>
14718
+ </div>
14719
+ <hr />
14720
+
14721
+ <h4>Tags - secondary (default)</h4>
14722
+ <div class="container-view">
14723
+ <gov-tag variant="secondary" size="xs">
14724
+ Tag
14725
+ </gov-tag>
14726
+ <gov-tag variant="secondary" size="s">
14727
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14728
+ Small secondary
14729
+ </gov-tag>
14730
+ <gov-tag variant="secondary" size="m">
14731
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14732
+ Normal secondary
14733
+ </gov-tag>
14734
+ </div>
14735
+ <h4>Tags - secondary (inversed)</h4>
14736
+ <div class="container-view">
14737
+ <gov-tag variant="secondary" size="xs" inverse="true">
14738
+ Tag
14739
+ </gov-tag>
14740
+ <gov-tag variant="secondary" size="s" inverse="true">
14741
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14742
+ Small Primary
14743
+ </gov-tag>
14744
+ <gov-tag variant="secondary" size="m" inverse="true">
14745
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14746
+ Normal Primary
14747
+ </gov-tag>
14748
+ </div>
14749
+ <h4>Tags - secondary (outlined)</h4>
14750
+ <div class="container-view">
14751
+ <gov-tag variant="secondary" type="outlined" size="xs">
14752
+ Tag
14753
+ </gov-tag>
14754
+ <gov-tag variant="secondary" type="outlined" size="s">
14755
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14756
+ Small secondary
14757
+ </gov-tag>
14758
+ <gov-tag variant="secondary" type="outlined" size="m">
14759
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14760
+ Normal secondary
14761
+ </gov-tag>
14762
+ </div>
14763
+ <hr />
14764
+
14765
+ <h4>Tags - success (default)</h4>
14766
+ <div class="container-view">
14767
+ <gov-tag variant="success" size="xs">
14768
+ Tag
14769
+ </gov-tag>
14770
+ <gov-tag variant="success" size="s">
14771
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14772
+ Small success
14773
+ </gov-tag>
14774
+ <gov-tag variant="success" size="m">
14775
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14776
+ Normal success
14777
+ </gov-tag>
14778
+ </div>
14779
+ <h4>Tags - success (inversed)</h4>
14780
+ <div class="container-view">
14781
+ <gov-tag variant="success" size="xs" inverse="true">
14782
+ Tag
14783
+ </gov-tag>
14784
+ <gov-tag variant="success" size="s" inverse="true">
14785
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14786
+ Small Primary
14787
+ </gov-tag>
14788
+ <gov-tag variant="success" size="m" inverse="true">
14789
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14790
+ Normal Primary
14791
+ </gov-tag>
14792
+ </div>
14793
+ <h4>Tags - success (outlined)</h4>
14794
+ <div class="container-view">
14795
+ <gov-tag variant="success" type="outlined" size="xs">
14796
+ Tag
14797
+ </gov-tag>
14798
+ <gov-tag variant="success" type="outlined" size="s">
14799
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14800
+ Small success
14801
+ </gov-tag>
14802
+ <gov-tag variant="success" type="outlined" size="m">
14803
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14804
+ Normal success
14805
+ </gov-tag>
14806
+ </div>
14807
+ <hr />
14808
+
14809
+ <h4>Tags - warning (default)</h4>
14810
+ <div class="container-view">
14811
+ <gov-tag variant="warning" size="xs">
14812
+ Tag
14813
+ </gov-tag>
14814
+ <gov-tag variant="warning" size="s">
14815
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14816
+ Small warning
14817
+ </gov-tag>
14818
+ <gov-tag variant="warning" size="m">
14819
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14820
+ Normal warning
14821
+ </gov-tag>
14822
+ </div>
14823
+ <h4>Tags - warning (inversed)</h4>
14824
+ <div class="container-view">
14825
+ <gov-tag variant="warning" size="xs" inverse="true">
14826
+ Tag
14827
+ </gov-tag>
14828
+ <gov-tag variant="warning" size="s" inverse="true">
14829
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14830
+ Small Primary
14831
+ </gov-tag>
14832
+ <gov-tag variant="warning" size="m" inverse="true">
14833
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14834
+ Normal Primary
14835
+ </gov-tag>
14836
+ </div>
14837
+ <h4>Tags - warning (outlined)</h4>
14838
+ <div class="container-view">
14839
+ <gov-tag variant="warning" type="outlined" size="xs">
14840
+ Tag
14841
+ </gov-tag>
14842
+ <gov-tag variant="warning" type="outlined" size="s">
14843
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14844
+ Small warning
14845
+ </gov-tag>
14846
+ <gov-tag variant="warning" type="outlined" size="m">
14847
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14848
+ Normal warning
14849
+ </gov-tag>
14850
+ </div>
14851
+ <hr />
14852
+
14853
+ <h4>Tags - error (default)</h4>
14854
+ <div class="container-view">
14855
+ <gov-tag variant="error" size="xs">
14856
+ Tag
14857
+ </gov-tag>
14858
+ <gov-tag variant="error" size="s">
14859
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14860
+ Small error
14861
+ </gov-tag>
14862
+ <gov-tag variant="error" size="m">
14863
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14864
+ Normal error
14865
+ </gov-tag>
14866
+ </div>
14867
+ <h4>Tags - error (inversed)</h4>
14868
+ <div class="container-view">
14869
+ <gov-tag variant="error" size="xs" inverse="true">
14870
+ Tag
14871
+ </gov-tag>
14872
+ <gov-tag variant="error" size="s" inverse="true">
14873
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14874
+ Small Primary
14875
+ </gov-tag>
14876
+ <gov-tag variant="error" size="m" inverse="true">
14877
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14878
+ Normal Primary
14879
+ </gov-tag>
14880
+ </div>
14881
+ <h4>Tags - error (outlined)</h4>
14882
+ <div class="container-view">
14883
+ <gov-tag variant="error" type="outlined" size="xs">
14884
+ Tag
14885
+ </gov-tag>
14886
+ <gov-tag variant="error" type="outlined" size="s">
14887
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14888
+ Small error
14889
+ </gov-tag>
14890
+ <gov-tag variant="error" type="outlined" size="m">
14891
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
14892
+ Normal error
14893
+ </gov-tag>
14894
+ </div>
14895
+ `;
14896
+ }
14897
+ }
14898
+ if (customElements.get('tag-page') === undefined) {
14899
+ customElements.define('tag-page', TagPage);
14900
+ }
14901
+
14619
14902
  class TilesPage extends HTMLElement {
14620
14903
  connectedCallback() {
14621
14904
  this.innerHTML = `
@@ -14878,7 +15161,7 @@ class TooltipPage extends HTMLElement {
14878
15161
  <p>
14879
15162
  V rámci
14880
15163
  <gov-tooltip variant="secondary" position="top" size="s" message="Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.">
14881
- případě vycestování (top)
15164
+ případě vycestování (top)případě vycestování (top)případě vycestování
14882
15165
  </gov-tooltip>
14883
15166
  států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
14884
15167
  pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
@@ -14897,8 +15180,8 @@ class TooltipPage extends HTMLElement {
14897
15180
  </p>
14898
15181
  <p>
14899
15182
  V rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
14900
- <gov-tooltip variant="secondary" position="left" size="s">
14901
- případě vycestování (left)
15183
+ <gov-tooltip variant="secondary" position="top" size="m">
15184
+ případě vycestování (top)
14902
15185
  <gov-tooltip-content>
14903
15186
  Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
14904
15187
  </gov-tooltip-content>
@@ -15173,7 +15456,7 @@ class GovApp {
15173
15456
  { path: '/', component: 'home-page' },
15174
15457
  { path: '/infobar', component: 'infobar-page' },
15175
15458
  { path: '/accordion', component: 'accordion-page' },
15176
- { path: '/badge', component: 'badge-page' },
15459
+ { path: '/chip', component: 'chip-page' },
15177
15460
  { path: '/button', component: 'button-page' },
15178
15461
  { path: '/breadcrumbs', component: 'breadcrumbs-page' },
15179
15462
  { path: '/card', component: 'card-page' },
@@ -15195,6 +15478,7 @@ class GovApp {
15195
15478
  { path: '/statsbar', component: 'statsbar-page' },
15196
15479
  { path: '/stepper', component: 'stepper-page' },
15197
15480
  { path: '/tabs', component: 'tabs-page' },
15481
+ { path: '/tag', component: 'tag-page' },
15198
15482
  { path: '/tooltip', component: 'tooltip-page' },
15199
15483
  { path: '/tiles', component: 'tiles-page' },
15200
15484
  { path: '/typography', component: 'typography-page' },
@@ -15299,175 +15583,63 @@ class GovAttachmentsItem {
15299
15583
  async validateWcag() {
15300
15584
  validateWcagLabel(this.wcagRemoveLabel, this.wcagRemoveLabelledBy, AttachmentsItemClass.root);
15301
15585
  }
15302
- get host() { return getElement(this); }
15303
- static get style() { return govAttachmentsItemCss; }
15304
- static get cmpMeta() { return {
15305
- "$flags$": 4,
15306
- "$tagName$": "gov-attachments-item",
15307
- "$members$": {
15308
- "wcagRemoveLabel": [1, "wcag-remove-label"],
15309
- "wcagRemoveLabelledBy": [1, "wcag-remove-labelled-by"],
15310
- "validateWcag": [64]
15311
- },
15312
- "$listeners$": undefined,
15313
- "$lazyBundleId$": "-",
15314
- "$attrsToReflect$": []
15315
- }; }
15316
- }
15317
-
15318
- const BackdropClass = {
15319
- root: 'gov-backdrop',
15320
- bg: 'gov-backdrop__bg',
15321
- };
15322
-
15323
- const govBackdropCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-backdrop__bg{z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--gov-backdrop-bg, var(--gov-color-secondary));opacity:var(--gov-backdrop-opacity, 0.45)}.gov-backdrop[inverse=\"\"] .gov-backdrop__bg,.gov-backdrop[inverse=true i] .gov-backdrop__bg,.gov-backdrop[inverse=\"1\"] .gov-backdrop__bg{background-color:var(--gov-backdrop-bg-inverse, var(--gov-color-neutral-white));opacity:var(--gov-backdrop-opacity, 0.8)}";
15324
-
15325
- class GovBackdrop {
15326
- constructor(hostRef) {
15327
- registerInstance(this, hostRef);
15328
- this.govClick = createEvent(this, "gov-click", 7);
15329
- this.inverse = false;
15330
- this.wcagLabel = undefined;
15331
- this.wcagLabelledBy = undefined;
15332
- this.h = govHost(this.host);
15333
- }
15334
- async componentDidRender() {
15335
- if (canValidateWcagOnRender()) {
15336
- await delay(500);
15337
- await this.validateWcag();
15338
- }
15339
- }
15340
- render() {
15341
- return (hAsync(Host, { class: this.h.classes(BackdropClass.root) }, hAsync("div", { role: 'button', "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onClick: e => this.govClick.emit(e), class: BackdropClass.bg })));
15342
- }
15343
- /**
15344
- * Validate the WCAG attributes of the component
15345
- */
15346
- async validateWcag() {
15347
- validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, BackdropClass.root);
15348
- }
15349
- get host() { return getElement(this); }
15350
- static get style() { return govBackdropCss; }
15351
- static get cmpMeta() { return {
15352
- "$flags$": 0,
15353
- "$tagName$": "gov-backdrop",
15354
- "$members$": {
15355
- "inverse": [4],
15356
- "wcagLabel": [1, "wcag-label"],
15357
- "wcagLabelledBy": [1, "wcag-labelled-by"],
15358
- "validateWcag": [64]
15359
- },
15360
- "$listeners$": undefined,
15361
- "$lazyBundleId$": "-",
15362
- "$attrsToReflect$": []
15363
- }; }
15364
- }
15365
-
15366
- var NativeType$1;
15367
- (function (NativeType) {
15368
- NativeType["A"] = "a";
15369
- NativeType["SPAN"] = "span";
15370
- NativeType["BUTTON"] = "button";
15371
- })(NativeType$1 || (NativeType$1 = {}));
15372
- const BadgeClass = {
15373
- root: 'gov-badge',
15374
- inner: 'gov-badge__inner',
15375
- hasRight: 'gov-badge--has-right',
15376
- hasLeft: 'gov-badge--has-left',
15377
- };
15378
-
15379
- const ButtonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
15380
- const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING']);
15381
- var Type$1;
15382
- (function (Type) {
15383
- Type["SOLID"] = "solid";
15384
- Type["OUTLINED"] = "outlined";
15385
- Type["BASE"] = "base";
15386
- Type["LINK"] = "link";
15387
- })(Type$1 || (Type$1 = {}));
15388
- var NativeType;
15389
- (function (NativeType) {
15390
- NativeType["SUBMIT"] = "submit";
15391
- NativeType["BUTTON"] = "button";
15392
- NativeType["RESET"] = "reset";
15393
- })(NativeType || (NativeType = {}));
15394
- var ButtonTarget;
15395
- (function (ButtonTarget) {
15396
- ButtonTarget["BLANK"] = "_blank";
15397
- ButtonTarget["SELF"] = "_self";
15398
- ButtonTarget["NEW"] = "_new";
15399
- })(ButtonTarget || (ButtonTarget = {}));
15400
- const ButtonClass = {
15401
- root: 'gov-button',
15402
- rootWithIcon: 'gov-button--w-icon',
15586
+ get host() { return getElement(this); }
15587
+ static get style() { return govAttachmentsItemCss; }
15588
+ static get cmpMeta() { return {
15589
+ "$flags$": 4,
15590
+ "$tagName$": "gov-attachments-item",
15591
+ "$members$": {
15592
+ "wcagRemoveLabel": [1, "wcag-remove-label"],
15593
+ "wcagRemoveLabelledBy": [1, "wcag-remove-labelled-by"],
15594
+ "validateWcag": [64]
15595
+ },
15596
+ "$listeners$": undefined,
15597
+ "$lazyBundleId$": "-",
15598
+ "$attrsToReflect$": []
15599
+ }; }
15600
+ }
15601
+
15602
+ const BackdropClass = {
15603
+ root: 'gov-backdrop',
15604
+ bg: 'gov-backdrop__bg',
15403
15605
  };
15404
15606
 
15405
- const govBadgeCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-badge .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-badge .element:focus{outline:none}.gov-badge .element .gov-icon{flex:0 0 auto;color:inherit}.gov-badge .element>*{display:flex}[hoverable].gov-badge .element{cursor:pointer}[hoverable].gov-badge .element:focus{outline:none}[hoverable].gov-badge .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-badge .element:focus-visible,[hoverable][type=base].gov-badge .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-badge,[hoverable][disabled=true i].gov-badge,[hoverable][disabled=\"1\"].gov-badge{cursor:not-allowed}[hoverable][disabled=\"\"].gov-badge .element,[hoverable][disabled=true i].gov-badge .element,[hoverable][disabled=\"1\"].gov-badge .element{pointer-events:none}[expanded=\"\"].gov-badge,[expanded=true i].gov-badge,[expanded=\"1\"].gov-badge{display:block}[expanded=\"\"].gov-badge .element,[expanded=true i].gov-badge .element,[expanded=\"1\"].gov-badge .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-badge .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][inverse=true i].gov-badge .element,[type=solid][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-badge .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][inverse=true i].gov-badge .element,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-badge .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-badge .element,[type=base][variant=primary][inverse=true i].gov-badge .element,[type=base][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-badge .element,[type=base][variant=primary][disabled=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-badge .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-badge .element,[type=link][variant=primary][inverse=true i].gov-badge .element,[type=link][variant=primary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-badge .element,[type=link][variant=primary][disabled=true i].gov-badge .element,[type=link][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-badge .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][inverse=true i].gov-badge .element,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][inverse=true i].gov-badge .element,[type=base][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][inverse=true i].gov-badge .element,[type=link][variant=secondary][inverse=\"1\"].gov-badge .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-badge .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-badge .element,[type=solid][variant=error][inverse=true i].gov-badge .element,[type=solid][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-badge .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][inverse=true i].gov-badge .element,[type=outlined][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-badge .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-badge .element,[type=base][variant=error][inverse=true i].gov-badge .element,[type=base][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-badge .element,[type=base][variant=error][disabled=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-badge .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-badge .element,[type=link][variant=error][inverse=true i].gov-badge .element,[type=link][variant=error][inverse=\"1\"].gov-badge .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-badge .element,[type=link][variant=error][disabled=true i].gov-badge .element,[type=link][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-badge .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-badge .element,[type=solid][variant=success][inverse=true i].gov-badge .element,[type=solid][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-badge .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][inverse=true i].gov-badge .element,[type=outlined][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-badge .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-badge .element,[type=base][variant=success][inverse=true i].gov-badge .element,[type=base][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-badge .element,[type=base][variant=success][disabled=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-badge .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-badge .element,[type=link][variant=success][inverse=true i].gov-badge .element,[type=link][variant=success][inverse=\"1\"].gov-badge .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-badge .element,[type=link][variant=success][disabled=true i].gov-badge .element,[type=link][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-badge .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][inverse=true i].gov-badge .element,[type=solid][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-badge .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-badge .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][inverse=true i].gov-badge .element,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-badge .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-badge .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-badge .element,[type=base][variant=warning][inverse=true i].gov-badge .element,[type=base][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-badge .element,[type=base][variant=warning][disabled=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-badge .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-badge .element,[type=link][variant=warning][inverse=true i].gov-badge .element,[type=link][variant=warning][inverse=\"1\"].gov-badge .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-badge .element,[type=link][variant=warning][disabled=true i].gov-badge .element,[type=link][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-badge .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-badge .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-badge .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-badge .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-badge .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-badge .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-badge .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-badge .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-badge .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-badge .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-badge{display:inline-flex}.gov-badge a .gov-icon{margin:0}.gov-badge .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-badge .gov-button .element{border:none}.gov-badge--has-right>.element{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important}.gov-badge--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}.gov-badge[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-badge[size=xs][hoverable] .element:focus{outline:none}.gov-badge[size=xs][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-badge[size=s][hoverable] .element:focus{outline:none}.gov-badge[size=s][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-badge[size=m][hoverable] .element:focus{outline:none}.gov-badge[size=m][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-badge[size=l][hoverable] .element:focus{outline:none}.gov-badge[size=l][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-badge[size=xl][hoverable] .element:focus{outline:none}.gov-badge[size=xl][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[variant=primary][inverse=\"\"] .element,.gov-badge[variant=primary][inverse=\"\"] .element .element,.gov-badge[variant=primary][inverse=true i] .element,.gov-badge[variant=primary][inverse=true i] .element .element,.gov-badge[variant=primary][inverse=\"1\"] .element,.gov-badge[variant=primary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-badge-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-badge-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-badge[variant=primary][inverse=\"\"] .element:hover,.gov-badge[variant=primary][inverse=\"\"] .element .element:hover,.gov-badge[variant=primary][inverse=true i] .element:hover,.gov-badge[variant=primary][inverse=true i] .element .element:hover,.gov-badge[variant=primary][inverse=\"1\"] .element:hover,.gov-badge[variant=primary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-badge-inverse-primary-border-color-hover, var(--gov-color-primary-100))}}.gov-badge[variant=secondary][inverse=\"\"] .element,.gov-badge[variant=secondary][inverse=\"\"] .element .element,.gov-badge[variant=secondary][inverse=true i] .element,.gov-badge[variant=secondary][inverse=true i] .element .element,.gov-badge[variant=secondary][inverse=\"1\"] .element,.gov-badge[variant=secondary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-badge-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-badge-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-badge[variant=secondary][inverse=\"\"] .element:hover,.gov-badge[variant=secondary][inverse=\"\"] .element .element:hover,.gov-badge[variant=secondary][inverse=true i] .element:hover,.gov-badge[variant=secondary][inverse=true i] .element .element:hover,.gov-badge[variant=secondary][inverse=\"1\"] .element:hover,.gov-badge[variant=secondary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-badge-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-badge[variant=success][inverse=\"\"] .element,.gov-badge[variant=success][inverse=\"\"] .element .element,.gov-badge[variant=success][inverse=true i] .element,.gov-badge[variant=success][inverse=true i] .element .element,.gov-badge[variant=success][inverse=\"1\"] .element,.gov-badge[variant=success][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-badge-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-badge-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-badge[variant=success][inverse=\"\"] .element:hover,.gov-badge[variant=success][inverse=\"\"] .element .element:hover,.gov-badge[variant=success][inverse=true i] .element:hover,.gov-badge[variant=success][inverse=true i] .element .element:hover,.gov-badge[variant=success][inverse=\"1\"] .element:hover,.gov-badge[variant=success][inverse=\"1\"] .element .element:hover{border-color:var(--gov-badge-inverse-success-border-color-hover, var(--gov-color-success-100))}}.gov-badge[variant=warning][inverse=\"\"] .element,.gov-badge[variant=warning][inverse=\"\"] .element .element,.gov-badge[variant=warning][inverse=true i] .element,.gov-badge[variant=warning][inverse=true i] .element .element,.gov-badge[variant=warning][inverse=\"1\"] .element,.gov-badge[variant=warning][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-badge-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-badge-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-badge[variant=warning][inverse=\"\"] .element:hover,.gov-badge[variant=warning][inverse=\"\"] .element .element:hover,.gov-badge[variant=warning][inverse=true i] .element:hover,.gov-badge[variant=warning][inverse=true i] .element .element:hover,.gov-badge[variant=warning][inverse=\"1\"] .element:hover,.gov-badge[variant=warning][inverse=\"1\"] .element .element:hover{border-color:var(--gov-badge-inverse-warning-border-color-hover, var(--gov-color-warning-100))}}.gov-badge[variant=error][inverse=\"\"] .element,.gov-badge[variant=error][inverse=\"\"] .element .element,.gov-badge[variant=error][inverse=true i] .element,.gov-badge[variant=error][inverse=true i] .element .element,.gov-badge[variant=error][inverse=\"1\"] .element,.gov-badge[variant=error][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-badge-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-badge-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-badge[variant=error][inverse=\"\"] .element:hover,.gov-badge[variant=error][inverse=\"\"] .element .element:hover,.gov-badge[variant=error][inverse=true i] .element:hover,.gov-badge[variant=error][inverse=true i] .element .element:hover,.gov-badge[variant=error][inverse=\"1\"] .element:hover,.gov-badge[variant=error][inverse=\"1\"] .element .element:hover{border-color:var(--gov-badge-inverse-error-border-color-hover, var(--gov-color-error-500))}}";
15607
+ const govBackdropCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-backdrop__bg{z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--gov-backdrop-bg, var(--gov-color-secondary));opacity:var(--gov-backdrop-opacity, 0.45)}.gov-backdrop[inverse=\"\"] .gov-backdrop__bg,.gov-backdrop[inverse=true i] .gov-backdrop__bg,.gov-backdrop[inverse=\"1\"] .gov-backdrop__bg{background-color:var(--gov-backdrop-bg-inverse, var(--gov-color-neutral-white));opacity:var(--gov-backdrop-opacity, 0.8)}";
15406
15608
 
15407
- class GovBadge {
15609
+ class GovBackdrop {
15408
15610
  constructor(hostRef) {
15409
15611
  registerInstance(this, hostRef);
15410
15612
  this.govClick = createEvent(this, "gov-click", 7);
15411
15613
  this.inverse = false;
15412
- this.disabled = false;
15413
- this.href = undefined;
15414
- this.target = undefined;
15415
- this.size = ButtonSizes._M;
15416
- this.tag = "span";
15417
- this.variant = ButtonVariants.PRIMARY;
15418
15614
  this.wcagLabel = undefined;
15615
+ this.wcagLabelledBy = undefined;
15419
15616
  this.h = govHost(this.host);
15420
15617
  }
15421
- validateVariant(newValue) {
15422
- validateProp(ButtonVariants, newValue, BadgeClass.root);
15423
- }
15424
- validateSize(newValue) {
15425
- validateProp(ButtonSizes, newValue, BadgeClass.root);
15426
- }
15427
- componentWillLoad() {
15428
- this.validateVariant(this.variant);
15429
- this.validateSize(this.size);
15618
+ async componentDidRender() {
15619
+ if (canValidateWcagOnRender()) {
15620
+ await delay(500);
15621
+ await this.validateWcag();
15622
+ }
15430
15623
  }
15431
15624
  render() {
15432
- const Tag = this.href ? NativeType$1.A : this.tag;
15433
- const nativeType = Tag == NativeType$1.BUTTON ? NativeType$1.BUTTON : undefined;
15434
- return (hAsync(Host, { class: this.h.classes([
15435
- BadgeClass.root,
15436
- this.h.hasSlot("right") ? BadgeClass.hasRight : undefined,
15437
- this.h.hasSlot("left") ? BadgeClass.hasLeft : undefined,
15438
- ]), disabled: this.disabled, href: this.href, variant: this.variant, type: this.inverse ? undefined : "solid", size: this.size, inverse: this.inverse, hoverable: Tag == NativeType$1.A || Tag == NativeType$1.BUTTON }, hAsync(Tag, { class: "element", href: this.href, target: this.target, "aria-label": this.wcagLabel, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), type: nativeType }, this.h.hasSlot("left") && hAsync("slot", { name: "left" }), this.h.hasSlot("left-icon") && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot("right-icon") && hAsync("slot", { name: "right-icon" }), this.h.hasSlot("right") && hAsync("slot", { name: "right" }))));
15439
- }
15440
- onClickHandler(e) {
15441
- e.stopPropagation();
15442
- if (this.disabled === false && this.tag === NativeType$1.BUTTON) {
15443
- this.govClick.emit(e);
15444
- }
15625
+ return (hAsync(Host, { class: this.h.classes(BackdropClass.root) }, hAsync("div", { role: 'button', "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onClick: e => this.govClick.emit(e), class: BackdropClass.bg })));
15445
15626
  }
15446
15627
  /**
15447
- * Returns a clickable element instance
15628
+ * Validate the WCAG attributes of the component
15448
15629
  */
15449
- async getTriggerRef() {
15450
- return this.triggerRef;
15630
+ async validateWcag() {
15631
+ validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, BackdropClass.root);
15451
15632
  }
15452
15633
  get host() { return getElement(this); }
15453
- static get watchers() { return {
15454
- "variant": ["validateVariant"],
15455
- "size": ["validateSize"]
15456
- }; }
15457
- static get style() { return govBadgeCss; }
15634
+ static get style() { return govBackdropCss; }
15458
15635
  static get cmpMeta() { return {
15459
- "$flags$": 4,
15460
- "$tagName$": "gov-badge",
15636
+ "$flags$": 0,
15637
+ "$tagName$": "gov-backdrop",
15461
15638
  "$members$": {
15462
15639
  "inverse": [4],
15463
- "disabled": [4],
15464
- "href": [1],
15465
- "target": [1],
15466
- "size": [1],
15467
- "tag": [1],
15468
- "variant": [1],
15469
15640
  "wcagLabel": [1, "wcag-label"],
15470
- "getTriggerRef": [64]
15641
+ "wcagLabelledBy": [1, "wcag-labelled-by"],
15642
+ "validateWcag": [64]
15471
15643
  },
15472
15644
  "$listeners$": undefined,
15473
15645
  "$lazyBundleId$": "-",
@@ -15524,6 +15696,32 @@ class GovBreadcrumbs {
15524
15696
  }; }
15525
15697
  }
15526
15698
 
15699
+ const ButtonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
15700
+ const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING']);
15701
+ var Type$1;
15702
+ (function (Type) {
15703
+ Type["SOLID"] = "solid";
15704
+ Type["OUTLINED"] = "outlined";
15705
+ Type["BASE"] = "base";
15706
+ Type["LINK"] = "link";
15707
+ })(Type$1 || (Type$1 = {}));
15708
+ var NativeType$1;
15709
+ (function (NativeType) {
15710
+ NativeType["SUBMIT"] = "submit";
15711
+ NativeType["BUTTON"] = "button";
15712
+ NativeType["RESET"] = "reset";
15713
+ })(NativeType$1 || (NativeType$1 = {}));
15714
+ var ButtonTarget;
15715
+ (function (ButtonTarget) {
15716
+ ButtonTarget["BLANK"] = "_blank";
15717
+ ButtonTarget["SELF"] = "_self";
15718
+ ButtonTarget["NEW"] = "_new";
15719
+ })(ButtonTarget || (ButtonTarget = {}));
15720
+ const ButtonClass = {
15721
+ root: 'gov-button',
15722
+ rootWithIcon: 'gov-button--w-icon',
15723
+ };
15724
+
15527
15725
  function toBool(value) {
15528
15726
  if (typeof value === 'string') {
15529
15727
  return ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1;
@@ -15594,7 +15792,7 @@ class GovButton {
15594
15792
  validateProp(Sizes, newValue, ButtonClass.root);
15595
15793
  }
15596
15794
  validateNativeType(newValue) {
15597
- validateProp(NativeType, newValue, ButtonClass.root);
15795
+ validateProp(NativeType$1, newValue, ButtonClass.root);
15598
15796
  }
15599
15797
  componentWillLoad() {
15600
15798
  this.validateVariant(this.variant);
@@ -15839,6 +16037,115 @@ class GovCard {
15839
16037
  }; }
15840
16038
  }
15841
16039
 
16040
+ var NativeType;
16041
+ (function (NativeType) {
16042
+ NativeType["A"] = "a";
16043
+ NativeType["SPAN"] = "span";
16044
+ NativeType["BUTTON"] = "button";
16045
+ })(NativeType || (NativeType = {}));
16046
+ const ChipClass = {
16047
+ root: 'gov-chip',
16048
+ inner: 'gov-chip__inner',
16049
+ hasRight: 'gov-chip--has-right',
16050
+ hasLeft: 'gov-chip--has-left',
16051
+ };
16052
+
16053
+ const govChipCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-chip .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-chip .element:focus{outline:none}.gov-chip .element .gov-icon{flex:0 0 auto;color:inherit}.gov-chip .element>*{display:flex}[hoverable].gov-chip .element{cursor:pointer}[hoverable].gov-chip .element:focus{outline:none}[hoverable].gov-chip .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-chip .element:focus-visible,[hoverable][type=base].gov-chip .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-chip,[hoverable][disabled=true i].gov-chip,[hoverable][disabled=\"1\"].gov-chip{cursor:not-allowed}[hoverable][disabled=\"\"].gov-chip .element,[hoverable][disabled=true i].gov-chip .element,[hoverable][disabled=\"1\"].gov-chip .element{pointer-events:none}[expanded=\"\"].gov-chip,[expanded=true i].gov-chip,[expanded=\"1\"].gov-chip{display:block}[expanded=\"\"].gov-chip .element,[expanded=true i].gov-chip .element,[expanded=\"1\"].gov-chip .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-chip .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][inverse=true i].gov-chip .element,[type=solid][variant=primary][inverse=\"1\"].gov-chip .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-chip .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-chip .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-chip .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-chip .element,[type=outlined][variant=primary][inverse=true i].gov-chip .element,[type=outlined][variant=primary][inverse=\"1\"].gov-chip .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-chip .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-chip .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-chip .element,[type=base][variant=primary][inverse=true i].gov-chip .element,[type=base][variant=primary][inverse=\"1\"].gov-chip .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-chip .element,[type=base][variant=primary][disabled=true i].gov-chip .element,[type=base][variant=primary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-chip .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-chip .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-chip .element,[type=link][variant=primary][inverse=true i].gov-chip .element,[type=link][variant=primary][inverse=\"1\"].gov-chip .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-chip .element,[type=link][variant=primary][disabled=true i].gov-chip .element,[type=link][variant=primary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-chip .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-chip .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][inverse=true i].gov-chip .element,[type=solid][variant=secondary][inverse=\"1\"].gov-chip .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-chip .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-chip .element,[type=outlined][variant=secondary][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-chip .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-chip .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][inverse=true i].gov-chip .element,[type=base][variant=secondary][inverse=\"1\"].gov-chip .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-chip .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][inverse=true i].gov-chip .element,[type=link][variant=secondary][inverse=\"1\"].gov-chip .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"].gov-chip .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-chip .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-chip .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-chip .element,[type=solid][variant=error][inverse=true i].gov-chip .element,[type=solid][variant=error][inverse=\"1\"].gov-chip .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-chip .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-chip .element,[type=solid][variant=error][disabled=true i].gov-chip .element,[type=solid][variant=error][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-chip .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-chip .element,[type=outlined][variant=error][inverse=true i].gov-chip .element,[type=outlined][variant=error][inverse=\"1\"].gov-chip .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-chip .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-chip .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-chip .element,[type=base][variant=error][inverse=true i].gov-chip .element,[type=base][variant=error][inverse=\"1\"].gov-chip .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-chip .element,[type=base][variant=error][disabled=true i].gov-chip .element,[type=base][variant=error][disabled=\"1\"].gov-chip .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-chip .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-chip .element,[type=link][variant=error][inverse=true i].gov-chip .element,[type=link][variant=error][inverse=\"1\"].gov-chip .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-chip .element,[type=link][variant=error][disabled=true i].gov-chip .element,[type=link][variant=error][disabled=\"1\"].gov-chip .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-chip .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-chip .element,[type=solid][variant=success][inverse=true i].gov-chip .element,[type=solid][variant=success][inverse=\"1\"].gov-chip .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-chip .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-chip .element,[type=solid][variant=success][disabled=true i].gov-chip .element,[type=solid][variant=success][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-chip .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-chip .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-chip .element,[type=outlined][variant=success][inverse=true i].gov-chip .element,[type=outlined][variant=success][inverse=\"1\"].gov-chip .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-chip .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-chip .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-chip .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-chip .element,[type=base][variant=success][inverse=true i].gov-chip .element,[type=base][variant=success][inverse=\"1\"].gov-chip .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-chip .element,[type=base][variant=success][disabled=true i].gov-chip .element,[type=base][variant=success][disabled=\"1\"].gov-chip .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-chip .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-chip .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-chip .element,[type=link][variant=success][inverse=true i].gov-chip .element,[type=link][variant=success][inverse=\"1\"].gov-chip .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-chip .element,[type=link][variant=success][disabled=true i].gov-chip .element,[type=link][variant=success][disabled=\"1\"].gov-chip .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-chip .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-chip .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][inverse=true i].gov-chip .element,[type=solid][variant=warning][inverse=\"1\"].gov-chip .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-chip .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-chip .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-chip .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-chip .element,[type=outlined][variant=warning][inverse=true i].gov-chip .element,[type=outlined][variant=warning][inverse=\"1\"].gov-chip .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-chip .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"].gov-chip .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-chip .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-chip .element,[type=base][variant=warning][inverse=true i].gov-chip .element,[type=base][variant=warning][inverse=\"1\"].gov-chip .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-chip .element,[type=base][variant=warning][disabled=true i].gov-chip .element,[type=base][variant=warning][disabled=\"1\"].gov-chip .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-chip .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-chip .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-chip .element,[type=link][variant=warning][inverse=true i].gov-chip .element,[type=link][variant=warning][inverse=\"1\"].gov-chip .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-chip .element,[type=link][variant=warning][disabled=true i].gov-chip .element,[type=link][variant=warning][disabled=\"1\"].gov-chip .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-chip .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-chip .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-chip .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-chip .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-chip .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-chip .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-chip .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-chip .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-chip .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-chip .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-chip .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-chip .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-chip{display:inline-flex}.gov-chip a .gov-icon{margin:0}.gov-chip .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-chip .gov-button .element{border:none}.gov-chip--has-right>.element{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important}.gov-chip--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}.gov-chip[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-chip[size=xs][hoverable] .element:focus{outline:none}.gov-chip[size=xs][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-chip[size=s][hoverable] .element:focus{outline:none}.gov-chip[size=s][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-chip[size=m][hoverable] .element:focus{outline:none}.gov-chip[size=m][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-chip[size=l][hoverable] .element:focus{outline:none}.gov-chip[size=l][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-chip[size=xl][hoverable] .element:focus{outline:none}.gov-chip[size=xl][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[variant=primary][inverse=\"\"] .element,.gov-chip[variant=primary][inverse=\"\"] .element .element,.gov-chip[variant=primary][inverse=true i] .element,.gov-chip[variant=primary][inverse=true i] .element .element,.gov-chip[variant=primary][inverse=\"1\"] .element,.gov-chip[variant=primary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-chip[variant=primary][inverse=\"\"] .element:hover,.gov-chip[variant=primary][inverse=\"\"] .element .element:hover,.gov-chip[variant=primary][inverse=true i] .element:hover,.gov-chip[variant=primary][inverse=true i] .element .element:hover,.gov-chip[variant=primary][inverse=\"1\"] .element:hover,.gov-chip[variant=primary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200))}}.gov-chip[variant=secondary][inverse=\"\"] .element,.gov-chip[variant=secondary][inverse=\"\"] .element .element,.gov-chip[variant=secondary][inverse=true i] .element,.gov-chip[variant=secondary][inverse=true i] .element .element,.gov-chip[variant=secondary][inverse=\"1\"] .element,.gov-chip[variant=secondary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-chip[variant=secondary][inverse=\"\"] .element:hover,.gov-chip[variant=secondary][inverse=\"\"] .element .element:hover,.gov-chip[variant=secondary][inverse=true i] .element:hover,.gov-chip[variant=secondary][inverse=true i] .element .element:hover,.gov-chip[variant=secondary][inverse=\"1\"] .element:hover,.gov-chip[variant=secondary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-chip[variant=success][inverse=\"\"] .element,.gov-chip[variant=success][inverse=\"\"] .element .element,.gov-chip[variant=success][inverse=true i] .element,.gov-chip[variant=success][inverse=true i] .element .element,.gov-chip[variant=success][inverse=\"1\"] .element,.gov-chip[variant=success][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-chip[variant=success][inverse=\"\"] .element:hover,.gov-chip[variant=success][inverse=\"\"] .element .element:hover,.gov-chip[variant=success][inverse=true i] .element:hover,.gov-chip[variant=success][inverse=true i] .element .element:hover,.gov-chip[variant=success][inverse=\"1\"] .element:hover,.gov-chip[variant=success][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200))}}.gov-chip[variant=warning][inverse=\"\"] .element,.gov-chip[variant=warning][inverse=\"\"] .element .element,.gov-chip[variant=warning][inverse=true i] .element,.gov-chip[variant=warning][inverse=true i] .element .element,.gov-chip[variant=warning][inverse=\"1\"] .element,.gov-chip[variant=warning][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-chip[variant=warning][inverse=\"\"] .element:hover,.gov-chip[variant=warning][inverse=\"\"] .element .element:hover,.gov-chip[variant=warning][inverse=true i] .element:hover,.gov-chip[variant=warning][inverse=true i] .element .element:hover,.gov-chip[variant=warning][inverse=\"1\"] .element:hover,.gov-chip[variant=warning][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200))}}.gov-chip[variant=error][inverse=\"\"] .element,.gov-chip[variant=error][inverse=\"\"] .element .element,.gov-chip[variant=error][inverse=true i] .element,.gov-chip[variant=error][inverse=true i] .element .element,.gov-chip[variant=error][inverse=\"1\"] .element,.gov-chip[variant=error][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-chip[variant=error][inverse=\"\"] .element:hover,.gov-chip[variant=error][inverse=\"\"] .element .element:hover,.gov-chip[variant=error][inverse=true i] .element:hover,.gov-chip[variant=error][inverse=true i] .element .element:hover,.gov-chip[variant=error][inverse=\"1\"] .element:hover,.gov-chip[variant=error][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200))}}";
16054
+
16055
+ class GovChip {
16056
+ constructor(hostRef) {
16057
+ registerInstance(this, hostRef);
16058
+ this.govClick = createEvent(this, "gov-click", 7);
16059
+ this.inverse = false;
16060
+ this.disabled = false;
16061
+ this.href = undefined;
16062
+ this.target = undefined;
16063
+ this.size = ButtonSizes._M;
16064
+ this.tag = "span";
16065
+ this.variant = ButtonVariants.PRIMARY;
16066
+ this.focusable = true;
16067
+ this.identifier = undefined;
16068
+ this.wcagLabel = undefined;
16069
+ this.wcagControls = undefined;
16070
+ this.wcagSelected = undefined;
16071
+ this.h = govHost(this.host);
16072
+ this.chipId = createID('GovChip');
16073
+ }
16074
+ validateVariant(newValue) {
16075
+ validateProp(ButtonVariants, newValue, ChipClass.root);
16076
+ }
16077
+ validateSize(newValue) {
16078
+ validateProp(ButtonSizes, newValue, ChipClass.root);
16079
+ }
16080
+ componentWillLoad() {
16081
+ this.validateVariant(this.variant);
16082
+ this.validateSize(this.size);
16083
+ }
16084
+ render() {
16085
+ const Tag = this.href ? NativeType.A : this.tag;
16086
+ const nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined;
16087
+ return (hAsync(Host, { class: this.h.classes([
16088
+ ChipClass.root,
16089
+ this.h.hasSlot("right") ? ChipClass.hasRight : undefined,
16090
+ this.h.hasSlot("left") ? ChipClass.hasLeft : undefined,
16091
+ ]), disabled: this.disabled, href: this.href, variant: this.variant, type: this.inverse ? undefined : "solid", size: this.size, inverse: this.inverse, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON }, hAsync(Tag, { class: "element", href: this.href, target: this.target, "aria-label": this.wcagLabel, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), "aria-controls": this.wcagControls, "aria-selected": toBoolAttr(this.wcagSelected), tabindex: this.focusable ? "0" : "-1", id: this.identifier || this.chipId, type: nativeType }, this.h.hasSlot("left") && hAsync("slot", { name: "left" }), this.h.hasSlot("left-icon") && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot("right-icon") && hAsync("slot", { name: "right-icon" }), this.h.hasSlot("right") && hAsync("slot", { name: "right" }))));
16092
+ }
16093
+ onClickHandler(e) {
16094
+ e.stopPropagation();
16095
+ if (this.disabled === false && this.tag === NativeType.BUTTON) {
16096
+ this.govClick.emit(e);
16097
+ }
16098
+ }
16099
+ /**
16100
+ * Returns a clickable element instance
16101
+ */
16102
+ async getTriggerRef() {
16103
+ return this.triggerRef;
16104
+ }
16105
+ /**
16106
+ * Returns a unique tab trigger identifier
16107
+ */
16108
+ async getTriggerIdentifier() {
16109
+ return this.identifier || this.chipId;
16110
+ }
16111
+ /**
16112
+ * Focus button element
16113
+ */
16114
+ async setFocus() {
16115
+ this.triggerRef.focus();
16116
+ }
16117
+ get host() { return getElement(this); }
16118
+ static get watchers() { return {
16119
+ "variant": ["validateVariant"],
16120
+ "size": ["validateSize"]
16121
+ }; }
16122
+ static get style() { return govChipCss; }
16123
+ static get cmpMeta() { return {
16124
+ "$flags$": 4,
16125
+ "$tagName$": "gov-chip",
16126
+ "$members$": {
16127
+ "inverse": [4],
16128
+ "disabled": [4],
16129
+ "href": [1],
16130
+ "target": [1],
16131
+ "size": [1],
16132
+ "tag": [1],
16133
+ "variant": [1],
16134
+ "focusable": [4],
16135
+ "identifier": [1],
16136
+ "wcagLabel": [1, "wcag-label"],
16137
+ "wcagControls": [1, "wcag-controls"],
16138
+ "wcagSelected": [4, "wcag-selected"],
16139
+ "getTriggerRef": [64],
16140
+ "getTriggerIdentifier": [64],
16141
+ "setFocus": [64]
16142
+ },
16143
+ "$listeners$": undefined,
16144
+ "$lazyBundleId$": "-",
16145
+ "$attrsToReflect$": []
16146
+ }; }
16147
+ }
16148
+
15842
16149
  const ContainerClass = {
15843
16150
  root: 'gov-container',
15844
16151
  };
@@ -16415,6 +16722,7 @@ const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L']);
16415
16722
  const FormCheckboxClass = {
16416
16723
  root: 'gov-form-checkbox',
16417
16724
  check: 'gov-form-checkbox__check',
16725
+ label: 'gov-form-checkbox__label',
16418
16726
  };
16419
16727
 
16420
16728
  pick(Sizes, ['_M', '_L', '_XL']);
@@ -16480,6 +16788,7 @@ const FormRadioClass = {
16480
16788
  holder: 'gov-form-radio__holder',
16481
16789
  input: 'gov-form-radio__input',
16482
16790
  indicator: 'gov-form-radio__indicator',
16791
+ label: 'gov-form-radio__label',
16483
16792
  };
16484
16793
 
16485
16794
  const FormMessageVariants = pick(Variants, ['SECONDARY', 'SUCCESS', 'ERROR', 'WARNING']);
@@ -16559,7 +16868,7 @@ const govForm = (govHost) => {
16559
16868
 
16560
16869
  var Fragment = (_, children) => [...children];
16561
16870
 
16562
- const govFormCheckboxCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-checkbox{cursor:pointer}.gov-form-checkbox input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-checkbox input+span{position:relative;display:block;cursor:pointer}.gov-form-checkbox input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-checkbox .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-checkbox input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-checkbox .gov-form-label__label,[invalid=true i].gov-form-checkbox .gov-form-label__label,[invalid=\"1\"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-checkbox input+span::before,[invalid=true i].gov-form-checkbox input+span::before,[invalid=\"1\"].gov-form-checkbox input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-checkbox,[disabled=true i].gov-form-checkbox,[disabled=\"1\"].gov-form-checkbox{pointer-events:none}[disabled=\"\"].gov-form-checkbox .gov-form-label__label,[disabled=true i].gov-form-checkbox .gov-form-label__label,[disabled=\"1\"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-checkbox input+span::before,[disabled=true i].gov-form-checkbox input+span::before,[disabled=\"1\"].gov-form-checkbox input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-checkbox{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-checkbox{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-checkbox{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-checkbox{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-checkbox input+span::before{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-form-checkbox__check{position:absolute;color:var(--gov-form-checkbox-check-color, var(--gov-color-neutral-white));opacity:0;transition:150ms linear opacity}.gov-form-checkbox input:checked+span::before{background:var(--gov-form-checkbox-indicator-bg, var(--gov-color-primary))}input:checked+span .gov-form-checkbox__check{opacity:1}.gov-form-checkbox[invalid=\"\"] input:checked+span::before,.gov-form-checkbox[invalid=true i] input:checked+span::before,.gov-form-checkbox[invalid=\"1\"] input:checked+span::before{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-checkbox[disabled=\"\"] input:checked+span::before,.gov-form-checkbox[disabled=true i] input:checked+span::before,.gov-form-checkbox[disabled=\"1\"] input:checked+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-checkbox[size=xs] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-xs-check-size, 0.75rem);height:var(--gov-form-checkbox-core-xs-check-size, 0.75rem)}.gov-form-checkbox[size=s] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);width:var(--gov-form-checkbox-core-s-check-size, 0.825rem);height:var(--gov-form-checkbox-core-s-check-size, 0.825rem)}.gov-form-checkbox[size=m] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);width:var(--gov-form-checkbox-core-m-check-size, 0.9rem);height:var(--gov-form-checkbox-core-m-check-size, 0.9rem)}.gov-form-checkbox[size=l] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);width:var(--gov-form-checkbox-core-l-check-size, 1.2rem);height:var(--gov-form-checkbox-core-l-check-size, 1.2rem)}";
16871
+ const govFormCheckboxCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-checkbox{cursor:pointer}.gov-form-checkbox input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-checkbox input+span{position:relative;display:block;cursor:pointer}.gov-form-checkbox input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-checkbox .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-checkbox input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-checkbox .gov-form-label__label,[invalid=true i].gov-form-checkbox .gov-form-label__label,[invalid=\"1\"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-checkbox input+span::before,[invalid=true i].gov-form-checkbox input+span::before,[invalid=\"1\"].gov-form-checkbox input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-checkbox,[disabled=true i].gov-form-checkbox,[disabled=\"1\"].gov-form-checkbox{pointer-events:none}[disabled=\"\"].gov-form-checkbox .gov-form-label__label,[disabled=true i].gov-form-checkbox .gov-form-label__label,[disabled=\"1\"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-checkbox input+span::before,[disabled=true i].gov-form-checkbox input+span::before,[disabled=\"1\"].gov-form-checkbox input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-checkbox{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-checkbox{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-checkbox{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-checkbox{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-checkbox input+span::before{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-form-checkbox__check{position:absolute;color:var(--gov-form-checkbox-check-color, var(--gov-color-neutral-white));opacity:0;transition:150ms linear opacity}.gov-form-checkbox__label{position:relative}.gov-form-checkbox input:checked+span::before{background:var(--gov-form-checkbox-indicator-bg, var(--gov-color-primary))}input:checked+span .gov-form-checkbox__check{opacity:1}.gov-form-checkbox[invalid=\"\"] input:checked+span::before,.gov-form-checkbox[invalid=true i] input:checked+span::before,.gov-form-checkbox[invalid=\"1\"] input:checked+span::before{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-checkbox[disabled=\"\"] input:checked+span::before,.gov-form-checkbox[disabled=true i] input:checked+span::before,.gov-form-checkbox[disabled=\"1\"] input:checked+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-checkbox[size=xs] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-xs-check-size, 0.75rem);height:var(--gov-form-checkbox-core-xs-check-size, 0.75rem)}.gov-form-checkbox[size=s] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);width:var(--gov-form-checkbox-core-s-check-size, 0.825rem);height:var(--gov-form-checkbox-core-s-check-size, 0.825rem)}.gov-form-checkbox[size=m] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);width:var(--gov-form-checkbox-core-m-check-size, 0.9rem);height:var(--gov-form-checkbox-core-m-check-size, 0.9rem)}.gov-form-checkbox[size=l] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);width:var(--gov-form-checkbox-core-l-check-size, 1.2rem);height:var(--gov-form-checkbox-core-l-check-size, 1.2rem)}";
16563
16872
 
16564
16873
  class GovFormCheckbox {
16565
16874
  constructor(hostRef) {
@@ -16608,7 +16917,7 @@ class GovFormCheckbox {
16608
16917
  render() {
16609
16918
  const wrapCheckbox = (children) => {
16610
16919
  if (this.noLabel) {
16611
- return (hAsync("label", null, children));
16920
+ return (hAsync("label", { class: FormCheckboxClass.label }, children));
16612
16921
  }
16613
16922
  return children;
16614
16923
  };
@@ -16773,7 +17082,7 @@ class GovFormControl {
16773
17082
  }
16774
17083
  render() {
16775
17084
  const Tag = this.fieldset ? "fieldset" : "div";
16776
- return (hAsync(Host, { size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { name: "top" }), hAsync("slot", null), this.h.hasSlot("bottom") && (hAsync("div", { class: FormControlClass.bottom }, hAsync("slot", { name: "bottom" }))))));
17085
+ return (hAsync(Host, { size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { name: "top" }), hAsync("slot", null), (this.h.hasSlot("bottom") && !this.h.isSlotEmpty("bottom")) && (hAsync("div", { class: FormControlClass.bottom }, hAsync("slot", { name: "bottom" }))))));
16777
17086
  }
16778
17087
  get host() { return getElement(this); }
16779
17088
  static get style() { return govFormControlCss; }
@@ -17066,17 +17375,26 @@ class GovFormGroup {
17066
17375
  this.h = govHost(this.host);
17067
17376
  }
17068
17377
  validateGap(newValue) {
17069
- validateProp(FormGroupSizes, newValue, FormGroupClass.root);
17378
+ if (newValue) {
17379
+ validateProp(FormGroupSizes, newValue, FormGroupClass.root);
17380
+ }
17381
+ }
17382
+ validateOrientation(newValue) {
17383
+ if (newValue) {
17384
+ validateProp(FormGroupOrientation, newValue, FormGroupClass.root);
17385
+ }
17070
17386
  }
17071
17387
  componentWillLoad() {
17072
17388
  this.validateGap(this.gap);
17389
+ this.validateOrientation(this.orientation);
17073
17390
  }
17074
17391
  render() {
17075
17392
  return (hAsync(Host, { gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", null)));
17076
17393
  }
17077
17394
  get host() { return getElement(this); }
17078
17395
  static get watchers() { return {
17079
- "gap": ["validateGap"]
17396
+ "gap": ["validateGap"],
17397
+ "orientation": ["validateOrientation"]
17080
17398
  }; }
17081
17399
  static get style() { return govFormGroupCss; }
17082
17400
  static get cmpMeta() { return {
@@ -17616,7 +17934,7 @@ const FormPasswordPowerClass = {
17616
17934
  text: 'gov-form-password-power__text',
17617
17935
  };
17618
17936
 
17619
- const govFormPasswordPowerCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-password-power{display:flex;align-items:center;gap:1.5rem;height:1.5rem}.gov-form-password-power__bar{display:flex;gap:0.25rem;width:100%}.gov-form-password-power__bar span{display:inline-block;width:100%;height:var(--gov-form-password-power-height, 0.25rem);border-radius:var(--gov-form-password-power-radius, 0.125rem);background-color:var(--gov-form-password-power-color, var(--gov-color-secondary-600))}.gov-form-password-power__text{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);text-align:right;flex-basis:3.5rem}.gov-form-password-power[power=\"1\"]{color:var(--gov-form-password-power-color-weak, var(--gov-color-error))}.gov-form-password-power[power=\"1\"] .gov-form-password-power__bar span:nth-child(1){background-color:var(--gov-form-password-power-color-weak, var(--gov-color-error))}.gov-form-password-power[power=\"2\"]{color:var(--gov-form-password-power-color-medium, var(--gov-color-warning-500))}.gov-form-password-power[power=\"2\"] .gov-form-password-power__bar span:nth-child(1),.gov-form-password-power[power=\"2\"] .gov-form-password-power__bar span:nth-child(2){background-color:var(--gov-form-password-power-color-medium, var(--gov-color-warning-500))}.gov-form-password-power[power=\"3\"]{color:var(--gov-form-password-power-color-strong, var(--gov-color-success))}.gov-form-password-power[power=\"3\"] .gov-form-password-power__bar span{background-color:var(--gov-form-password-power-color-strong, var(--gov-color-success))}";
17937
+ const govFormPasswordPowerCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-password-power{display:flex;align-items:center;width:100%;gap:1.5rem;height:1.5rem}.gov-form-password-power__bar{display:flex;gap:0.25rem;width:100%}.gov-form-password-power__bar span{display:inline-block;width:100%;height:var(--gov-form-password-power-height, 0.25rem);border-radius:var(--gov-form-password-power-radius, 0.125rem);background-color:var(--gov-form-password-power-color, var(--gov-color-secondary-600))}.gov-form-password-power__text{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);text-align:right;flex-basis:3.5rem}.gov-form-password-power[power=\"1\"]{color:var(--gov-form-password-power-color-weak, var(--gov-color-error))}.gov-form-password-power[power=\"1\"] .gov-form-password-power__bar span:nth-child(1){background-color:var(--gov-form-password-power-color-weak, var(--gov-color-error))}.gov-form-password-power[power=\"2\"]{color:var(--gov-form-password-power-color-medium, var(--gov-color-warning-500))}.gov-form-password-power[power=\"2\"] .gov-form-password-power__bar span:nth-child(1),.gov-form-password-power[power=\"2\"] .gov-form-password-power__bar span:nth-child(2){background-color:var(--gov-form-password-power-color-medium, var(--gov-color-warning-500))}.gov-form-password-power[power=\"3\"]{color:var(--gov-form-password-power-color-strong, var(--gov-color-success-500))}.gov-form-password-power[power=\"3\"] .gov-form-password-power__bar span{background-color:var(--gov-form-password-power-color-strong, var(--gov-color-success-500))}";
17620
17938
 
17621
17939
  class GovFormPasswordPower {
17622
17940
  constructor(hostRef) {
@@ -17631,15 +17949,15 @@ class GovFormPasswordPower {
17631
17949
  "$flags$": 4,
17632
17950
  "$tagName$": "gov-form-password-power",
17633
17951
  "$members$": {
17634
- "power": [2]
17952
+ "power": [514]
17635
17953
  },
17636
17954
  "$listeners$": undefined,
17637
17955
  "$lazyBundleId$": "-",
17638
- "$attrsToReflect$": []
17956
+ "$attrsToReflect$": [["power", "power"]]
17639
17957
  }; }
17640
17958
  }
17641
17959
 
17642
- const govFormRadioCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-radio{cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block;cursor:pointer}.gov-form-radio input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-radio,[disabled=true i].gov-form-radio,[disabled=\"1\"].gov-form-radio{pointer-events:none}[disabled=\"\"].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-radio{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-radio{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-radio{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:\"\";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=\"\"] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid=\"1\"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=\"\"] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled=\"1\"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);width:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);height:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)}.gov-form-radio[size=s] input+span::after{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);width:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);height:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)}.gov-form-radio[size=m] input+span::after{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-m-dot-size, 0.75rem);height:var(--gov-form-checkbox-core-m-dot-size, 0.75rem)}.gov-form-radio[size=l] input+span::after{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);width:var(--gov-form-checkbox-core-l-dot-size, 1rem);height:var(--gov-form-checkbox-core-l-dot-size, 1rem)}";
17960
+ const govFormRadioCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-radio{cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block;cursor:pointer}.gov-form-radio input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-radio,[disabled=true i].gov-form-radio,[disabled=\"1\"].gov-form-radio{pointer-events:none}[disabled=\"\"].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-radio{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-radio{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-radio{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:\"\";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio__label{position:relative}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=\"\"] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid=\"1\"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=\"\"] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled=\"1\"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);width:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);height:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)}.gov-form-radio[size=s] input+span::after{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);width:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);height:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)}.gov-form-radio[size=m] input+span::after{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-m-dot-size, 0.75rem);height:var(--gov-form-checkbox-core-m-dot-size, 0.75rem)}.gov-form-radio[size=l] input+span::after{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);width:var(--gov-form-checkbox-core-l-dot-size, 1rem);height:var(--gov-form-checkbox-core-l-dot-size, 1rem)}";
17643
17961
 
17644
17962
  class GovFormRadio {
17645
17963
  constructor(hostRef) {
@@ -17686,13 +18004,13 @@ class GovFormRadio {
17686
18004
  }
17687
18005
  }
17688
18006
  render() {
17689
- const wrapCheckbox = children => {
18007
+ const wrapRadio = children => {
17690
18008
  if (this.noLabel) {
17691
- return hAsync("label", null, children);
18009
+ return hAsync("label", { class: FormRadioClass.label }, children);
17692
18010
  }
17693
18011
  return children;
17694
18012
  };
17695
- return (hAsync(Host, { class: FormRadioClass.root, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, hAsync("div", { class: FormRadioClass.holder }, wrapCheckbox(hAsync(Fragment, null, hAsync("input", { class: FormRadioClass.input, id: this.identifier || this.radioId, type: "radio", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), ref: el => (this.inputRef = el), required: this.required, "aria-checked": this.checked, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", null, hAsync("slot", { name: "label" })))))));
18013
+ return (hAsync(Host, { class: FormRadioClass.root, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, hAsync("div", { class: FormRadioClass.holder }, wrapRadio(hAsync(Fragment, null, hAsync("input", { class: FormRadioClass.input, id: this.identifier || this.radioId, type: "radio", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), ref: el => (this.inputRef = el), required: this.required, "aria-checked": this.checked, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", null, hAsync("slot", { name: "label" })))))));
17696
18014
  }
17697
18015
  onClickHandler(e) {
17698
18016
  e.stopPropagation();
@@ -17793,11 +18111,11 @@ class GovFormSearch {
17793
18111
  "$flags$": 4,
17794
18112
  "$tagName$": "gov-form-search",
17795
18113
  "$members$": {
17796
- "variant": [1]
18114
+ "variant": [513]
17797
18115
  },
17798
18116
  "$listeners$": undefined,
17799
18117
  "$lazyBundleId$": "-",
17800
- "$attrsToReflect$": []
18118
+ "$attrsToReflect$": [["variant", "variant"]]
17801
18119
  }; }
17802
18120
  }
17803
18121
 
@@ -17824,6 +18142,7 @@ class GovFormSelect {
17824
18142
  this.wcagLabelledBy = undefined;
17825
18143
  this.wcagOwns = undefined;
17826
18144
  this.focused = undefined;
18145
+ this.options = [];
17827
18146
  this.h = govHost(this.host);
17828
18147
  this.f = govForm(this.h);
17829
18148
  this.selectId = createID('GovSelect');
@@ -17870,7 +18189,9 @@ class GovFormSelect {
17870
18189
  });
17871
18190
  }
17872
18191
  render() {
17873
- return (hAsync(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot('prefix') && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, hAsync("gov-icon", { slot: "right-icon", name: "chevron-down", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync("select", { id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", null))), this.h.hasSlot('sufix') && hAsync("slot", { name: "sufix" })));
18192
+ return (hAsync(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot('prefix') && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, hAsync("gov-icon", { slot: "right-icon", name: "chevron-down", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync("select", { id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", null), this.options.map((option) => {
18193
+ return (hAsync("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, option.label));
18194
+ }))), this.h.hasSlot('sufix') && hAsync("slot", { name: "sufix" })));
17874
18195
  }
17875
18196
  onFocusHandler(e) {
17876
18197
  this.focused = true;
@@ -17915,6 +18236,14 @@ class GovFormSelect {
17915
18236
  async getRef() {
17916
18237
  return this.selectRef;
17917
18238
  }
18239
+ /**
18240
+ * Sets the selection options
18241
+ */
18242
+ async setOptions(options) {
18243
+ if (Array.isArray(options)) {
18244
+ this.options = options;
18245
+ }
18246
+ }
17918
18247
  /**
17919
18248
  * Validate the WCAG attributes of the component
17920
18249
  */
@@ -17953,9 +18282,11 @@ class GovFormSelect {
17953
18282
  "wcagLabelledBy": [1, "wcag-labelled-by"],
17954
18283
  "wcagOwns": [1, "wcag-owns"],
17955
18284
  "focused": [32],
18285
+ "options": [32],
17956
18286
  "setFocus": [64],
17957
18287
  "setValue": [64],
17958
18288
  "getRef": [64],
18289
+ "setOptions": [64],
17959
18290
  "validateWcag": [64]
17960
18291
  },
17961
18292
  "$listeners$": undefined,
@@ -17964,7 +18295,7 @@ class GovFormSelect {
17964
18295
  }; }
17965
18296
  }
17966
18297
 
17967
- const govFormSwitchCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-switch{position:relative;display:flex}.gov-form-switch__holder{display:inline-flex}.gov-form-switch__input{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-switch .gov-form-label__label{position:relative;z-index:1;margin-bottom:0;color:var(--gov-form-switch-color, var(--gov-color-secondary-800))}.gov-form-switch__indicator{position:absolute;top:0;left:0;border:var(--gov-form-switch-indicator-border, 0.0625rem solid var(--gov-color-secondary-500));background-color:var(--gov-form-switch-indicator-bg, var(--gov-color-secondary-300));transition:150ms linear background-color}.gov-form-switch__indicator::before{content:\"\";position:absolute;display:block;border-radius:50%;background-color:var(--gov-form-switch-indicator-circle-bg, var(--gov-color-neutral-white));transition:150ms linear left;box-shadow:var(--gov-form-switch-indicator-circle-box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35))}.gov-form-switch__input:focus-visible~.gov-form-switch__indicator{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary));background-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary))}.gov-form-switch[disabled=\"\"],.gov-form-switch[disabled=true i],.gov-form-switch[disabled=\"1\"]{pointer-events:none}.gov-form-switch[disabled=\"\"] .gov-form-label__label,.gov-form-switch[disabled=true i] .gov-form-label__label,.gov-form-switch[disabled=\"1\"] .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}.gov-form-switch[disabled=\"\"] .gov-form-switch__indicator::before,.gov-form-switch[disabled=true i] .gov-form-switch__indicator::before,.gov-form-switch[disabled=\"1\"] .gov-form-switch__indicator::before{background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300))}.gov-form-switch[disabled=\"\"] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=\"1\"] .gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-switch[invalid=\"\"] .gov-form-label__label,.gov-form-switch[invalid=true i] .gov-form-label__label,.gov-form-switch[invalid=\"1\"] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=\"\"] .gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__indicator,.gov-form-switch[invalid=\"1\"] .gov-form-switch__indicator{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=\"\"] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=\"1\"] .gov-form-switch__input:checked+.gov-form-switch__indicator{background-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[size=xs] .gov-form-label__label{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:0}.gov-form-switch[size=xs] .gov-form-switch__holder{gap:var(--gov-form-switch-xs-gap, 0.75rem)}.gov-form-switch[size=xs] .gov-form-switch__input{width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem)}.gov-form-switch[size=xs] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem);border-radius:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 0.5)}.gov-form-switch[size=xs] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);left:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem));height:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem))}.gov-form-switch[size=xs] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 - var(--gov-form-switch-xs-indicator-height, 1.25rem) + var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem)}.gov-form-switch[size=xs] label{display:inline-flex}.gov-form-switch[size=xs] label .gov-form-switch__input{width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667)}.gov-form-switch[size=s] .gov-form-label__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:0}.gov-form-switch[size=s] .gov-form-switch__holder{gap:var(--gov-form-switch-s-gap, 0.75rem)}.gov-form-switch[size=s] .gov-form-switch__input{width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem)}.gov-form-switch[size=s] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem);border-radius:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 0.5)}.gov-form-switch[size=s] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);left:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem));height:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem))}.gov-form-switch[size=s] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 - var(--gov-form-switch-s-indicator-height, 1.375rem) + var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem)}.gov-form-switch[size=s] label{display:inline-flex}.gov-form-switch[size=s] label .gov-form-switch__input{width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667)}.gov-form-switch[size=m] .gov-form-label__label{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:0}.gov-form-switch[size=m] .gov-form-switch__holder{gap:var(--gov-form-switch-m-gap, 1rem)}.gov-form-switch[size=m] .gov-form-switch__input{width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem)}.gov-form-switch[size=m] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem);border-radius:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 0.5)}.gov-form-switch[size=m] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);left:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem));height:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem))}.gov-form-switch[size=m] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 - var(--gov-form-switch-m-indicator-height, 1.5rem) + var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem)}.gov-form-switch[size=m] label{display:inline-flex}.gov-form-switch[size=m] label .gov-form-switch__input{width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667)}.gov-form-switch[size=l] .gov-form-label__label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:0}.gov-form-switch[size=l] .gov-form-switch__holder{gap:var(--gov-form-switch-l-gap, 1rem)}.gov-form-switch[size=l] .gov-form-switch__input{width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem)}.gov-form-switch[size=l] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem);border-radius:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 0.5)}.gov-form-switch[size=l] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);left:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);width:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem));height:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem))}.gov-form-switch[size=l] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 - var(--gov-form-switch-l-indicator-height, 2rem) + var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem)}.gov-form-switch[size=l] label{display:inline-flex}.gov-form-switch[size=l] label .gov-form-switch__input{width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667)}";
18298
+ const govFormSwitchCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-switch{position:relative;display:flex}.gov-form-switch__holder{display:inline-flex}.gov-form-switch__input{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex-shrink:0}.gov-form-switch .gov-form-label__label{position:relative;z-index:1;margin-bottom:0;color:var(--gov-form-switch-color, var(--gov-color-secondary-800))}.gov-form-switch__indicator{position:absolute;top:0;left:0;border:var(--gov-form-switch-indicator-border, 0.0625rem solid var(--gov-color-secondary-500));background-color:var(--gov-form-switch-indicator-bg, var(--gov-color-secondary-300));transition:150ms linear background-color}.gov-form-switch__indicator::before{content:\"\";position:absolute;display:block;border-radius:50%;background-color:var(--gov-form-switch-indicator-circle-bg, var(--gov-color-neutral-white));transition:150ms linear left;box-shadow:var(--gov-form-switch-indicator-circle-box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35))}.gov-form-switch__input:focus-visible~.gov-form-switch__indicator{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary));background-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary))}.gov-form-switch[disabled=\"\"],.gov-form-switch[disabled=true i],.gov-form-switch[disabled=\"1\"]{pointer-events:none}.gov-form-switch[disabled=\"\"] .gov-form-label__label,.gov-form-switch[disabled=true i] .gov-form-label__label,.gov-form-switch[disabled=\"1\"] .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}.gov-form-switch[disabled=\"\"] .gov-form-switch__indicator::before,.gov-form-switch[disabled=true i] .gov-form-switch__indicator::before,.gov-form-switch[disabled=\"1\"] .gov-form-switch__indicator::before{background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300))}.gov-form-switch[disabled=\"\"] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=\"1\"] .gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-switch[invalid=\"\"] .gov-form-label__label,.gov-form-switch[invalid=true i] .gov-form-label__label,.gov-form-switch[invalid=\"1\"] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=\"\"] .gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__indicator,.gov-form-switch[invalid=\"1\"] .gov-form-switch__indicator{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=\"\"] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=\"1\"] .gov-form-switch__input:checked+.gov-form-switch__indicator{background-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[size=xs] .gov-form-label__label{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:0}.gov-form-switch[size=xs] .gov-form-switch__holder{gap:var(--gov-form-switch-xs-gap, 0.75rem)}.gov-form-switch[size=xs] .gov-form-switch__input{width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem)}.gov-form-switch[size=xs] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem);border-radius:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 0.5)}.gov-form-switch[size=xs] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);left:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem));height:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem))}.gov-form-switch[size=xs] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 - var(--gov-form-switch-xs-indicator-height, 1.25rem) + var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem)}.gov-form-switch[size=xs] label{display:inline-flex}.gov-form-switch[size=xs] label .gov-form-switch__input{width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667)}.gov-form-switch[size=s] .gov-form-label__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:0}.gov-form-switch[size=s] .gov-form-switch__holder{gap:var(--gov-form-switch-s-gap, 0.75rem)}.gov-form-switch[size=s] .gov-form-switch__input{width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem)}.gov-form-switch[size=s] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem);border-radius:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 0.5)}.gov-form-switch[size=s] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);left:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem));height:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem))}.gov-form-switch[size=s] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 - var(--gov-form-switch-s-indicator-height, 1.375rem) + var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem)}.gov-form-switch[size=s] label{display:inline-flex}.gov-form-switch[size=s] label .gov-form-switch__input{width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667)}.gov-form-switch[size=m] .gov-form-label__label{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:0}.gov-form-switch[size=m] .gov-form-switch__holder{gap:var(--gov-form-switch-m-gap, 1rem)}.gov-form-switch[size=m] .gov-form-switch__input{width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem)}.gov-form-switch[size=m] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem);border-radius:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 0.5)}.gov-form-switch[size=m] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);left:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem));height:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem))}.gov-form-switch[size=m] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 - var(--gov-form-switch-m-indicator-height, 1.5rem) + var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem)}.gov-form-switch[size=m] label{display:inline-flex}.gov-form-switch[size=m] label .gov-form-switch__input{width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667)}.gov-form-switch[size=l] .gov-form-label__label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:0}.gov-form-switch[size=l] .gov-form-switch__holder{gap:var(--gov-form-switch-l-gap, 1rem)}.gov-form-switch[size=l] .gov-form-switch__input{width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem)}.gov-form-switch[size=l] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem);border-radius:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 0.5)}.gov-form-switch[size=l] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);left:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);width:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem));height:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem))}.gov-form-switch[size=l] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 - var(--gov-form-switch-l-indicator-height, 2rem) + var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem)}.gov-form-switch[size=l] label{display:inline-flex}.gov-form-switch[size=l] label .gov-form-switch__input{width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667)}";
17968
18299
 
17969
18300
  class GovFormSwitch {
17970
18301
  constructor(hostRef) {
@@ -18252,11 +18583,12 @@ const InfobarClass = {
18252
18583
  section: 'gov-infobar__section',
18253
18584
  icon: 'gov-infobar__icon',
18254
18585
  content: 'gov-infobar__content',
18586
+ closable: 'gov-infobar__content--closable',
18255
18587
  headline: 'gov-infobar__headline',
18256
18588
  close: 'gov-infobar__close',
18257
18589
  };
18258
18590
 
18259
- const govInfobarCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-infobar{position:relative;display:block;width:100%}.gov-infobar__section{display:flex;gap:1rem;padding:1rem}.gov-infobar__icon{flex:0 0 auto}.gov-infobar__icon>*{width:1.25rem;height:1.25rem}.gov-infobar__headline{display:flex;gap:1rem}.gov-infobar__headline+div{margin-top:0.5rem}.gov-infobar__headline p{margin-bottom:0}.gov-infobar__headline gov-button{margin-top:-0.25rem}.gov-infobar__content{padding-right:3.5rem}.gov-infobar__content>*:last-child{margin-bottom:0}.gov-infobar__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-infobar__content a{color:inherit}@media not all and (pointer: coarse){.gov-infobar__content a:hover{color:inherit}}.gov-infobar__close{position:absolute;top:0.875rem;right:1rem}.gov-infobar[variant=warning]{background-color:var(--gov-infobar-warning-bg-color, var(--gov-color-warning))}.gov-infobar[variant=warning] .gov-infobar__icon{color:var(--gov-infobar-warning-icon-color, var(--gov-color-secondary))}.gov-infobar[variant=warning] .gov-infobar__content{color:var(--gov-infobar-warning-text-color, var(--gov-color-secondary))}.gov-infobar[variant=warning][inverse=\"\"],.gov-infobar[variant=warning][inverse=true i],.gov-infobar[variant=warning][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=warning][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=warning][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=warning][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-warning-bg-color, var(--gov-color-warning))}.gov-infobar[variant=warning][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=warning][inverse=true i] .gov-infobar__content,.gov-infobar[variant=warning][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=error]{background-color:var(--gov-infobar-error-bg-color, var(--gov-color-error))}.gov-infobar[variant=error] .gov-infobar__icon{color:var(--gov-infobar-error-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=error] .gov-infobar__content{color:var(--gov-infobar-error-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=error][inverse=\"\"],.gov-infobar[variant=error][inverse=true i],.gov-infobar[variant=error][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=error][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=error][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=error][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-error-bg-color, var(--gov-color-error))}.gov-infobar[variant=error][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=error][inverse=true i] .gov-infobar__content,.gov-infobar[variant=error][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=secondary]{background-color:var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary))}.gov-infobar[variant=secondary] .gov-infobar__icon{color:var(--gov-infobar-secondary-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary] .gov-infobar__content{color:var(--gov-infobar-secondary-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary][inverse=\"\"],.gov-infobar[variant=secondary][inverse=true i],.gov-infobar[variant=secondary][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=secondary][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=secondary][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary))}.gov-infobar[variant=secondary][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=secondary][inverse=true i] .gov-infobar__content,.gov-infobar[variant=secondary][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=success]{background-color:var(--gov-infobar-success-bg-color, var(--gov-color-success-500))}.gov-infobar[variant=success] .gov-infobar__icon{color:var(--gov-infobar-success-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=success] .gov-infobar__content{color:var(--gov-infobar-success-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=success][inverse=\"\"],.gov-infobar[variant=success][inverse=true i],.gov-infobar[variant=success][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=success][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=success][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=success][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-success-bg-color, var(--gov-color-success-500))}.gov-infobar[variant=success][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=success][inverse=true i] .gov-infobar__content,.gov-infobar[variant=success][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=primary]{background-color:var(--gov-infobar-primary-bg-color, var(--gov-color-primary))}.gov-infobar[variant=primary] .gov-infobar__icon{color:var(--gov-infobar-primary-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=primary] .gov-infobar__content{color:var(--gov-infobar-primary-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=primary][inverse=\"\"],.gov-infobar[variant=primary][inverse=true i],.gov-infobar[variant=primary][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=primary][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=primary][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=primary][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-primary-bg-color, var(--gov-color-primary))}.gov-infobar[variant=primary][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=primary][inverse=true i] .gov-infobar__content,.gov-infobar[variant=primary][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}@media (min-width: 75em){.gov-infobar__content{padding-right:2rem}}";
18591
+ const govInfobarCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-infobar{position:relative;display:block;width:100%}.gov-infobar__section{display:flex;gap:1rem;padding:1rem}.gov-infobar__icon{flex:0 0 auto}.gov-infobar__icon>*{width:1.25rem;height:1.25rem}.gov-infobar__headline{display:flex;gap:1rem}.gov-infobar__headline+div{margin-top:0.5rem}.gov-infobar__headline p{margin-bottom:0}.gov-infobar__headline gov-button{margin-top:-0.25rem}.gov-infobar__content{width:100%}.gov-infobar__content>*:last-child{margin-bottom:0}.gov-infobar__content--closable{padding-right:3.5rem}.gov-infobar__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-infobar__content a{color:inherit}@media not all and (pointer: coarse){.gov-infobar__content a:hover{color:inherit}}.gov-infobar__close{position:absolute;top:0.875rem;right:1rem}.gov-infobar[variant=warning]{background-color:var(--gov-infobar-warning-bg-color, var(--gov-color-warning))}.gov-infobar[variant=warning] .gov-infobar__icon{color:var(--gov-infobar-warning-icon-color, var(--gov-color-secondary))}.gov-infobar[variant=warning] .gov-infobar__content{color:var(--gov-infobar-warning-text-color, var(--gov-color-secondary))}.gov-infobar[variant=warning][inverse=\"\"],.gov-infobar[variant=warning][inverse=true i],.gov-infobar[variant=warning][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=warning][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=warning][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=warning][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-warning-bg-color, var(--gov-color-warning))}.gov-infobar[variant=warning][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=warning][inverse=true i] .gov-infobar__content,.gov-infobar[variant=warning][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=error]{background-color:var(--gov-infobar-error-bg-color, var(--gov-color-error))}.gov-infobar[variant=error] .gov-infobar__icon{color:var(--gov-infobar-error-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=error] .gov-infobar__content{color:var(--gov-infobar-error-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=error][inverse=\"\"],.gov-infobar[variant=error][inverse=true i],.gov-infobar[variant=error][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=error][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=error][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=error][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-error-bg-color, var(--gov-color-error))}.gov-infobar[variant=error][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=error][inverse=true i] .gov-infobar__content,.gov-infobar[variant=error][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=secondary]{background-color:var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary))}.gov-infobar[variant=secondary] .gov-infobar__icon{color:var(--gov-infobar-secondary-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary] .gov-infobar__content{color:var(--gov-infobar-secondary-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary][inverse=\"\"],.gov-infobar[variant=secondary][inverse=true i],.gov-infobar[variant=secondary][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=secondary][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=secondary][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary))}.gov-infobar[variant=secondary][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=secondary][inverse=true i] .gov-infobar__content,.gov-infobar[variant=secondary][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=success]{background-color:var(--gov-infobar-success-bg-color, var(--gov-color-success-500))}.gov-infobar[variant=success] .gov-infobar__icon{color:var(--gov-infobar-success-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=success] .gov-infobar__content{color:var(--gov-infobar-success-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=success][inverse=\"\"],.gov-infobar[variant=success][inverse=true i],.gov-infobar[variant=success][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=success][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=success][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=success][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-success-bg-color, var(--gov-color-success-500))}.gov-infobar[variant=success][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=success][inverse=true i] .gov-infobar__content,.gov-infobar[variant=success][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=primary]{background-color:var(--gov-infobar-primary-bg-color, var(--gov-color-primary))}.gov-infobar[variant=primary] .gov-infobar__icon{color:var(--gov-infobar-primary-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=primary] .gov-infobar__content{color:var(--gov-infobar-primary-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=primary][inverse=\"\"],.gov-infobar[variant=primary][inverse=true i],.gov-infobar[variant=primary][inverse=\"1\"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=primary][inverse=\"\"] .gov-infobar__icon,.gov-infobar[variant=primary][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=primary][inverse=\"1\"] .gov-infobar__icon{color:var(--gov-infobar-primary-bg-color, var(--gov-color-primary))}.gov-infobar[variant=primary][inverse=\"\"] .gov-infobar__content,.gov-infobar[variant=primary][inverse=true i] .gov-infobar__content,.gov-infobar[variant=primary][inverse=\"1\"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}@media (min-width: 75em){.gov-infobar__content{padding-right:2rem}}";
18260
18592
 
18261
18593
  class GovInfobar {
18262
18594
  constructor(hostRef) {
@@ -18266,7 +18598,7 @@ class GovInfobar {
18266
18598
  this.variant = "primary";
18267
18599
  this.inverse = false;
18268
18600
  this.wcagCloseLabel = undefined;
18269
- this.wcagToggleLabel = undefined;
18601
+ this.wcagToggleLabel = 'Zobrazit více informací';
18270
18602
  this.closable = false;
18271
18603
  this.toggleContent = false;
18272
18604
  this.h = govHost(this.host);
@@ -18291,7 +18623,7 @@ class GovInfobar {
18291
18623
  variant = "secondary";
18292
18624
  }
18293
18625
  const closeButton = (hAsync("div", { class: InfobarClass.close }, hAsync("gov-button", { size: "s", "aria-label": this.wcagCloseLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))));
18294
- return (hAsync(Host, { class: this.h.classes(InfobarClass.root), variant: this.variant }, hAsync("section", { class: InfobarClass.section, role: "infobar" }, this.h.hasSlot("icon") && (hAsync("div", { class: InfobarClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: InfobarClass.content }, this.headline ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("p", null, this.headline), hAsync("gov-button", { size: "s", "aria-label": this.wcagToggleLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": () => this.toggleContent = !this.toggleContent }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down' }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null)))), this.closable && closeButton));
18626
+ return (hAsync(Host, { class: this.h.classes(InfobarClass.root), variant: this.variant }, hAsync("section", { class: InfobarClass.section, role: "infobar" }, this.h.hasSlot("icon") && (hAsync("div", { class: InfobarClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: InfobarClass.content + (this.closable ? ' ' + InfobarClass.closable : '') }, this.headline ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("p", null, this.headline), hAsync("gov-button", { size: "s", "aria-label": this.wcagToggleLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": () => this.toggleContent = !this.toggleContent }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down' }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null)))), this.closable && closeButton));
18295
18627
  }
18296
18628
  onCloseHandler(e) {
18297
18629
  this.govClose.emit({
@@ -18500,6 +18832,7 @@ class GovModal {
18500
18832
  registerInstance(this, hostRef);
18501
18833
  this.govClose = createEvent(this, "gov-close", 7);
18502
18834
  this.open = false;
18835
+ this.blockClose = false;
18503
18836
  this.label = undefined;
18504
18837
  this.role = "dialog";
18505
18838
  this.labelTag = "h2";
@@ -18546,12 +18879,14 @@ class GovModal {
18546
18879
  }
18547
18880
  render() {
18548
18881
  const LabelTag = this.labelTag;
18549
- return (hAsync(Host, { class: this.h.classes(ModalClass.root), open: this.open }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.open, tabindex: "-1", open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot("icon") && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)), this.h.hasSlot("footer") && (hAsync("div", { class: ModalClass.footer }, hAsync("slot", { name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
18882
+ return (hAsync(Host, { class: this.h.classes(ModalClass.root), open: this.open }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.open, tabindex: "-1", open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot("icon") && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { disabled: this.blockClose, class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)), this.h.hasSlot("footer") && (hAsync("div", { class: ModalClass.footer }, hAsync("slot", { name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
18550
18883
  }
18551
18884
  onCloseHandler(e) {
18552
18885
  e.stopPropagation();
18553
- this.hideModal();
18554
- this.govClose.emit(e);
18886
+ if (this.blockClose === false) {
18887
+ this.hideModal();
18888
+ this.govClose.emit(e);
18889
+ }
18555
18890
  }
18556
18891
  /**
18557
18892
  * Showing the modal
@@ -18583,6 +18918,7 @@ class GovModal {
18583
18918
  "$tagName$": "gov-modal",
18584
18919
  "$members$": {
18585
18920
  "open": [1028],
18921
+ "blockClose": [4, "block-close"],
18586
18922
  "label": [1],
18587
18923
  "role": [1],
18588
18924
  "labelTag": [1, "label-tag"],
@@ -19033,7 +19369,7 @@ const SideNavItemClass = {
19033
19369
  name: 'gov-side-nav-item__name',
19034
19370
  label: 'gov-side-nav-item__label',
19035
19371
  arrow: 'gov-side-nav-item__arrow',
19036
- badge: 'gov-side-nav-item__badge',
19372
+ chip: 'gov-side-nav-item__chip',
19037
19373
  content: 'gov-side-nav-item__content',
19038
19374
  };
19039
19375
 
@@ -19091,7 +19427,7 @@ class GovSideNav {
19091
19427
  }; }
19092
19428
  }
19093
19429
 
19094
- const govSideNavItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-side-nav-item{position:relative;display:block;width:100%}.gov-side-nav-item__header{display:flex;align-items:center;border-bottom:var(--gov-side-nav-border, 0.0625rem solid var(--gov-color-secondary-500))}.gov-side-nav-item__name{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:flex;gap:1rem;flex:1 1 auto;justify-content:flex-start;padding:0.75rem 1rem 0.75rem 0.5rem;color:var(--gov-side-nav-color, var(--gov-color-secondary));text-align:left;transition:background-color 150ms}.gov-side-nav-item__name:focus{outline:none}.gov-side-nav-item__name:focus{outline:none}.gov-side-nav-item__name:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}button.gov-side-nav-item__name{padding-right:0 !important}@media not all and (pointer: coarse){.gov-side-nav-item__name:hover{background:var(--gov-side-nav-hover-bg, var(--gov-color-primary-200))}}.gov-side-nav-item__icon{display:flex;flex:0 0 auto;width:1rem;height:1rem}.gov-side-nav-item__icon .gov-icon{margin:0;color:var(--gov-side-nav-color, var(--gov-color-secondary))}.gov-side-nav-item__label{color:inherit}.gov-side-nav-item__badge{display:flex;flex:0 0 auto}.gov-side-nav-item__arrow{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;align-self:stretch;width:3rem;margin-left:auto;color:var(--gov-side-nav-arrow-color, var(--gov-color-primary));transition:background-color 150ms}.gov-side-nav-item__arrow:focus{outline:none}.gov-side-nav-item__arrow:focus{outline:none}.gov-side-nav-item__arrow:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-side-nav-item__arrow .gov-icon{width:0.75rem;height:0.75rem}@media not all and (pointer: coarse){.gov-side-nav-item__arrow:hover{background:var(--gov-side-nav-hover-bg, var(--gov-color-primary-200))}}.gov-side-nav-item__content{display:none}.gov-side-nav-item--w-icon .gov-side-nav-item__label{margin-left:2rem}.gov-side-nav-item--w-icon .gov-side-nav-item__icon+.gov-side-nav-item__label{margin-left:0}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__header{border:none !important}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__name{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);padding:0.625rem 0.5rem;font-weight:bold}.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"1\"]{background:var(--gov-side-nav-bg-level-2, var(--gov-color-secondary-300))}.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"\"][inverse=\"\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"\"][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"\"][inverse=\"1\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=\"\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=\"1\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"1\"][inverse=\"\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"1\"][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"1\"][inverse=\"1\"]{background:var(--gov-side-nav-bg-level-2, var(--gov-color-neutral-white))}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__name{gap:0.75rem;font-weight:inherit}.gov-side-nav-item[compact=\"\"] .gov-side-nav-item__header,.gov-side-nav-item[compact=true i] .gov-side-nav-item__header,.gov-side-nav-item[compact=\"1\"] .gov-side-nav-item__header{border-bottom:none}.gov-side-nav-item[aria-expanded=\"\"]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon,.gov-side-nav-item[aria-expanded=true i]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon,.gov-side-nav-item[aria-expanded=\"1\"]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon{transform:scale(-1)}.gov-side-nav-item[aria-expanded=\"\"]>.gov-side-nav-item__content,.gov-side-nav-item[aria-expanded=true i]>.gov-side-nav-item__content,.gov-side-nav-item[aria-expanded=\"1\"]>.gov-side-nav-item__content{display:block}";
19430
+ const govSideNavItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-side-nav-item{position:relative;display:block;width:100%}.gov-side-nav-item__header{display:flex;align-items:center;border-bottom:var(--gov-side-nav-border, 0.0625rem solid var(--gov-color-secondary-500))}.gov-side-nav-item__name{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:flex;gap:1rem;flex:1 1 auto;justify-content:flex-start;padding:0.75rem 1rem 0.75rem 0.5rem;color:var(--gov-side-nav-color, var(--gov-color-secondary));text-align:left;transition:background-color 150ms}.gov-side-nav-item__name:focus{outline:none}.gov-side-nav-item__name:focus{outline:none}.gov-side-nav-item__name:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}button.gov-side-nav-item__name{padding-right:0 !important}@media not all and (pointer: coarse){.gov-side-nav-item__name:hover{background:var(--gov-side-nav-hover-bg, var(--gov-color-primary-200))}}.gov-side-nav-item__icon{display:flex;flex:0 0 auto;width:1rem;height:1rem}.gov-side-nav-item__icon .gov-icon{margin:0;color:var(--gov-side-nav-color, var(--gov-color-secondary))}.gov-side-nav-item__label{color:inherit}.gov-side-nav-item__chip{display:flex;flex:0 0 auto}.gov-side-nav-item__arrow{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;align-self:stretch;width:3rem;margin-left:auto;color:var(--gov-side-nav-arrow-color, var(--gov-color-primary));transition:background-color 150ms}.gov-side-nav-item__arrow:focus{outline:none}.gov-side-nav-item__arrow:focus{outline:none}.gov-side-nav-item__arrow:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-side-nav-item__arrow .gov-icon{width:0.75rem;height:0.75rem}@media not all and (pointer: coarse){.gov-side-nav-item__arrow:hover{background:var(--gov-side-nav-hover-bg, var(--gov-color-primary-200))}}.gov-side-nav-item__content{display:none}.gov-side-nav-item--w-icon .gov-side-nav-item__label{margin-left:2rem}.gov-side-nav-item--w-icon .gov-side-nav-item__icon+.gov-side-nav-item__label{margin-left:0}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__header{border:none !important}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__name{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);padding:0.625rem 0.5rem;font-weight:bold}.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"1\"]{background:var(--gov-side-nav-bg-level-2, var(--gov-color-secondary-300))}.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"\"][inverse=\"\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"\"][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"\"][inverse=\"1\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=\"\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=\"1\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"1\"][inverse=\"\"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"1\"][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=\"1\"][inverse=\"1\"]{background:var(--gov-side-nav-bg-level-2, var(--gov-color-neutral-white))}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__name{gap:0.75rem;font-weight:inherit}.gov-side-nav-item[compact=\"\"] .gov-side-nav-item__header,.gov-side-nav-item[compact=true i] .gov-side-nav-item__header,.gov-side-nav-item[compact=\"1\"] .gov-side-nav-item__header{border-bottom:none}.gov-side-nav-item[aria-expanded=\"\"]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon,.gov-side-nav-item[aria-expanded=true i]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon,.gov-side-nav-item[aria-expanded=\"1\"]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon{transform:scale(-1)}.gov-side-nav-item[aria-expanded=\"\"]>.gov-side-nav-item__content,.gov-side-nav-item[aria-expanded=true i]>.gov-side-nav-item__content,.gov-side-nav-item[aria-expanded=\"1\"]>.gov-side-nav-item__content{display:block}";
19095
19431
 
19096
19432
  class GovSideNavItem {
19097
19433
  constructor(hostRef) {
@@ -19128,7 +19464,7 @@ class GovSideNavItem {
19128
19464
  const { isExpandedState, label } = this;
19129
19465
  // TODO: správný počet zanořených childů
19130
19466
  const hasChilds = this.host.children.length > 1;
19131
- return (hAsync(Host, { class: this.classNames, role: "listitem", inverse: this.inverse, "aria-expanded": booleanString(isExpandedState) }, this.href ? (hAsync("div", { class: SideNavItemClass.header }, hAsync("a", { class: SideNavItemClass.name, href: this.href }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), this.count && (hAsync("span", { class: SideNavItemClass.badge }, hAsync("gov-badge", { variant: "secondary", size: "s", inverse: this.inverse }, "3")))), hasChilds && (hAsync("button", { type: "button", class: SideNavItemClass.arrow, onClick: () => this.toggle() }, hAsync("gov-icon", { name: "chevron-down" }))))) : (hAsync("div", { class: SideNavItemClass.header }, hAsync("button", { class: SideNavItemClass.name, type: "button", onClick: () => this.toggle() }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), hasChilds && (hAsync("span", { class: SideNavItemClass.arrow }, hAsync("gov-icon", { name: "chevron-down" })))))), hasChilds && (hAsync("div", { class: SideNavItemClass.content }, hAsync("slot", null)))));
19467
+ return (hAsync(Host, { class: this.classNames, role: "listitem", inverse: this.inverse, "aria-expanded": booleanString(isExpandedState) }, this.href ? (hAsync("div", { class: SideNavItemClass.header }, hAsync("a", { class: SideNavItemClass.name, href: this.href }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), this.count && (hAsync("span", { class: SideNavItemClass.chip }, hAsync("gov-chip", { variant: "secondary", size: "s", inverse: this.inverse }, "3")))), hasChilds && (hAsync("button", { type: "button", class: SideNavItemClass.arrow, onClick: () => this.toggle() }, hAsync("gov-icon", { name: "chevron-down" }))))) : (hAsync("div", { class: SideNavItemClass.header }, hAsync("button", { class: SideNavItemClass.name, type: "button", onClick: () => this.toggle() }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), hasChilds && (hAsync("span", { class: SideNavItemClass.arrow }, hAsync("gov-icon", { name: "chevron-down" })))))), hasChilds && (hAsync("div", { class: SideNavItemClass.content }, hAsync("slot", null)))));
19132
19468
  }
19133
19469
  /**
19134
19470
  * Opening the sidenav
@@ -19598,7 +19934,7 @@ const TabVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR',
19598
19934
  var TabTypes;
19599
19935
  (function (TabTypes) {
19600
19936
  TabTypes["TEXT"] = "text";
19601
- TabTypes["BADGE"] = "badge";
19937
+ TabTypes["CHIP"] = "chip";
19602
19938
  })(TabTypes || (TabTypes = {}));
19603
19939
  var TabOrientation;
19604
19940
  (function (TabOrientation) {
@@ -19617,7 +19953,7 @@ const TabsItemClass = {
19617
19953
  inner: 'gov-tabs-item__inner',
19618
19954
  };
19619
19955
 
19620
- const govTabsCss = ".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.25rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;text-transform:uppercase;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=badge] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn{color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-primary-color-active, var(--gov-color-primary-800));color:cmake-var(tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn{color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-secondary-color-active, var(--gov-color-secondary-900));color:cmake-var(tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn{color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-success-color-active, var(--gov-color-success-700));color:cmake-var(tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn{color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-warning-color-active, var(--gov-color-warning-700));color:cmake-var(tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn{color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-error-color-active, var(--gov-color-error-600));color:cmake-var(tabs-error-color-active, var(--gov-color-error-600))}.gov-tabs[orientation=vertical] .gov-tabs__btn{text-align:left}@media (min-width: 75em){.gov-tabs[orientation=vertical]{display:flex;flex-direction:row}.gov-tabs[orientation=vertical] .gov-tabs__list{flex-wrap:nowrap;flex-direction:column;width:-moz-max-content;width:max-content;max-width:30vw;margin-right:1.25rem;padding:0rem 0.5rem;border-bottom:none;border-right:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[orientation=vertical] .gov-tabs__item{justify-content:flex-end}.gov-tabs[orientation=vertical] .gov-tabs__btn{padding:0.5rem 0.75rem;text-align:right}}";
19956
+ const govTabsCss = ".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.25rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=chip] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn{color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800));color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn{color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900));color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn{color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-success-color-active, var(--gov-color-success-700));color:var(--gov-tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn{color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700));color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn{color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-error-color-active, var(--gov-color-error-600));color:var(--gov-tabs-error-color-active, var(--gov-color-error-600))}.gov-tabs[orientation=vertical] .gov-tabs__btn{text-align:left}@media (min-width: 75em){.gov-tabs[orientation=vertical]{display:flex;flex-direction:row}.gov-tabs[orientation=vertical] .gov-tabs__list{flex-wrap:nowrap;flex-direction:column;width:-moz-max-content;width:max-content;max-width:30vw;margin-right:1.25rem;padding:0rem 0.5rem;border-bottom:none;border-right:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[orientation=vertical] .gov-tabs__item{justify-content:flex-end}.gov-tabs[orientation=vertical] .gov-tabs__btn{padding:0.5rem 0.75rem;text-align:right}}";
19621
19957
 
19622
19958
  class GovTabs {
19623
19959
  constructor(hostRef) {
@@ -19627,14 +19963,14 @@ class GovTabs {
19627
19963
  this.controller = [];
19628
19964
  this.focusIndex = 0;
19629
19965
  this.compactControls = false;
19630
- this.type = 'text';
19631
- this.variant = 'primary';
19632
- this.orientation = 'horizontal';
19966
+ this.type = "text";
19967
+ this.variant = "primary";
19968
+ this.orientation = "horizontal";
19633
19969
  this.wcagLabel = undefined;
19634
19970
  this.wcagSelectLabel = undefined;
19635
19971
  this.wcagLabelledBy = undefined;
19636
19972
  this.h = govHost(this.host);
19637
- this.formSelectId = createID('GovForSelect');
19973
+ this.formSelectId = createID("GovFormSelect");
19638
19974
  }
19639
19975
  validateType(newValue) {
19640
19976
  validateProp(TabTypes, newValue, TabsClass.root);
@@ -19656,10 +19992,13 @@ class GovTabs {
19656
19992
  this.controller = [];
19657
19993
  const promises = [];
19658
19994
  this.host.querySelectorAll(TabsItemClass.root).forEach((tab) => {
19659
- const controlItem = Promise.all([tab.getIdentifier(), tab.getTriggerIdentifier()]).then(([identifier, triggerIdentifier]) => {
19660
- const isDefault = typeof tab.getAttribute('default') === 'string';
19995
+ const controlItem = Promise.all([
19996
+ tab.getIdentifier(),
19997
+ tab.getTriggerIdentifier(),
19998
+ ]).then(([identifier, triggerIdentifier]) => {
19999
+ const isDefault = typeof tab.getAttribute("default") === "string";
19661
20000
  return {
19662
- label: tab.getAttribute('label'),
20001
+ label: tab.getAttribute("label"),
19663
20002
  contentIdentifier: identifier,
19664
20003
  triggerIdentifier: triggerIdentifier,
19665
20004
  element: tab,
@@ -19706,7 +20045,7 @@ class GovTabs {
19706
20045
  resizeObserver.observe(this.tabsRef);
19707
20046
  }
19708
20047
  render() {
19709
- return (hAsync(Host, { class: this.h.classes(TabsClass.root), variant: this.variant, type: this.type, role: "tablist", ref: el => (this.tabsRef = el), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", { class: TabsClass.tabs, "aria-hidden": toBoolAttr(this.compactControls) }, hAsync("ul", { class: TabsClass.list }, this.controller.map((control, index) => (hAsync("li", { class: TabsClass.item }, this.type == 'text' ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control, index), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active ? -1 : 0, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.label)) : (hAsync("gov-badge", { variant: this.variant, inverse: control.active, "on-gov-click": () => this.onSelectHandler(control, index) }, control.label))))))), hAsync("span", { id: this.formSelectId, hidden: true }, this.wcagSelectLabel), this.compactControls ? (hAsync("gov-form-select", { "wcag-labelled-by": this.formSelectId, "onGov-change": this.onChangeHandler.bind(this) }, this.controller.map(control => (hAsync("option", { value: control.triggerIdentifier, selected: control.active }, control.label))))) : null, hAsync("slot", null)));
20048
+ return (hAsync(Host, { class: this.h.classes(TabsClass.root), variant: this.variant, type: this.type, role: "tablist", ref: el => (this.tabsRef = el), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", { class: TabsClass.tabs, "aria-hidden": toBoolAttr(this.compactControls) }, hAsync("ul", { class: TabsClass.list }, this.controller.map((control, index) => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control, index), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.label)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "wcag-selected": control.active, "wcag-controls": control.contentIdentifier, focusable: control.active, variant: this.variant, inverse: !control.active, ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control, index) }, control.label))))))), hAsync("span", { id: this.formSelectId, hidden: true }, this.wcagSelectLabel), this.compactControls ? (hAsync("gov-form-select", { "wcag-labelled-by": this.formSelectId, "onGov-change": this.onChangeHandler.bind(this) }, this.controller.map(control => (hAsync("option", { value: control.triggerIdentifier, selected: control.active }, control.label))))) : null, hAsync("slot", null)));
19710
20049
  }
19711
20050
  getCurrentTab() {
19712
20051
  return this.controller.find(control => control.active) || null;
@@ -19727,18 +20066,18 @@ class GovTabs {
19727
20066
  onKeydownHandler(e) {
19728
20067
  const keyCode = e.keyCode;
19729
20068
  e.stopPropagation();
19730
- if (keyCode === 39 || keyCode === 37) {
20069
+ if ([37, 38, 39, 40].includes(keyCode)) {
19731
20070
  if (false === (this.focusIndex >= 0 && this.focusIndex <= this.controller.length - 1)) {
19732
20071
  return;
19733
20072
  }
19734
20073
  this.controller[this.focusIndex].active = false;
19735
- if (keyCode === 39) {
20074
+ if (keyCode === 39 || keyCode === 40) {
19736
20075
  this.focusIndex++;
19737
20076
  if (this.focusIndex >= this.controller.length) {
19738
20077
  this.focusIndex = 0;
19739
20078
  }
19740
20079
  }
19741
- else if (keyCode === 37) {
20080
+ else if (keyCode === 37 || keyCode === 38) {
19742
20081
  this.focusIndex--;
19743
20082
  if (this.focusIndex < 0) {
19744
20083
  this.focusIndex = this.controller.length - 1;
@@ -19747,7 +20086,13 @@ class GovTabs {
19747
20086
  if (this.focusIndex >= 0 && this.focusIndex <= this.controller.length - 1) {
19748
20087
  const current = this.controller[this.focusIndex];
19749
20088
  current.active = true;
19750
- this.triggerRefs[current.triggerIdentifier].focus();
20089
+ const trigger = this.triggerRefs[current.triggerIdentifier];
20090
+ if (trigger.nodeName.toLowerCase() === 'gov-chip') {
20091
+ this.triggerRefs[current.triggerIdentifier].setFocus();
20092
+ }
20093
+ else {
20094
+ this.triggerRefs[current.triggerIdentifier].focus();
20095
+ }
19751
20096
  this.controller = [...this.controller];
19752
20097
  this.reRender();
19753
20098
  this.govChange.emit(this.getCurrentTab().element);
@@ -19777,7 +20122,7 @@ class GovTabs {
19777
20122
  * Validate the WCAG attributes of the component
19778
20123
  */
19779
20124
  async validateWcag() {
19780
- validateWcagProp(this.wcagSelectLabel, 'wcag-select-label', TabsClass.root);
20125
+ validateWcagProp(this.wcagSelectLabel, "wcag-select-label", TabsClass.root);
19781
20126
  validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, TabsClass.root);
19782
20127
  }
19783
20128
  get host() { return getElement(this); }
@@ -19822,10 +20167,10 @@ class GovTabsItem {
19822
20167
  this.isActive = false;
19823
20168
  this.h = govHost(this.host);
19824
20169
  this.contentId = createID('GovTabContent');
19825
- this.triggeId = createID('GovTabTrigger');
20170
+ this.triggerId = createID('GovTabTrigger');
19826
20171
  }
19827
20172
  render() {
19828
- return (hAsync(Host, { class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggeId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, hAsync("slot", null))));
20173
+ return (hAsync(Host, { class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, hAsync("slot", null))));
19829
20174
  }
19830
20175
  /**
19831
20176
  * Returns a unique tab content identifier
@@ -19837,7 +20182,7 @@ class GovTabsItem {
19837
20182
  * Returns a unique tab trigger identifier
19838
20183
  */
19839
20184
  async getTriggerIdentifier() {
19840
- return this.triggerIdentifier || this.triggeId;
20185
+ return this.triggerIdentifier || this.triggerId;
19841
20186
  }
19842
20187
  /**
19843
20188
  * Set status of tab-item
@@ -19853,7 +20198,7 @@ class GovTabsItem {
19853
20198
  "$members$": {
19854
20199
  "identifier": [1],
19855
20200
  "triggerIdentifier": [1, "trigger-identifier"],
19856
- "label": [1],
20201
+ "label": [513],
19857
20202
  "default": [4],
19858
20203
  "isActive": [32],
19859
20204
  "getIdentifier": [64],
@@ -19862,7 +20207,54 @@ class GovTabsItem {
19862
20207
  },
19863
20208
  "$listeners$": undefined,
19864
20209
  "$lazyBundleId$": "-",
19865
- "$attrsToReflect$": []
20210
+ "$attrsToReflect$": [["label", "label"]]
20211
+ }; }
20212
+ }
20213
+
20214
+ const TagClass = {
20215
+ root: 'gov-tag',
20216
+ };
20217
+
20218
+ const govTagCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tag .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-tag .element:focus{outline:none}.gov-tag .element .gov-icon{flex:0 0 auto;color:inherit}.gov-tag .element>*{display:flex}[hoverable].gov-tag .element{cursor:pointer}[hoverable].gov-tag .element:focus{outline:none}[hoverable].gov-tag .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-tag .element:focus-visible,[hoverable][type=base].gov-tag .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-tag,[hoverable][disabled=true i].gov-tag,[hoverable][disabled=\"1\"].gov-tag{cursor:not-allowed}[hoverable][disabled=\"\"].gov-tag .element,[hoverable][disabled=true i].gov-tag .element,[hoverable][disabled=\"1\"].gov-tag .element{pointer-events:none}[expanded=\"\"].gov-tag,[expanded=true i].gov-tag,[expanded=\"1\"].gov-tag{display:block}[expanded=\"\"].gov-tag .element,[expanded=true i].gov-tag .element,[expanded=\"1\"].gov-tag .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-tag .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][inverse=true i].gov-tag .element,[type=solid][variant=primary][inverse=\"1\"].gov-tag .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-tag .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-tag .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-tag .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-tag .element,[type=outlined][variant=primary][inverse=true i].gov-tag .element,[type=outlined][variant=primary][inverse=\"1\"].gov-tag .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-tag .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-tag .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-tag .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-tag .element,[type=base][variant=primary][inverse=true i].gov-tag .element,[type=base][variant=primary][inverse=\"1\"].gov-tag .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-tag .element,[type=base][variant=primary][disabled=true i].gov-tag .element,[type=base][variant=primary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-tag .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-tag .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-tag .element,[type=link][variant=primary][inverse=true i].gov-tag .element,[type=link][variant=primary][inverse=\"1\"].gov-tag .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-tag .element,[type=link][variant=primary][disabled=true i].gov-tag .element,[type=link][variant=primary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-tag .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-tag .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][inverse=true i].gov-tag .element,[type=solid][variant=secondary][inverse=\"1\"].gov-tag .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-tag .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-tag .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-tag .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-tag .element,[type=outlined][variant=secondary][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-tag .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-tag .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-tag .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-tag .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][inverse=true i].gov-tag .element,[type=base][variant=secondary][inverse=\"1\"].gov-tag .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-tag .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-tag .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][inverse=true i].gov-tag .element,[type=link][variant=secondary][inverse=\"1\"].gov-tag .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"].gov-tag .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-tag .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-tag .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-tag .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-tag .element,[type=solid][variant=error][inverse=true i].gov-tag .element,[type=solid][variant=error][inverse=\"1\"].gov-tag .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-tag .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-tag .element,[type=solid][variant=error][disabled=true i].gov-tag .element,[type=solid][variant=error][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-tag .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-tag .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-tag .element,[type=outlined][variant=error][inverse=true i].gov-tag .element,[type=outlined][variant=error][inverse=\"1\"].gov-tag .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-tag .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-tag .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-tag .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-tag .element,[type=base][variant=error][inverse=true i].gov-tag .element,[type=base][variant=error][inverse=\"1\"].gov-tag .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-tag .element,[type=base][variant=error][disabled=true i].gov-tag .element,[type=base][variant=error][disabled=\"1\"].gov-tag .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-tag .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-tag .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-tag .element,[type=link][variant=error][inverse=true i].gov-tag .element,[type=link][variant=error][inverse=\"1\"].gov-tag .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-tag .element,[type=link][variant=error][disabled=true i].gov-tag .element,[type=link][variant=error][disabled=\"1\"].gov-tag .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-tag .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-tag .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-tag .element,[type=solid][variant=success][inverse=true i].gov-tag .element,[type=solid][variant=success][inverse=\"1\"].gov-tag .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-tag .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-tag .element,[type=solid][variant=success][disabled=true i].gov-tag .element,[type=solid][variant=success][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-tag .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-tag .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-tag .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-tag .element,[type=outlined][variant=success][inverse=true i].gov-tag .element,[type=outlined][variant=success][inverse=\"1\"].gov-tag .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-tag .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-tag .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-tag .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-tag .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-tag .element,[type=base][variant=success][inverse=true i].gov-tag .element,[type=base][variant=success][inverse=\"1\"].gov-tag .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-tag .element,[type=base][variant=success][disabled=true i].gov-tag .element,[type=base][variant=success][disabled=\"1\"].gov-tag .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-tag .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-tag .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-tag .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-tag .element,[type=link][variant=success][inverse=true i].gov-tag .element,[type=link][variant=success][inverse=\"1\"].gov-tag .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-tag .element,[type=link][variant=success][disabled=true i].gov-tag .element,[type=link][variant=success][disabled=\"1\"].gov-tag .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-tag .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-tag .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-tag .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][inverse=true i].gov-tag .element,[type=solid][variant=warning][inverse=\"1\"].gov-tag .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-tag .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-tag .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-tag .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-tag .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-tag .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-tag .element,[type=outlined][variant=warning][inverse=true i].gov-tag .element,[type=outlined][variant=warning][inverse=\"1\"].gov-tag .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-tag .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-tag .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-tag .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"].gov-tag .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-tag .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-tag .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-tag .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-tag .element,[type=base][variant=warning][inverse=true i].gov-tag .element,[type=base][variant=warning][inverse=\"1\"].gov-tag .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-tag .element,[type=base][variant=warning][disabled=true i].gov-tag .element,[type=base][variant=warning][disabled=\"1\"].gov-tag .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-tag .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-tag .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-tag .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-tag .element,[type=link][variant=warning][inverse=true i].gov-tag .element,[type=link][variant=warning][inverse=\"1\"].gov-tag .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-tag .element,[type=link][variant=warning][disabled=true i].gov-tag .element,[type=link][variant=warning][disabled=\"1\"].gov-tag .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-tag .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-tag .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-tag .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-tag .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-tag .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-tag .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-tag .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-tag .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-tag .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-tag .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-tag .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-tag .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-tag .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-tag .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-tag .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-tag .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-tag .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-tag .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-tag .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-tag{display:inline-flex}.gov-tag a .gov-icon{margin:0}.gov-tag .element{padding:0.25rem 0.5rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-tag .gov-button .element{border:none}.gov-tag[size=xs] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=xs][hoverable] .element:focus{outline:none}.gov-tag[size=xs][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=s] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=s][hoverable] .element:focus{outline:none}.gov-tag[size=s][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=m] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=m][hoverable] .element:focus{outline:none}.gov-tag[size=m][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=l] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=l][hoverable] .element:focus{outline:none}.gov-tag[size=l][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[size=xl] .element{border-radius:var(--gov-tag-radius, 0.25rem);-moz-column-gap:var(--gov-tag-gap, 0.5rem);column-gap:var(--gov-tag-gap, 0.5rem)}.gov-tag[size=xl][hoverable] .element:focus{outline:none}.gov-tag[size=xl][hoverable] .element:focus-visible{border-radius:var(--gov-tag-radius, 0.25rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-tag[type=solid][variant=warning] .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-black))}.gov-tag[variant=primary][inverse=\"\"] .element,.gov-tag[variant=primary][inverse=\"\"] .element .element,.gov-tag[variant=primary][inverse=true i] .element,.gov-tag[variant=primary][inverse=true i] .element .element,.gov-tag[variant=primary][inverse=\"1\"] .element,.gov-tag[variant=primary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tag[variant=primary][inverse=\"\"] .element:hover,.gov-tag[variant=primary][inverse=\"\"] .element .element:hover,.gov-tag[variant=primary][inverse=true i] .element:hover,.gov-tag[variant=primary][inverse=true i] .element .element:hover,.gov-tag[variant=primary][inverse=\"1\"] .element:hover,.gov-tag[variant=primary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200))}}.gov-tag[variant=secondary][inverse=\"\"] .element,.gov-tag[variant=secondary][inverse=\"\"] .element .element,.gov-tag[variant=secondary][inverse=true i] .element,.gov-tag[variant=secondary][inverse=true i] .element .element,.gov-tag[variant=secondary][inverse=\"1\"] .element,.gov-tag[variant=secondary][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-tag[variant=secondary][inverse=\"\"] .element:hover,.gov-tag[variant=secondary][inverse=\"\"] .element .element:hover,.gov-tag[variant=secondary][inverse=true i] .element:hover,.gov-tag[variant=secondary][inverse=true i] .element .element:hover,.gov-tag[variant=secondary][inverse=\"1\"] .element:hover,.gov-tag[variant=secondary][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-tag[variant=success][inverse=\"\"] .element,.gov-tag[variant=success][inverse=\"\"] .element .element,.gov-tag[variant=success][inverse=true i] .element,.gov-tag[variant=success][inverse=true i] .element .element,.gov-tag[variant=success][inverse=\"1\"] .element,.gov-tag[variant=success][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-tag[variant=success][inverse=\"\"] .element:hover,.gov-tag[variant=success][inverse=\"\"] .element .element:hover,.gov-tag[variant=success][inverse=true i] .element:hover,.gov-tag[variant=success][inverse=true i] .element .element:hover,.gov-tag[variant=success][inverse=\"1\"] .element:hover,.gov-tag[variant=success][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200))}}.gov-tag[variant=warning][inverse=\"\"] .element,.gov-tag[variant=warning][inverse=\"\"] .element .element,.gov-tag[variant=warning][inverse=true i] .element,.gov-tag[variant=warning][inverse=true i] .element .element,.gov-tag[variant=warning][inverse=\"1\"] .element,.gov-tag[variant=warning][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-tag[variant=warning][inverse=\"\"] .element:hover,.gov-tag[variant=warning][inverse=\"\"] .element .element:hover,.gov-tag[variant=warning][inverse=true i] .element:hover,.gov-tag[variant=warning][inverse=true i] .element .element:hover,.gov-tag[variant=warning][inverse=\"1\"] .element:hover,.gov-tag[variant=warning][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200))}}.gov-tag[variant=error][inverse=\"\"] .element,.gov-tag[variant=error][inverse=\"\"] .element .element,.gov-tag[variant=error][inverse=true i] .element,.gov-tag[variant=error][inverse=true i] .element .element,.gov-tag[variant=error][inverse=\"1\"] .element,.gov-tag[variant=error][inverse=\"1\"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-tag[variant=error][inverse=\"\"] .element:hover,.gov-tag[variant=error][inverse=\"\"] .element .element:hover,.gov-tag[variant=error][inverse=true i] .element:hover,.gov-tag[variant=error][inverse=true i] .element .element:hover,.gov-tag[variant=error][inverse=\"1\"] .element:hover,.gov-tag[variant=error][inverse=\"1\"] .element .element:hover{border-color:var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200))}}";
20219
+
20220
+ class GovTag {
20221
+ constructor(hostRef) {
20222
+ registerInstance(this, hostRef);
20223
+ this.inverse = false;
20224
+ this.size = ButtonSizes._S;
20225
+ this.variant = ButtonVariants.PRIMARY;
20226
+ this.h = govHost(this.host);
20227
+ }
20228
+ validateVariant(newValue) {
20229
+ validateProp(ButtonVariants, newValue, TagClass.root);
20230
+ }
20231
+ validateSize(newValue) {
20232
+ validateProp(ButtonSizes, newValue, TagClass.root);
20233
+ }
20234
+ componentWillLoad() {
20235
+ this.validateVariant(this.variant);
20236
+ this.validateSize(this.size);
20237
+ }
20238
+ render() {
20239
+ return (hAsync(Host, { class: this.h.classes(TagClass.root), variant: this.variant, type: this.inverse ? undefined : 'solid', size: this.size, inverse: this.inverse }, hAsync("span", { class: "element" }, this.h.hasSlot('left-icon') && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot('right-icon') && hAsync("slot", { name: "right-icon" }))));
20240
+ }
20241
+ get host() { return getElement(this); }
20242
+ static get watchers() { return {
20243
+ "variant": ["validateVariant"],
20244
+ "size": ["validateSize"]
20245
+ }; }
20246
+ static get style() { return govTagCss; }
20247
+ static get cmpMeta() { return {
20248
+ "$flags$": 4,
20249
+ "$tagName$": "gov-tag",
20250
+ "$members$": {
20251
+ "inverse": [4],
20252
+ "size": [513],
20253
+ "variant": [513]
20254
+ },
20255
+ "$listeners$": undefined,
20256
+ "$lazyBundleId$": "-",
20257
+ "$attrsToReflect$": [["size", "size"], ["variant", "variant"]]
19866
20258
  }; }
19867
20259
  }
19868
20260
 
@@ -19900,13 +20292,13 @@ class GovTile {
19900
20292
  "$flags$": 4,
19901
20293
  "$tagName$": "gov-tile",
19902
20294
  "$members$": {
19903
- "href": [1],
20295
+ "href": [513],
19904
20296
  "target": [1],
19905
20297
  "getTriggerRef": [64]
19906
20298
  },
19907
20299
  "$listeners$": undefined,
19908
20300
  "$lazyBundleId$": "-",
19909
- "$attrsToReflect$": []
20301
+ "$attrsToReflect$": [["href", "href"]]
19910
20302
  }; }
19911
20303
  }
19912
20304
 
@@ -20062,7 +20454,7 @@ const TooltipContentClass = {
20062
20454
  root: 'gov-tooltip-content',
20063
20455
  };
20064
20456
 
20065
- const govTooltipCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip{position:relative;display:inline;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=\"\"],.gov-tooltip[icon=true i],.gov-tooltip[icon=\"1\"]{display:inline-flex;border-bottom:0}";
20457
+ const govTooltipCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip{position:relative;display:inline-block;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=\"\"],.gov-tooltip[icon=true i],.gov-tooltip[icon=\"1\"]{display:inline-flex;border-bottom:0}";
20066
20458
 
20067
20459
  class GovTooltip {
20068
20460
  constructor(hostRef) {
@@ -20110,6 +20502,10 @@ class GovTooltip {
20110
20502
  this.content.innerHTML = this.message;
20111
20503
  this.host.appendChild(this.content);
20112
20504
  }
20505
+ const trigger = this.host.getBoundingClientRect();
20506
+ this.content.style.left = trigger.left + 'px';
20507
+ this.content.style.top = trigger.top + 'px';
20508
+ this.content.style.visibility = 'hidden';
20113
20509
  this.content.setAttribute("id", (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId);
20114
20510
  this.content.setAttribute("parent-id", this.tooltipId);
20115
20511
  this.content.setAttribute("variant", this.variant);
@@ -20145,6 +20541,7 @@ class GovTooltip {
20145
20541
  }
20146
20542
  verifyPositionSpace() {
20147
20543
  const offset = 12;
20544
+ const windowWidth = window.innerWidth;
20148
20545
  const trigger = this.host.getBoundingClientRect();
20149
20546
  const trgWidth = this.host.offsetWidth;
20150
20547
  const trgHeight = this.host.offsetHeight;
@@ -20154,9 +20551,21 @@ class GovTooltip {
20154
20551
  left: trigger.left + document.documentElement.scrollLeft,
20155
20552
  top: trigger.top + document.documentElement.scrollTop,
20156
20553
  };
20157
- // @TODO check space for displaying tooltip
20554
+ const isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;
20555
+ const isLeftSpace = triggerPos.left > contentWidth;
20556
+ // LEFT/RIGHT
20158
20557
  if (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {
20159
20558
  this.content.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + "px";
20559
+ if (isRightSpace === false && isLeftSpace === false) {
20560
+ this.position = TooltipPosition.TOP;
20561
+ this.content.setAttribute("position", TooltipPosition.TOP);
20562
+ }
20563
+ if (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {
20564
+ this.position = TooltipPosition.LEFT;
20565
+ }
20566
+ if (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {
20567
+ this.position = TooltipPosition.RIGHT;
20568
+ }
20160
20569
  }
20161
20570
  if (this.position === TooltipPosition.RIGHT) {
20162
20571
  this.content.setAttribute("position", TooltipPosition.RIGHT);
@@ -20166,12 +20575,30 @@ class GovTooltip {
20166
20575
  this.content.setAttribute("position", TooltipPosition.LEFT);
20167
20576
  this.content.style.left = (triggerPos.left - (contentWidth + offset)) + "px";
20168
20577
  }
20578
+ // LEFT/RIGHT FOR TOP/BOTTOM
20169
20579
  if (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {
20170
20580
  if (contentWidth > trgWidth) {
20171
- this.content.style.left = (triggerPos.left - ((contentWidth - trgWidth) / 2)) + "px";
20581
+ let leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));
20582
+ const isNotLeftSpace = leftPosition < 0;
20583
+ const isNotRightSpace = (leftPosition + contentWidth) > windowWidth;
20584
+ if (isNotLeftSpace && isNotRightSpace) {
20585
+ this.content.style.width = "auto";
20586
+ this.content.style.left = offset + "px";
20587
+ this.content.style.right = offset + "px";
20588
+ }
20589
+ else {
20590
+ if (isNotLeftSpace) {
20591
+ leftPosition = offset;
20592
+ }
20593
+ if (isNotRightSpace) {
20594
+ leftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1);
20595
+ }
20596
+ this.content.style.left = leftPosition + "px";
20597
+ }
20172
20598
  }
20173
20599
  else {
20174
- this.content.style.left = (triggerPos.left + ((trgWidth - contentWidth) / 2)) + "px";
20600
+ const leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2));
20601
+ this.content.style.left = leftPosition + "px";
20175
20602
  }
20176
20603
  }
20177
20604
  if (this.position === TooltipPosition.TOP) {
@@ -20234,21 +20661,21 @@ class GovTooltip {
20234
20661
  "$members$": {
20235
20662
  "variant": [1],
20236
20663
  "size": [1],
20237
- "position": [1],
20664
+ "position": [1025],
20238
20665
  "message": [1],
20239
20666
  "identifier": [1],
20240
- "icon": [4],
20667
+ "icon": [516],
20241
20668
  "persist": [32],
20242
20669
  "show": [64],
20243
20670
  "hide": [64]
20244
20671
  },
20245
20672
  "$listeners$": undefined,
20246
20673
  "$lazyBundleId$": "-",
20247
- "$attrsToReflect$": []
20674
+ "$attrsToReflect$": [["icon", "icon"]]
20248
20675
  }; }
20249
20676
  }
20250
20677
 
20251
- const govTooltipContentCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip-content{z-index:51;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);position:absolute;display:block;width:-moz-max-content;width:max-content;max-width:var(--gov-tooltip-content-max-width, 21rem);padding:1rem;border-radius:0.1875rem;background-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));color:var(--gov-tooltip-content-text-color, var(--gov-color-secondary));letter-spacing:0.0125rem;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in}.gov-tooltip-content::before{content:\"\";position:absolute;display:block;width:0;height:0;border:0.625rem solid transparent}.gov-tooltip-content gov-button{position:absolute;right:0;top:0}.gov-tooltip-content[is-visible=\"\"],.gov-tooltip-content[is-visible=true i],.gov-tooltip-content[is-visible=\"1\"]{opacity:1}.gov-tooltip-content[variant=secondary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color, var(--gov-color-neutral-white))}.gov-tooltip-content[variant=secondary][inverse=\"\"],.gov-tooltip-content[variant=secondary][inverse=true i],.gov-tooltip-content[variant=secondary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip-content[variant=primary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color, var(--gov-color-secondary))}.gov-tooltip-content[variant=primary][inverse=\"\"],.gov-tooltip-content[variant=primary][inverse=true i],.gov-tooltip-content[variant=primary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}.gov-tooltip-content[size=s]{--gov-tooltip-content-padding:var(--gov-tooltip-s-padding, 0.5rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-s-arrow-size, 0.4375rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-s-letter-spacing, 0.0125rem);font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-tooltip-content[size=l]{--gov-tooltip-content-padding:var(--gov-tooltip-l-padding, 1rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-l-arrow-size, 0.875rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-l-letter-spacing, 0.002rem);font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-tooltip-content[position=top]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=top]::before{top:100%;border-bottom-width:0;border-top-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=bottom]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=bottom]::before{bottom:100%;border-top-width:0;border-bottom-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=left]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=left]::before{left:100%;border-right-width:0;border-left-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=right]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=right]::before{right:100%;border-left-width:0;border-right-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}";
20678
+ const govTooltipContentCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip-content{z-index:51;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);position:absolute;display:block;width:-moz-max-content;width:max-content;max-width:var(--gov-tooltip-content-max-width, 21rem);padding:1rem;border-radius:0.1875rem;background-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));color:var(--gov-tooltip-content-text-color, var(--gov-color-secondary));letter-spacing:0.0125rem;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in}.gov-tooltip-content::before{content:\"\";position:absolute;display:block;width:0;height:0;border:0.625rem solid transparent}.gov-tooltip-content gov-button{position:absolute;right:0;top:0}.gov-tooltip-content[persist=\"\"],.gov-tooltip-content[persist=true i],.gov-tooltip-content[persist=\"1\"]{padding-right:3.25rem}.gov-tooltip-content[is-visible=\"\"],.gov-tooltip-content[is-visible=true i],.gov-tooltip-content[is-visible=\"1\"]{opacity:1}.gov-tooltip-content[variant=secondary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color, var(--gov-color-neutral-white))}.gov-tooltip-content[variant=secondary][inverse=\"\"],.gov-tooltip-content[variant=secondary][inverse=true i],.gov-tooltip-content[variant=secondary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip-content[variant=primary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color, var(--gov-color-secondary))}.gov-tooltip-content[variant=primary][inverse=\"\"],.gov-tooltip-content[variant=primary][inverse=true i],.gov-tooltip-content[variant=primary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}.gov-tooltip-content[size=s]{--gov-tooltip-content-padding:var(--gov-tooltip-s-padding, 0.5rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-s-arrow-size, 0.4375rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-s-letter-spacing, 0.0125rem);font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-tooltip-content[size=s][persist=true i]{padding-right:var(--gov-tooltip-s-persist-space, 3rem)}.gov-tooltip-content[size=l]{--gov-tooltip-content-padding:var(--gov-tooltip-l-padding, 1rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-l-arrow-size, 0.875rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-l-letter-spacing, 0.002rem);font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-tooltip-content[size=l][persist=true i]{padding-right:var(--gov-tooltip-s-persist-space, 4rem)}.gov-tooltip-content[position=top]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=top]::before{top:100%;border-bottom-width:0;border-top-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=bottom]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=bottom]::before{bottom:100%;border-top-width:0;border-bottom-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=left]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=left]::before{left:100%;border-right-width:0;border-left-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=right]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=right]::before{right:100%;border-left-width:0;border-right-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}";
20252
20679
 
20253
20680
  class GovTooltipContent {
20254
20681
  constructor(hostRef) {
@@ -20507,10 +20934,10 @@ registerComponents([
20507
20934
  GovAttachments,
20508
20935
  GovAttachmentsItem,
20509
20936
  GovBackdrop,
20510
- GovBadge,
20511
20937
  GovBreadcrumbs,
20512
20938
  GovButton,
20513
20939
  GovCard,
20940
+ GovChip,
20514
20941
  GovContainer,
20515
20942
  GovControlGroup,
20516
20943
  GovCookiebar,
@@ -20554,6 +20981,7 @@ registerComponents([
20554
20981
  GovStepperItem,
20555
20982
  GovTabs,
20556
20983
  GovTabsItem,
20984
+ GovTag,
20557
20985
  GovTile,
20558
20986
  GovTiles,
20559
20987
  GovToast,