npm - @gov-design-system-ce/components - Versions diffs - 0.0.57 → 0.0.59 - Mend

@gov-design-system-ce/components 0.0.57 → 0.0.59

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 (319) hide show

package/dist/cjs/gov-button.cjs.entry.js CHANGED Viewed

@@ -29,7 +29,7 @@ function toBool(value) {
   }
 }
-const govButtonCss = ".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-button .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-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .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-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled=\"1\"].gov-button{cursor:not-allowed}[hoverable][disabled=\"\"].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled=\"1\"].gov-button .element{pointer-events:none}[expanded=\"\"].gov-button,[expanded=true i].gov-button,[expanded=\"1\"].gov-button{display:block}[expanded=\"\"].gov-button .element,[expanded=true i].gov-button .element,[expanded=\"1\"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .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-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .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-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-button .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-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .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-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .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-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .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-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .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-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .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-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .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-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{min-height:inherit;padding:0 !important;line-height:inherit;text-decoration:underline}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button[loading=true] .element .gov-icon,.gov-button[loading=\"1\"] .element .gov-icon{margin:0}.gov-button[loading=\"0\"][size=xs] .element,.gov-button[loading=false][size=xs] .element,.gov-button[loading=\"\"][size=xs] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc((var(--gov-button-xs-padding-x, 0.625rem) * 3 + var(--gov-button-xs-icon-size, 1rem)) / 2)}.gov-button[size=xs] .element{font-weight:var(--gov-button-xs-font-weight, 700)}.gov-button[loading=\"0\"][size=s] .element,.gov-button[loading=false][size=s] .element,.gov-button[loading=\"\"][size=s] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc((var(--gov-button-s-padding-x, 0.75rem) * 3 + var(--gov-button-s-icon-size, 1rem)) / 2)}.gov-button[size=s] .element{font-weight:var(--gov-button-s-font-weight, 700)}.gov-button[loading=\"0\"][size=m] .element,.gov-button[loading=false][size=m] .element,.gov-button[loading=\"\"][size=m] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc((var(--gov-button-m-padding-x, 0.75rem) * 3 + var(--gov-button-m-icon-size, 1.25rem)) / 2)}.gov-button[size=m] .element{font-weight:var(--gov-button-m-font-weight, 700)}.gov-button[loading=\"0\"][size=l] .element,.gov-button[loading=false][size=l] .element,.gov-button[loading=\"\"][size=l] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc((var(--gov-button-l-padding-x, 1rem) * 3 + var(--gov-button-l-icon-size, 1.5rem)) / 2)}.gov-button[size=l] .element{font-weight:var(--gov-button-l-font-weight, 700)}.gov-button[loading=\"0\"][size=xl] .element,.gov-button[loading=false][size=xl] .element,.gov-button[loading=\"\"][size=xl] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc((var(--gov-button-xl-padding-x, 1.25rem) * 3 + var(--gov-button-xl-icon-size, 1.75rem)) / 2)}.gov-button[size=xl] .element{font-weight:var(--gov-button-xl-font-weight, 700)}";
+const govButtonCss = ".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-button .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-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .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-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled=\"1\"].gov-button{cursor:not-allowed}[hoverable][disabled=\"\"].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled=\"1\"].gov-button .element{pointer-events:none}[expanded=\"\"].gov-button,[expanded=true i].gov-button,[expanded=\"1\"].gov-button{display:block}[expanded=\"\"].gov-button .element,[expanded=true i].gov-button .element,[expanded=\"1\"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .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-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .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-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-button .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-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .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-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"].gov-button .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-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .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-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse=\"1\"].gov-button .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-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"].gov-button .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-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse=\"1\"].gov-button .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-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse=\"1\"].gov-button .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-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .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-button .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-button .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-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .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-button .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-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .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-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .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-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .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-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .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-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{justify-content:flex-start;align-items:flex-start;text-align:left;min-height:inherit;padding:0 !important;line-height:inherit;text-decoration:underline}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button[loading=true] .element .gov-icon,.gov-button[loading=\"1\"] .element .gov-icon{margin:0}.gov-button[loading=\"0\"][size=xs] .element,.gov-button[loading=false][size=xs] .element,.gov-button[loading=\"\"][size=xs] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc((var(--gov-button-xs-padding-x, 0.625rem) * 3 + var(--gov-button-xs-icon-size, 1rem)) / 2)}.gov-button[size=xs] .element{font-weight:var(--gov-button-xs-font-weight, 700)}.gov-button[loading=\"0\"][size=s] .element,.gov-button[loading=false][size=s] .element,.gov-button[loading=\"\"][size=s] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc((var(--gov-button-s-padding-x, 0.75rem) * 3 + var(--gov-button-s-icon-size, 1rem)) / 2)}.gov-button[size=s] .element{font-weight:var(--gov-button-s-font-weight, 700)}.gov-button[loading=\"0\"][size=m] .element,.gov-button[loading=false][size=m] .element,.gov-button[loading=\"\"][size=m] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc((var(--gov-button-m-padding-x, 0.75rem) * 3 + var(--gov-button-m-icon-size, 1.25rem)) / 2)}.gov-button[size=m] .element{font-weight:var(--gov-button-m-font-weight, 700)}.gov-button[loading=\"0\"][size=l] .element,.gov-button[loading=false][size=l] .element,.gov-button[loading=\"\"][size=l] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc((var(--gov-button-l-padding-x, 1rem) * 3 + var(--gov-button-l-icon-size, 1.5rem)) / 2)}.gov-button[size=l] .element{font-weight:var(--gov-button-l-font-weight, 700)}.gov-button[loading=\"0\"][size=xl] .element,.gov-button[loading=false][size=xl] .element,.gov-button[loading=\"\"][size=xl] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc((var(--gov-button-xl-padding-x, 1.25rem) * 3 + var(--gov-button-xl-icon-size, 1.75rem)) / 2)}.gov-button[size=xl] .element{font-weight:var(--gov-button-xl-font-weight, 700)}.gov-button[size=s][type=link] .gov-icon{margin-top:4px}.gov-button[size=m][type=link] .gov-icon{margin-top:2px}";
 var Tags;
 (function (Tags) {

package/dist/cjs/gov-button.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gov-button.entry.cjs.js","mappings":"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","names":["govHost","validateProp","ButtonVariants","ButtonClass","Type","Sizes","NativeType","canValidateWcagOnRender","delay","prepareClasses","h","Host","toBoolAttrIfDefined","toBoolAttr","validateWcagRef","validateWcagLabel"],"sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/default/gov-button.scss?tag=gov-button","../../../packages/core/src/components/gov-button/default/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0\n\t} else if (typeof value === 'boolean') {\n\t\treturn value\n\t} else {\n\t\treturn value ? true : false\n\t}\n}\n","/\n Button\n /\n\n// Shared definitions - BUTTON & badge\n@import \"gov-button-core\";\n\n.gov-button {\n\t@extend %button-core;\n\tdisplay: inline-block;\n\t.element {\n\t\tborder-radius: #{$border-radius};\n\t}\n\n\t&[type=\"link\"] {\n\t\t.element {\n\t\t\tmin-height: inherit;\n\t\t\tpadding: 0 !important;\n\t\t\tline-height: inherit;\n\t\t\ttext-decoration: underline;\n\t\t\t@include hover() {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t&[loading=\"true\"],\n\t&[loading=\"1\"] {\n\t\t.element {\n\t\t\t> .gov-icon:not(.gov-spin-animation),\n\t\t\t> gov-icon:not(.gov-spin-animation) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.gov-icon {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t// Loading state\n\t\t&[loading=\"0\"][size=\"#{$size}\"],\n\t\t&[loading=\"false\"][size=\"#{$size}\"],\n\t\t&[loading=\"\"][size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tpadding: get(\"padding-y\", $definitions) calc(((get(\"padding-x\", $definitions) 3) + get(\"icon-size\", $definitions)) / 2);\n\t\t\t}\n\t\t}\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tfont-weight: map-get($definitions, \"font-weight\");\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport {\n\tButtonSizesType,\n\tNativeTypesType,\n\tTypesType,\n\tButtonVariants,\n\tButtonVariantType,\n\tButtonClass,\n\tType,\n\tNativeType,\n\tButtonTargetType,\n} from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { toBool } from \"../../../utils/bool.utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { validateWcagLabel, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { ButtonEvent } from \"./gov-button.types\"\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-button\",\n\tstyleUrl: \"gov-button.scss\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate triggerRef?: HTMLButtonElement \| HTMLLinkElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/*\n\t Style variation of the button\n\t /\n\t@Prop({ reflect: true }) readonly variant?: ButtonVariantType\n\t/\n\t Button’s size\n\t /\n\t@Prop({ reflect: true }) readonly size?: ButtonSizesType = \"m\"\n\t/\n\t Button's type\n\t /\n\t@Prop({ reflect: true }) readonly type?: TypesType = \"solid\"\n\t/\n\t Expands the button to fill 100% of the container width\n\t /\n\t@Prop() readonly expanded: boolean = false\n\t/\n\t Determine if component should have inversed colors to be used on dark background\n\t /\n\t@Prop() readonly inverse: boolean = false\n\t/\n\t The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\n\t /\n\t@Prop({ reflect: true }) readonly disabled: boolean = false\n\t/\n\t Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t /\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t /\n\t@Prop() readonly href: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t /\n\t@Prop() readonly target?: ButtonTargetType\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t /\n\t@Prop() readonly download: boolean\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t /\n\t@Prop() readonly hreflang: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t /\n\t@Prop() readonly referrerpolicy: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t /\n\t@Prop() readonly rel: string\n\t/\n\t Indicates whether an asynchronous process is running\n\t /\n\t@Prop() readonly loading: string\n\t/\n\t Same as original parametr\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t /\n\t@Prop() readonly focusable: boolean = true\n\t/\n\t Custom button identifier\n\t /\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/\n\t Indicates the id of a related component’s visually focused element\n\t /\n\t@Prop({ attribute: \"wcag-active-descendant\" }) readonly wcagActiveDescendant: string\n\t/\n\t Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages\n\t /\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/\n\t Indicates the id of a component that describes the button\n\t /\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/\n\t Aria description the button\n\t /\n\t@Prop({ attribute: \"wcag-description\" }) readonly wcagDescription: string\n\t/\n\t Details of the component\n\t /\n\t@Prop({ attribute: \"wcag-details\" }) readonly wcagDetails: string\n\t/\n\t If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button\n\t * Set the value to convey the current expanded (true) or collapsed (false) state of the content\n\t /\n\t@Prop({ attribute: \"wcag-expanded\" }) readonly wcagExpanded: boolean\n\t/\n\t Adds accessible label for the button that is only shown for screen readers\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology\n\t /\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/\n\t String of id's that indicate alternative labels elements\n\t /\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/\n\t Indicates the id of a component owned by the button\n\t /\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/\n\t \tUse this property to add an aria-haspopup attribute to a button, if you are using it as a menu button\n\t /\n\t@Prop({ attribute: \"wcag-has-popup\" }) readonly wcagHasPopup: string\n\t/\n\t Tells screen reader the element is pressed\n\t /\n\t@Prop({ attribute: \"wcag-pressed\" }) readonly wcagPressed: string\n\t/\n\t Indicates the current item within a container or set of related elements\n\t /\n\t@Prop({ attribute: \"wcag-current\" }) readonly wcagCurrent: string\n\t/\n\t Emitted when the button click\n\t /\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<ButtonEvent>\n\t/\n\t Emitted when the button has focus\n\t /\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<ButtonEvent>\n\t/\n\t Emitted when the button loses focus\n\t /\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<ButtonEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ButtonVariants, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Type, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeType, newValue, ButtonClass.root)\n\t}\n\n\t@State() isPressed = false\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tget classNames(): string {\n\t\tconst { h } = this\n\n\t\treturn prepareClasses([ButtonClass.root, h.hasSlot(\"left-icon\") && ButtonClass.rootWithIcon, h.hasSlot(\"right-icon\") && ButtonClass.rootWithIcon])\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\treturn (\n\t\t\t<Host hoverable={true} size={this.size} variant={this.variant} class={this.h.classes(this.classNames)} type={this.type} inverse={this.inverse}>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement \| HTMLLinkElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\tonMouseDown={() => (this.isPressed = true)}\n\t\t\t\t\tonMouseUp={() => (this.isPressed = false)}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tdownload={this.download}\n\t\t\t\t\threflang={this.hreflang}\n\t\t\t\t\trel={this.rel}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\ttabindex={this.focusable ? \"0\" : \"-1\"}\n\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\taria-describedby={this.wcagActiveDescendant}\n\t\t\t\t\taria-description={this.wcagDescription}\n\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\taria-details={this.wcagDetails}\n\t\t\t\t\taria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\taria-haspopup={toBoolAttrIfDefined(this.wcagHasPopup)}\n\t\t\t\t\taria-pressed={toBoolAttr(this.isPressed)}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\taria-current={this.wcagCurrent}\n\t\t\t\t>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit({\n\t\t\t\tcomponent: ButtonClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\tref: this.host,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/\n\t Focus button element\n\t /\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n\n\t/\n\t Returns a clickable element instance\n\t /\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/\n\t Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.focusable) {\n\t\t\tvalidateWcagRef(this.wcagActiveDescendant, \"aria-activedescendant\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagControls, \"aria-controls\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagDetails, \"aria-details\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagOwns, \"aria-owns\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagHasPopup, \"aria-haspopup\", ButtonClass.root)\n\t\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, ButtonClass.root)\n\t\t}\n\t}\n}\n"],"version":3}
1	+ {"file":"gov-button.entry.cjs.js","mappings":"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","names":["govHost","validateProp","ButtonVariants","ButtonClass","Type","Sizes","NativeType","canValidateWcagOnRender","delay","prepareClasses","h","Host","toBoolAttrIfDefined","toBoolAttr","validateWcagRef","validateWcagLabel"],"sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/default/gov-button.scss?tag=gov-button","../../../packages/core/src/components/gov-button/default/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0\n\t} else if (typeof value === 'boolean') {\n\t\treturn value\n\t} else {\n\t\treturn value ? true : false\n\t}\n}\n","/\n Button\n /\n\n// Shared definitions - BUTTON & badge\n@import \"gov-button-core\";\n\n.gov-button {\n\t@extend %button-core;\n\tdisplay: inline-block;\n\t.element {\n\t\tborder-radius: #{$border-radius};\n\t}\n\n\t&[type=\"link\"] {\n\t\t.element {\n\t\t\tjustify-content: flex-start;\n\t\t\talign-items: flex-start;\n\t\t\ttext-align: left;\n\t\t\tmin-height: inherit;\n\t\t\tpadding: 0 !important;\n\t\t\tline-height: inherit;\n\t\t\ttext-decoration: underline;\n\t\t\t@include hover() {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t&[loading=\"true\"],\n\t&[loading=\"1\"] {\n\t\t.element {\n\t\t\t> .gov-icon:not(.gov-spin-animation),\n\t\t\t> gov-icon:not(.gov-spin-animation) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.gov-icon {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t// Loading state\n\t\t&[loading=\"0\"][size=\"#{$size}\"],\n\t\t&[loading=\"false\"][size=\"#{$size}\"],\n\t\t&[loading=\"\"][size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tpadding: get(\"padding-y\", $definitions) calc(((get(\"padding-x\", $definitions) 3) + get(\"icon-size\", $definitions)) / 2);\n\t\t\t}\n\t\t}\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tfont-weight: map-get($definitions, \"font-weight\");\n\t\t\t}\n\t\t}\n\t}\n\t&[size=\"s\"][type=\"link\"] .gov-icon {\n\t\tmargin-top: 4px;\n\t}\n\t&[size=\"m\"][type=\"link\"] .gov-icon {\n\t\tmargin-top: 2px;\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport {\n\tButtonSizesType,\n\tNativeTypesType,\n\tTypesType,\n\tButtonVariants,\n\tButtonVariantType,\n\tButtonClass,\n\tType,\n\tNativeType,\n\tButtonTargetType,\n} from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { toBool } from \"../../../utils/bool.utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { validateWcagLabel, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { ButtonEvent } from \"./gov-button.types\"\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-button\",\n\tstyleUrl: \"gov-button.scss\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate triggerRef?: HTMLButtonElement \| HTMLLinkElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/*\n\t Style variation of the button\n\t /\n\t@Prop({ reflect: true }) readonly variant?: ButtonVariantType\n\t/\n\t Button’s size\n\t /\n\t@Prop({ reflect: true }) readonly size?: ButtonSizesType = \"m\"\n\t/\n\t Button's type\n\t /\n\t@Prop({ reflect: true }) readonly type?: TypesType = \"solid\"\n\t/\n\t Expands the button to fill 100% of the container width\n\t /\n\t@Prop() readonly expanded: boolean = false\n\t/\n\t Determine if component should have inversed colors to be used on dark background\n\t /\n\t@Prop() readonly inverse: boolean = false\n\t/\n\t The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\n\t /\n\t@Prop({ reflect: true }) readonly disabled: boolean = false\n\t/\n\t Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t /\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t /\n\t@Prop() readonly href: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t /\n\t@Prop() readonly target?: ButtonTargetType\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t /\n\t@Prop() readonly download: boolean\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t /\n\t@Prop() readonly hreflang: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t /\n\t@Prop() readonly referrerpolicy: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t /\n\t@Prop() readonly rel: string\n\t/\n\t Indicates whether an asynchronous process is running\n\t /\n\t@Prop() readonly loading: string\n\t/\n\t Same as original parametr\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t /\n\t@Prop() readonly focusable: boolean = true\n\t/\n\t Custom button identifier\n\t /\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/\n\t Indicates the id of a related component’s visually focused element\n\t /\n\t@Prop({ attribute: \"wcag-active-descendant\" }) readonly wcagActiveDescendant: string\n\t/\n\t Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages\n\t /\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/\n\t Indicates the id of a component that describes the button\n\t /\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/\n\t Aria description the button\n\t /\n\t@Prop({ attribute: \"wcag-description\" }) readonly wcagDescription: string\n\t/\n\t Details of the component\n\t /\n\t@Prop({ attribute: \"wcag-details\" }) readonly wcagDetails: string\n\t/\n\t If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button\n\t * Set the value to convey the current expanded (true) or collapsed (false) state of the content\n\t /\n\t@Prop({ attribute: \"wcag-expanded\" }) readonly wcagExpanded: boolean\n\t/\n\t Adds accessible label for the button that is only shown for screen readers\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology\n\t /\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/\n\t String of id's that indicate alternative labels elements\n\t /\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/\n\t Indicates the id of a component owned by the button\n\t /\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/\n\t \tUse this property to add an aria-haspopup attribute to a button, if you are using it as a menu button\n\t /\n\t@Prop({ attribute: \"wcag-has-popup\" }) readonly wcagHasPopup: string\n\t/\n\t Tells screen reader the element is pressed\n\t /\n\t@Prop({ attribute: \"wcag-pressed\" }) readonly wcagPressed: string\n\t/\n\t Indicates the current item within a container or set of related elements\n\t /\n\t@Prop({ attribute: \"wcag-current\" }) readonly wcagCurrent: string\n\t/\n\t Emitted when the button click\n\t /\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<ButtonEvent>\n\t/\n\t Emitted when the button has focus\n\t /\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<ButtonEvent>\n\t/\n\t Emitted when the button loses focus\n\t /\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<ButtonEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ButtonVariants, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Type, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeType, newValue, ButtonClass.root)\n\t}\n\n\t@State() isPressed = false\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tget classNames(): string {\n\t\tconst { h } = this\n\n\t\treturn prepareClasses([ButtonClass.root, h.hasSlot(\"left-icon\") && ButtonClass.rootWithIcon, h.hasSlot(\"right-icon\") && ButtonClass.rootWithIcon])\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\treturn (\n\t\t\t<Host hoverable={true} size={this.size} variant={this.variant} class={this.h.classes(this.classNames)} type={this.type} inverse={this.inverse}>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement \| HTMLLinkElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\tonMouseDown={() => (this.isPressed = true)}\n\t\t\t\t\tonMouseUp={() => (this.isPressed = false)}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tdownload={this.download}\n\t\t\t\t\threflang={this.hreflang}\n\t\t\t\t\trel={this.rel}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\ttabindex={this.focusable ? \"0\" : \"-1\"}\n\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\taria-describedby={this.wcagActiveDescendant}\n\t\t\t\t\taria-description={this.wcagDescription}\n\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\taria-details={this.wcagDetails}\n\t\t\t\t\taria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\taria-haspopup={toBoolAttrIfDefined(this.wcagHasPopup)}\n\t\t\t\t\taria-pressed={toBoolAttr(this.isPressed)}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\taria-current={this.wcagCurrent}\n\t\t\t\t>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit({\n\t\t\t\tcomponent: ButtonClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\tref: this.host,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/\n\t Focus button element\n\t /\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n\n\t/\n\t Returns a clickable element instance\n\t /\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/\n\t Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.focusable) {\n\t\t\tvalidateWcagRef(this.wcagActiveDescendant, \"aria-activedescendant\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagControls, \"aria-controls\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagDetails, \"aria-details\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagOwns, \"aria-owns\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagHasPopup, \"aria-haspopup\", ButtonClass.root)\n\t\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, ButtonClass.root)\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-form-label.cjs.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const constants = require('./constants-97eea364.js');
 require('./utils-c9b1bba3.js');
 require('./sizes-79872c2a.js');
-const govFormLabelCss = ".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-label{position:relative;display:flex;width:100%}.gov-form-label__label{display:inline-block;color:var(--gov-form-label-color, #686868);cursor:pointer;box-sizing:border-box}";
+const govFormLabelCss = ".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-label{position:relative;display:flex;width:100%}.gov-form-label__label{display:inline-block;color:var(--gov-form-label-color, #686868);cursor:pointer;box-sizing:border-box}.gov-form-label[legend=\"\"] .gov-form-label__label,.gov-form-label[legend=true i] .gov-form-label__label,.gov-form-label[legend=\"1\"] .gov-form-label__label{margin-bottom:1rem;color:var(--gov-form-legend-color, #3b3b3b)}";
 const GovFormLabel = class {
   constructor(hostRef) {

package/dist/cjs/gov-form-label.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gov-form-label.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,~~8gBAA8gB~~;;~~MCOzhB~~,YAAY;;;;;gBAQsB,GAAG;oBAIZ,KAAK;kBAKP,KAAK;;EAMxC,MAAM;IACL,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC5C,QACCA,QAACC,UAAI,IAAC,KAAK,EAAEC,wBAAc,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAChDF,QAAC,GAAG,IAAC,KAAK,EAAEE,wBAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAC9FF,qBAAa,EACZ,IAAI,CAAC,QAAQ,GAAGA,kBAAM,KAAK,EAAC,sBAAsB,cAAe,GAAG,IAAI,CACpE,CACA,EACP;GACD;;;;;;","names":["h","Host","FormLabelClass"],"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.scss?tag=gov-form-label","../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["/\n Label\n /\n\n$class: \".gov-form-label\";\n\n#{$class} {\n\t@include base(flex);\n\t&__label {\n\t\tdisplay: inline-block;\n\t\tcolor: $form-label-color;\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\n\n@Component({\n\ttag: 'gov-form-label',\n\tstyleUrl: 'gov-form-label.scss',\n})\nexport class GovFormLabel {\n\t/\n\t Identifier for label.\n\t /\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/\n\t Label's size.\n\t /\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\n\t/\n\t Set whether the input is required or not.\n\t /\n\t@Prop() readonly required: boolean = false\n\t/\n\t Use label as a legend for better accessibility.\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\n\t /\n\t@Prop() readonly legend: boolean = false\n\t/\n\t Emitted when the label click.\n\t /\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\tconst Tag = this.legend ? 'legend' : 'label'\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.required ? <span class=\"gov-color--error-500\"> </span> : null}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"gov-form-label.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,4uBAA4uB;;MCOvvB,YAAY;;;;;gBAQsB,GAAG;oBAIZ,KAAK;kBAKP,KAAK;;EAMxC,MAAM;IACL,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC5C,QACCA,QAACC,UAAI,IAAC,KAAK,EAAEC,wBAAc,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAChDF,QAAC,GAAG,IAAC,KAAK,EAAEE,wBAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAC9FF,qBAAa,EACZ,IAAI,CAAC,QAAQ,GAAGA,kBAAM,KAAK,EAAC,sBAAsB,cAAe,GAAG,IAAI,CACpE,CACA,EACP;GACD;;;;;;","names":["h","Host","FormLabelClass"],"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.scss?tag=gov-form-label","../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["/\n Label\n /\n\n$class: \".gov-form-label\";\n\n#{$class} {\n\t@include base(flex);\n\t&__label {\n\t\tdisplay: inline-block;\n\t\tcolor: $form-label-color;\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\t}\n\n\t@include parameter(\"legend\") {\n\t\t#{$class}__label {\n\t\t\tmargin-bottom: 1rem;\n\t\t\tcolor: $form-legend-color;\n\t\t}\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\n\n@Component({\n\ttag: 'gov-form-label',\n\tstyleUrl: 'gov-form-label.scss',\n})\nexport class GovFormLabel {\n\t/\n\t Identifier for label.\n\t /\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/\n\t Label's size.\n\t /\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\n\t/\n\t Set whether the input is required or not.\n\t /\n\t@Prop() readonly required: boolean = false\n\t/\n\t Use label as a legend for better accessibility.\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\n\t /\n\t@Prop() readonly legend: boolean = false\n\t/\n\t Emitted when the label click.\n\t /\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\tconst Tag = this.legend ? 'legend' : 'label'\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.required ? <span class=\"gov-color--error-500\"> </span> : null}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-icon.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const IconClass = {
   holder: 'gov-icon__holder',
 };
-const version = "0.0.57";
+const version = "0.0.59";
 const dsVersion = () => {
   return version;