@gov-design-system-ce/components 0.0.1

package/dist/core/p-3b39c3f4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as r,H as a,g as t}from"./p-75c62141.js";import{v as n}from"./p-e29a195b.js";import{S as v}from"./p-55500e5a.js";import{g as i}from"./p-9077d6f6.js";import{T as l}from"./p-089c220d.js";import{V as s}from"./p-f9320f1e.js";import"./p-b4a749e8.js";var g;(function(e){e["SPAN"]="span";e["BUTTON"]="button"})(g||(g={}));const d={root:"gov-badge",inner:"gov-badge__inner"};const b='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-badge{display:inline-flex}.gov-badge .element{margin:0;padding:0;font-family:"Roboto", sans-serif;font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-badge .element:focus{outline:none}.gov-badge .element .gov-icon{flex:0 0 auto;color:inherit}.gov-badge .element>*{display:flex}[hoverable].gov-badge .element{cursor:pointer}[hoverable].gov-badge .element:focus{outline:none}[hoverable].gov-badge .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-badge .element:focus-visible,[hoverable][type=base].gov-badge .element:focus-visible{outline-offset:0}[hoverable][disabled=""].gov-badge,[hoverable][disabled=true i].gov-badge,[hoverable][disabled="1"].gov-badge{cursor:not-allowed}[hoverable][disabled=""].gov-badge .element,[hoverable][disabled=true i].gov-badge .element,[hoverable][disabled="1"].gov-badge .element{pointer-events:none}[expanded=""].gov-badge,[expanded=true i].gov-badge,[expanded="1"].gov-badge{display:block}[expanded=""].gov-badge .element,[expanded=true i].gov-badge .element,[expanded="1"].gov-badge .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-badge .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-secondary-100));border-width:0}[type=solid][variant=primary][inverse=""].gov-badge .element,[type=solid][variant=primary][inverse=true i].gov-badge .element,[type=solid][variant=primary][inverse="1"].gov-badge .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-secondary-100))}[type=solid][variant=primary][disabled=""].gov-badge .element,[type=solid][variant=primary][disabled=true i].gov-badge .element,[type=solid][variant=primary][disabled="1"].gov-badge .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-secondary-100))}[type=solid][variant=primary][disabled=""][inverse=""].gov-badge .element,[type=solid][variant=primary][disabled=""][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=""][inverse="1"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=""].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse="1"].gov-badge .element,[type=solid][variant=primary][disabled="1"][inverse=""].gov-badge .element,[type=solid][variant=primary][disabled="1"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));opacity:0.6;background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-secondary-100))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-secondary-100))}[type=solid][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=""].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-primary-700))}[type=solid][variant=primary][hoverable][inverse=""].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-primary-solid-inverse-active-color, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-badge .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=""].gov-badge .element,[type=outlined][variant=primary][inverse=true i].gov-badge .element,[type=outlined][variant=primary][inverse="1"].gov-badge .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-secondary-100))}[type=outlined][variant=primary][disabled=""].gov-badge .element,[type=outlined][variant=primary][disabled=true i].gov-badge .element,[type=outlined][variant=primary][disabled="1"].gov-badge .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=""][inverse=""].gov-badge .element,[type=outlined][variant=primary][disabled=""][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=""][inverse="1"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=""].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse="1"].gov-badge .element,[type=outlined][variant=primary][disabled="1"][inverse=""].gov-badge .element,[type=outlined][variant=primary][disabled="1"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-primary-outlined-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=""].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable][inverse=""].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-primary-outline-inverse-active-color, var(--gov-color-primary-700))}}[type=base][variant=primary].gov-badge .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=""].gov-badge .element,[type=base][variant=primary][inverse=true i].gov-badge .element,[type=base][variant=primary][inverse="1"].gov-badge .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=""].gov-badge .element,[type=base][variant=primary][disabled=true i].gov-badge .element,[type=base][variant=primary][disabled="1"].gov-badge .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=""][inverse=""].gov-badge .element,[type=base][variant=primary][disabled=""][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=""][inverse="1"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=""].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse="1"].gov-badge .element,[type=base][variant=primary][disabled="1"][inverse=""].gov-badge .element,[type=base][variant=primary][disabled="1"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-primary-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=""].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, transparent);color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-primary-200))}[type=base][variant=primary][hoverable][inverse=""].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-primary-300))}}[type=solid][variant=secondary].gov-badge .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-secondary-100));border-width:0}[type=solid][variant=secondary][inverse=""].gov-badge .element,[type=solid][variant=secondary][inverse=true i].gov-badge .element,[type=solid][variant=secondary][inverse="1"].gov-badge .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-secondary-100))}[type=solid][variant=secondary][disabled=""].gov-badge .element,[type=solid][variant=secondary][disabled=true i].gov-badge .element,[type=solid][variant=secondary][disabled="1"].gov-badge .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=""][inverse=""].gov-badge .element,[type=solid][variant=secondary][disabled=""][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=""][inverse="1"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=""].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse="1"].gov-badge .element,[type=solid][variant=secondary][disabled="1"][inverse=""].gov-badge .element,[type=solid][variant=secondary][disabled="1"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));opacity:0.6;background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-secondary-100))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-secondary-100))}[type=solid][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=""].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-secondary-900))}[type=solid][variant=secondary][hoverable][inverse=""].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-secondary))}}[type=outlined][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=""].gov-badge .element,[type=outlined][variant=secondary][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][inverse="1"].gov-badge .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-secondary-100))}[type=outlined][variant=secondary][disabled=""].gov-badge .element,[type=outlined][variant=secondary][disabled=true i].gov-badge .element,[type=outlined][variant=secondary][disabled="1"].gov-badge .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=""][inverse=""].gov-badge .element,[type=outlined][variant=secondary][disabled=""][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=""][inverse="1"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=""].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse="1"].gov-badge .element,[type=outlined][variant=secondary][disabled="1"][inverse=""].gov-badge .element,[type=outlined][variant=secondary][disabled="1"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=""].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable][inverse=""].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-secondary-outline-inverse-active-color, var(--gov-color-secondary-900))}}[type=base][variant=secondary].gov-badge .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=""].gov-badge .element,[type=base][variant=secondary][inverse=true i].gov-badge .element,[type=base][variant=secondary][inverse="1"].gov-badge .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=""].gov-badge .element,[type=base][variant=secondary][disabled=true i].gov-badge .element,[type=base][variant=secondary][disabled="1"].gov-badge .element{color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=""][inverse=""].gov-badge .element,[type=base][variant=secondary][disabled=""][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=""][inverse="1"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=""].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse="1"].gov-badge .element,[type=base][variant=secondary][disabled="1"][inverse=""].gov-badge .element,[type=base][variant=secondary][disabled="1"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-badge .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=""].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, transparent);color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-secondary-500))}[type=base][variant=secondary][hoverable][inverse=""].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary-600))}}[type=solid][variant=error].gov-badge .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-secondary-100));border-width:0}[type=solid][variant=error][inverse=""].gov-badge .element,[type=solid][variant=error][inverse=true i].gov-badge .element,[type=solid][variant=error][inverse="1"].gov-badge .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-secondary-100))}[type=solid][variant=error][disabled=""].gov-badge .element,[type=solid][variant=error][disabled=true i].gov-badge .element,[type=solid][variant=error][disabled="1"].gov-badge .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-secondary-100))}[type=solid][variant=error][disabled=""][inverse=""].gov-badge .element,[type=solid][variant=error][disabled=""][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=""][inverse="1"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=""].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse="1"].gov-badge .element,[type=solid][variant=error][disabled="1"][inverse=""].gov-badge .element,[type=solid][variant=error][disabled="1"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));opacity:0.6;background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-secondary-100))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-secondary-100))}[type=solid][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=""].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-error-500))}[type=solid][variant=error][hoverable][inverse=""].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-error-solid-inverse-active-color, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-badge .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=""].gov-badge .element,[type=outlined][variant=error][inverse=true i].gov-badge .element,[type=outlined][variant=error][inverse="1"].gov-badge .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-secondary-100))}[type=outlined][variant=error][disabled=""].gov-badge .element,[type=outlined][variant=error][disabled=true i].gov-badge .element,[type=outlined][variant=error][disabled="1"].gov-badge .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=""][inverse=""].gov-badge .element,[type=outlined][variant=error][disabled=""][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=""][inverse="1"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=""].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse="1"].gov-badge .element,[type=outlined][variant=error][disabled="1"][inverse=""].gov-badge .element,[type=outlined][variant=error][disabled="1"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-error-outlined-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=""].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable][inverse=""].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-error-outlined-inverse-active-color, var(--gov-color-error-500))}}[type=base][variant=error].gov-badge .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=""].gov-badge .element,[type=base][variant=error][inverse=true i].gov-badge .element,[type=base][variant=error][inverse="1"].gov-badge .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=""].gov-badge .element,[type=base][variant=error][disabled=true i].gov-badge .element,[type=base][variant=error][disabled="1"].gov-badge .element{color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=""][inverse=""].gov-badge .element,[type=base][variant=error][disabled=""][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=""][inverse="1"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=""].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=true i][inverse="1"].gov-badge .element,[type=base][variant=error][disabled="1"][inverse=""].gov-badge .element,[type=base][variant=error][disabled="1"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-error-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-badge .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=""].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, transparent);color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-error-200))}[type=base][variant=error][hoverable][inverse=""].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-error-300))}}[type=solid][variant=success].gov-badge .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-secondary-100));border-width:0}[type=solid][variant=success][inverse=""].gov-badge .element,[type=solid][variant=success][inverse=true i].gov-badge .element,[type=solid][variant=success][inverse="1"].gov-badge .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success-500));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-secondary-100))}[type=solid][variant=success][disabled=""].gov-badge .element,[type=solid][variant=success][disabled=true i].gov-badge .element,[type=solid][variant=success][disabled="1"].gov-badge .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-secondary-100))}[type=solid][variant=success][disabled=""][inverse=""].gov-badge .element,[type=solid][variant=success][disabled=""][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=""][inverse="1"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=""].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse="1"].gov-badge .element,[type=solid][variant=success][disabled="1"][inverse=""].gov-badge .element,[type=solid][variant=success][disabled="1"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success-500));opacity:0.6;background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-secondary-100))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-secondary-100))}[type=solid][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=""].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-success-600))}[type=solid][variant=success][hoverable][inverse=""].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-success-solid-inverse-active-color, var(--gov-color-success-700))}}[type=outlined][variant=success].gov-badge .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=""].gov-badge .element,[type=outlined][variant=success][inverse=true i].gov-badge .element,[type=outlined][variant=success][inverse="1"].gov-badge .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-secondary-100))}[type=outlined][variant=success][disabled=""].gov-badge .element,[type=outlined][variant=success][disabled=true i].gov-badge .element,[type=outlined][variant=success][disabled="1"].gov-badge .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=""][inverse=""].gov-badge .element,[type=outlined][variant=success][disabled=""][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=""][inverse="1"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=""].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse="1"].gov-badge .element,[type=outlined][variant=success][disabled="1"][inverse=""].gov-badge .element,[type=outlined][variant=success][disabled="1"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-success-outlined-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=""].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable][inverse=""].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-success-outlined-inverse-active-color, var(--gov-color-success-600))}}[type=base][variant=success].gov-badge .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=""].gov-badge .element,[type=base][variant=success][inverse=true i].gov-badge .element,[type=base][variant=success][inverse="1"].gov-badge .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=""].gov-badge .element,[type=base][variant=success][disabled=true i].gov-badge .element,[type=base][variant=success][disabled="1"].gov-badge .element{color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=""][inverse=""].gov-badge .element,[type=base][variant=success][disabled=""][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=""][inverse="1"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=""].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=true i][inverse="1"].gov-badge .element,[type=base][variant=success][disabled="1"][inverse=""].gov-badge .element,[type=base][variant=success][disabled="1"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-success-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-badge .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=""].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, transparent);color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-success-200))}[type=base][variant=success][hoverable][inverse=""].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-success-300))}}[type=solid][variant=warning].gov-badge .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-secondary-100));border-width:0}[type=solid][variant=warning][inverse=""].gov-badge .element,[type=solid][variant=warning][inverse=true i].gov-badge .element,[type=solid][variant=warning][inverse="1"].gov-badge .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning-500));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-secondary-100))}[type=solid][variant=warning][disabled=""].gov-badge .element,[type=solid][variant=warning][disabled=true i].gov-badge .element,[type=solid][variant=warning][disabled="1"].gov-badge .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-secondary-100))}[type=solid][variant=warning][disabled=""][inverse=""].gov-badge .element,[type=solid][variant=warning][disabled=""][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=""][inverse="1"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=""].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse="1"].gov-badge .element,[type=solid][variant=warning][disabled="1"][inverse=""].gov-badge .element,[type=solid][variant=warning][disabled="1"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning-500));opacity:0.6;background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-secondary-100))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-secondary-100))}[type=solid][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=""].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-warning-600))}[type=solid][variant=warning][hoverable][inverse=""].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-warning-solid-inverse-active-color, var(--gov-color-warning-700))}}[type=outlined][variant=warning].gov-badge .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=""].gov-badge .element,[type=outlined][variant=warning][inverse=true i].gov-badge .element,[type=outlined][variant=warning][inverse="1"].gov-badge .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-secondary-100))}[type=outlined][variant=warning][disabled=""].gov-badge .element,[type=outlined][variant=warning][disabled=true i].gov-badge .element,[type=outlined][variant=warning][disabled="1"].gov-badge .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=""][inverse=""].gov-badge .element,[type=outlined][variant=warning][disabled=""][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=""][inverse="1"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=""].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse="1"].gov-badge .element,[type=outlined][variant=warning][disabled="1"][inverse=""].gov-badge .element,[type=outlined][variant=warning][disabled="1"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-warning-outlined-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=""].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-secondary-100));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable][inverse=""].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-warning-outlined-inverse-active-color, var(--gov-color-warning-600))}}[type=base][variant=warning].gov-badge .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=""].gov-badge .element,[type=base][variant=warning][inverse=true i].gov-badge .element,[type=base][variant=warning][inverse="1"].gov-badge .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-secondary-100));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=""].gov-badge .element,[type=base][variant=warning][disabled=true i].gov-badge .element,[type=base][variant=warning][disabled="1"].gov-badge .element{color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=""][inverse=""].gov-badge .element,[type=base][variant=warning][disabled=""][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=""][inverse="1"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=""].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse="1"].gov-badge .element,[type=base][variant=warning][disabled="1"][inverse=""].gov-badge .element,[type=base][variant=warning][disabled="1"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled="1"][inverse="1"].gov-badge .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-warning-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-badge .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=""].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse="1"].gov-badge .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, transparent);color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-warning-200))}[type=base][variant=warning][hoverable][inverse=""].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse="1"].gov-badge .element:hover:active{color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-warning-300))}}[size=xs].gov-badge .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2rem);padding:var(--gov-button-padding-y, 0.25rem) var(--gov-button-padding-x, 0.75rem)}[size=xs].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}@media (min-width: 48em){[size=xs].gov-badge .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 1.375rem);padding:var(--gov-button-padding-y, 0.0625rem) var(--gov-button-padding-x, 0.75rem)}[size=xs].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}}[size=s].gov-badge .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2rem);padding:var(--gov-button-padding-y, 0.25rem) var(--gov-button-padding-x, 0.75rem)}[size=s].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}@media (min-width: 48em){[size=s].gov-badge .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2rem);padding:var(--gov-button-padding-y, 0.25rem) var(--gov-button-padding-x, 0.75rem)}[size=s].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}}[size=m].gov-badge .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2rem);padding:var(--gov-button-padding-y, 0.25rem) var(--gov-button-padding-x, 0.75rem)}[size=m].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}@media (min-width: 48em){[size=m].gov-badge .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2.5rem);padding:var(--gov-button-padding-y, 0.375rem) var(--gov-button-padding-x, 0.75rem)}[size=m].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1.25rem);height:var(--gov-button-icon-size, 1.25rem)}}[size=l].gov-badge .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2.5rem);padding:var(--gov-button-padding-y, 0.375rem) var(--gov-button-padding-x, 0.75rem)}[size=l].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1.25rem);height:var(--gov-button-icon-size, 1.25rem)}@media (min-width: 48em){[size=l].gov-badge .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 1rem);column-gap:var(--gov-button-padding-x, 1rem);min-height:var(--gov-button-min-height, 3rem);padding:var(--gov-button-padding-y, 0.5rem) var(--gov-button-padding-x, 1rem)}[size=l].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1.5rem);height:var(--gov-button-icon-size, 1.5rem)}}[size=xl].gov-badge .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 1rem);column-gap:var(--gov-button-padding-x, 1rem);min-height:var(--gov-button-min-height, 3rem);padding:var(--gov-button-padding-y, 0.5rem) var(--gov-button-padding-x, 1rem)}[size=xl].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1.5rem);height:var(--gov-button-icon-size, 1.5rem)}@media (min-width: 48em){[size=xl].gov-badge .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 1.25rem);column-gap:var(--gov-button-padding-x, 1.25rem);min-height:var(--gov-button-min-height, 3.5rem);padding:var(--gov-button-padding-y, 0.75rem) var(--gov-button-padding-x, 1.25rem)}[size=xl].gov-badge .element .gov-icon{width:var(--gov-button-icon-size, 1.75rem);height:var(--gov-button-icon-size, 1.75rem)}}.gov-badge a .gov-icon{margin:0}.gov-badge .element{padding:0.25rem 0.625rem;font-family:"Roboto", sans-serif;font-weight:400;letter-spacing:initial}.gov-badge[size=xs] .element{border-radius:calc(var(--gov-button-min-height, 1.375rem) * 0.5)}.gov-badge[size=xs][hoverable] .element:focus{outline:none}.gov-badge[size=xs][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-min-height, 1.375rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=s] .element{border-radius:calc(var(--gov-button-min-height, 2rem) * 0.5)}.gov-badge[size=s][hoverable] .element:focus{outline:none}.gov-badge[size=s][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-min-height, 2rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=m] .element{border-radius:calc(var(--gov-button-min-height, 2.5rem) * 0.5)}.gov-badge[size=m][hoverable] .element:focus{outline:none}.gov-badge[size=m][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-min-height, 2.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=l] .element{border-radius:calc(var(--gov-button-min-height, 3rem) * 0.5)}.gov-badge[size=l][hoverable] .element:focus{outline:none}.gov-badge[size=l][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-min-height, 3rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-badge[size=xl] .element{border-radius:calc(var(--gov-button-min-height, 3.5rem) * 0.5)}.gov-badge[size=xl][hoverable] .element:focus{outline:none}.gov-badge[size=xl][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-min-height, 3.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}';var c;(function(e){e["A"]="a";e["SPAN"]="span";e["BUTTON"]="button"})(c||(c={}));const u=class{constructor(r){e(this,r);this.govClick=o(this,"gov-click",7);this.inverse=false;this.disabled=false;this.href=undefined;this.target=undefined;this.size=v._M;this.type="solid";this.tag="span";this.nativeType=g.SPAN;this.variant=s.PRIMARY;this.wcagLabel=undefined;this.h=i(this.host)}validateVariant(e){n(s,e,d.root)}validateSize(e){n(v,e,d.root)}validateType(e){n(l,e,d.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.validateType(this.type)}render(){const e=this.href?c.A:this.nativeType=="button"?c.BUTTON:this.tag;const o=e==c.BUTTON?this.nativeType:undefined;return r(a,{class:d.root,disabled:this.disabled,href:this.href,variant:this.variant,size:this.size,type:this.type,inverse:this.inverse,hoverable:e==c.A||e==c.BUTTON},r(e,{class:"element",href:this.href,target:this.target,"aria-label":this.wcagLabel,onClick:this.onClickHandler.bind(this),type:o},this.h.hasSlot("left-icon")&&r("slot",{name:"left-icon"}),r("slot",null),this.h.hasSlot("right-icon")&&r("slot",{name:"right-icon"})))}onClickHandler(e){e.stopPropagation();if(this.disabled===false){this.govClick.emit(e)}}get host(){return t(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"],type:["validateType"]}}};u.style=b;export{u as gov_badge};
+//# sourceMappingURL=p-3b39c3f4.entry.js.map

package/dist/core/p-3b39c3f4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-badge/constants.ts","../../../packages/core/src/components/gov-badge/gov-badge.scss?tag=gov-badge","../../../packages/core/src/components/gov-badge/gov-badge.tsx"],"names":["NativeType","BadgeClass","root","inner","govBadgeCss","Tags","GovBadge","[object Object]","hostRef","Sizes","_M","SPAN","Variants","PRIMARY","this","h","govHost","host","newValue","validateProp","Types","validateVariant","variant","validateSize","size","validateType","type","Tag","href","A","nativeType","BUTTON","tag","undefined","Host","class","disabled","inverse","hoverable","target","aria-label","wcagLabel","onClick","onClickHandler","bind","hasSlot","name","e","stopPropagation","govClick","emit"],"mappings":"4QAAA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,QAAA,OACAA,EAAA,UAAA,UAFD,CAAYA,IAAAA,EAAU,KAQf,MAAMC,EAAa,CACzBC,KAAM,YACNC,MAAO,oBCVR,MAAMC,EAAc,uovDCSpB,IAAKC,GAAL,SAAKA,GACJA,EAAA,KAAA,IACAA,EAAA,QAAA,OACAA,EAAA,UAAA,UAHD,CAAKA,IAAAA,EAAI,WAUIC,EAAQ,MAGpBC,YAAAC,8DASoC,oBAKC,0DAcFC,EAAMC,aAIX,iBAIC,uBAKgBV,EAAWW,kBAIlBC,EAASC,iCA5ChDC,KAAKC,EAAIC,EAAQF,KAAKG,MAwDvBV,gBAAgBW,GAChBC,EAAaP,EAAUM,EAAUjB,EAAWC,MAI5CK,aAAaW,GACZC,EAAaV,EAAOS,EAAUjB,EAAWC,MAK1CK,aAAaW,GACZC,EAAaC,EAAOF,EAAUjB,EAAWC,MAG1CK,oBACCO,KAAKO,gBAAgBP,KAAKQ,SAC1BR,KAAKS,aAAaT,KAAKU,MACvBV,KAAKW,aAAaX,KAAKY,MAGxBnB,SACC,MAAMoB,EAAMb,KAAKc,KAAOvB,EAAKwB,EAAIf,KAAKgB,YAAc,SAAWzB,EAAK0B,OAASjB,KAAKkB,IAClF,MAAMF,EAAaH,GAAOtB,EAAK0B,OAASjB,KAAKgB,WAAaG,UAE1D,OACClB,EAACmB,EAAI,CACJC,MAAOlC,EAAWC,KAClBkC,SAAUtB,KAAKsB,SACfR,KAAMd,KAAKc,KACXN,QAASR,KAAKQ,QACdE,KAAMV,KAAKU,KACXE,KAAMZ,KAAKY,KACXW,QAASvB,KAAKuB,QACdC,UAAWX,GAAOtB,EAAKwB,GAAKF,GAAOtB,EAAK0B,QACxChB,EAACY,EAAG,CAACQ,MAAM,UACNP,KAAMd,KAAKc,KACXW,OAAQzB,KAAKyB,OAAMC,aACP1B,KAAK2B,UACpBC,QAAS5B,KAAK6B,eAAeC,KAAK9B,MAClCY,KAAMI,GACNhB,KAAKC,EAAE8B,QAAQ,cAAgB9B,EAAA,OAAA,CAAM+B,KAAK,cAC3C/B,EAAA,OAAA,MACCD,KAAKC,EAAE8B,QAAQ,eAAiB9B,EAAA,OAAA,CAAM+B,KAAK,iBAMxCvC,eAAewC,GACtBA,EAAEC,kBACF,GAAIlC,KAAKsB,WAAa,MAAO,CAC5BtB,KAAKmC,SAASC,KAAKH","sourcesContent":["export enum NativeType {\n\tSPAN = \"span\",\n\tBUTTON = \"button\",\n}\n\nexport const NativeTypes = [undefined, NativeType.BUTTON, NativeType.SPAN] as const\nexport type NativeTypesType = typeof NativeTypes[number]\n\nexport const BadgeClass = {\n\troot: \"gov-badge\",\n\tinner: \"gov-badge__inner\",\n}\n","/*\n *   Badge\n */\n\n// Shared definitions - button & badge\n@import \"../gov-button/gov-button-core.scss\";\n\n.gov-badge {\n\t@extend %button-core;\n\n\ta .gov-icon {\n\t\tmargin: 0;\n\t}\n\n\t.element {\n\t\tpadding: rem-calc(4 10);\n\t\tfont-family: $font-family-primary;\n\t\tfont-weight: 400;\n\t\tletter-spacing: initial;\n\t}\n\n\t// Generate radiuses\n\t@each $size, $definitions in $button-sizes {\n\t\t$radius: calc(#{get(\"min-height\", $definitions)} * 0.5);\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tborder-radius: $radius;\n\t\t\t}\n\n\t\t\t// HOVERS\n\t\t\t&[hoverable] .element {\n\t\t\t\t@include focus-outline($radius, $outline-offset);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch, Event, EventEmitter } from \"@stencil/core\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { Sizes } from \"../../core/constants/sizes\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { BadgeClass, NativeType, NativeTypesType } from \"./constants\"\nimport { SizesType, Type, Types, VariantType } from \"../gov-button/constants\"\nimport { Variants } from \"../../core/constants/variants\"\n\nenum Tags {\n\tA = \"a\",\n\tSPAN = \"span\",\n\tBUTTON = \"button\"\n}\n\n@Component({\n\ttag: \"gov-badge\",\n\tstyleUrl: \"gov-badge.scss\",\n})\nexport class GovBadge {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBadgeElement\n\n\t/**\n\t * Determide 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 * Makes the badge 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() readonly disabled: boolean = false\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: string\n\t/**\n\t * Badge’s size.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Badges's type\n\t */\n\t@Prop() readonly type: Type = \"solid\";\n\t/**\n\t * Used to change the HMTL tag in the badge\n\t */\n\t@Prop() readonly tag: string = \"span\"\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 = NativeType.SPAN\n\t/**\n\t * Style variation of the badge.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY\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 * Emitted when the button click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\tvalidateProp(Variants, newValue, BadgeClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, BadgeClass.root)\n\t\t\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Types, newValue, BadgeClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateType(this.type)\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : this.nativeType == 'button' ? Tags.BUTTON : this.tag;\n\t\tconst nativeType = Tag == Tags.BUTTON ? this.nativeType : undefined;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={BadgeClass.root}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tvariant={this.variant}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t\tinverse={this.inverse}\n\t\t\t\thoverable={Tag == Tags.A || Tag == Tags.BUTTON}>\n\t\t\t\t<Tag class=\"element\"\n\t\t\t\t     href={this.href}\n\t\t\t\t     target={this.target}\n\t\t\t\t     aria-label={this.wcagLabel}\n\t\t\t\t\t onClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t type={nativeType}>\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</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(e)\n\t\t}\n\t}\n}\n"]}

package/dist/core/p-3ef69b36.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,H as i,g as r}from"./p-75c62141.js";import{g as s,t as l}from"./p-9077d6f6.js";import{F as a,V as c}from"./p-ee0bfc25.js";import{S as n}from"./p-55500e5a.js";import{v as g}from"./p-e29a195b.js";import{c as v,a as m,b as f}from"./p-55f49f1d.js";import{c as d}from"./p-a24dc455.js";import{d as h}from"./p-0956d80f.js";import{g as p}from"./p-42367e53.js";import"./p-f9320f1e.js";import"./p-b4a749e8.js";import"./p-15591728.js";import"./p-d3714547.js";const u='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-select{display:flex;align-items:center}.gov-form-select .element{position:relative;flex:1 1 auto}.gov-form-select input,.gov-form-select select,.gov-form-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-secondary-100));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:"Roboto", sans-serif}.gov-form-select input:focus,.gov-form-select select:focus,.gov-form-select textarea:focus{outline:none}.gov-form-select input:focus-visible,.gov-form-select select:focus-visible,.gov-form-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-select input::-moz-placeholder,.gov-form-select select::-moz-placeholder,.gov-form-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select input::placeholder,.gov-form-select select::placeholder,.gov-form-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-select *[slot=left-icon],.gov-form-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-select *[slot=left-icon]{left:0}.gov-form-select *[slot=right-icon]{right:0}[disabled=""].gov-form-select,[disabled=true i].gov-form-select,[disabled="1"].gov-form-select{pointer-events:none}[disabled=""].gov-form-select input,[disabled=""].gov-form-select select,[disabled=""].gov-form-select textarea,[disabled=true i].gov-form-select input,[disabled=true i].gov-form-select select,[disabled=true i].gov-form-select textarea,[disabled="1"].gov-form-select input,[disabled="1"].gov-form-select select,[disabled="1"].gov-form-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-select *[slot=left-icon],[disabled=""].gov-form-select *[slot=right-icon],[disabled=true i].gov-form-select *[slot=left-icon],[disabled=true i].gov-form-select *[slot=right-icon],[disabled="1"].gov-form-select *[slot=left-icon],[disabled="1"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=""].gov-form-select input,[invalid=""].gov-form-select select,[invalid=""].gov-form-select textarea,[invalid=true i].gov-form-select input,[invalid=true i].gov-form-select select,[invalid=true i].gov-form-select textarea,[invalid="1"].gov-form-select input,[invalid="1"].gov-form-select select,[invalid="1"].gov-form-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-select input::-moz-placeholder,[invalid=""].gov-form-select select::-moz-placeholder,[invalid=""].gov-form-select textarea::-moz-placeholder,[invalid=true i].gov-form-select input::-moz-placeholder,[invalid=true i].gov-form-select select::-moz-placeholder,[invalid=true i].gov-form-select textarea::-moz-placeholder,[invalid="1"].gov-form-select input::-moz-placeholder,[invalid="1"].gov-form-select select::-moz-placeholder,[invalid="1"].gov-form-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-select input::placeholder,[invalid=""].gov-form-select select::placeholder,[invalid=""].gov-form-select textarea::placeholder,[invalid=true i].gov-form-select input::placeholder,[invalid=true i].gov-form-select select::placeholder,[invalid=true i].gov-form-select textarea::placeholder,[invalid="1"].gov-form-select input::placeholder,[invalid="1"].gov-form-select select::placeholder,[invalid="1"].gov-form-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-select *[slot=left-icon],[invalid=""].gov-form-select *[slot=right-icon],[invalid=true i].gov-form-select *[slot=left-icon],[invalid=true i].gov-form-select *[slot=right-icon],[invalid="1"].gov-form-select *[slot=left-icon],[invalid="1"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid="1"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=""].gov-form-select *[slot=right-icon],[success=true i].gov-form-select *[slot=right-icon],[success="1"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem 1rem}[size=m].gov-form-select input,[size=m].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.4375rem 0.75rem}[size=m].gov-form-select *[slot=left-icon],[size=m].gov-form-select *[slot=right-icon]{width:1rem;height:1rem}[size=m].gov-form-select *[slot=left-icon]{left:0.75rem}[size=m].gov-form-select *[slot=left-icon]~input{padding-left:2.5rem}[size=m].gov-form-select *[slot=right-icon]{right:0.75rem}[size=m].gov-form-select *[slot=right-icon]~input,[size=m].gov-form-select *[slot=right-icon]~select{padding-right:2.5rem}[size=l].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem 1rem}[size=l].gov-form-select input,[size=l].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.6875rem 0.75rem}[size=l].gov-form-select *[slot=left-icon],[size=l].gov-form-select *[slot=right-icon]{width:1rem;height:1rem}[size=l].gov-form-select *[slot=left-icon]{left:0.75rem}[size=l].gov-form-select *[slot=left-icon]~input{padding-left:2.5rem}[size=l].gov-form-select *[slot=right-icon]{right:0.75rem}[size=l].gov-form-select *[slot=right-icon]~input,[size=l].gov-form-select *[slot=right-icon]~select{padding-right:2.5rem}[size=xl].gov-form-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem 1.25rem}[size=xl].gov-form-select input,[size=xl].gov-form-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);padding:0.9375rem 1rem 0.875rem}[size=xl].gov-form-select *[slot=left-icon],[size=xl].gov-form-select *[slot=right-icon]{width:1.25rem;height:1.25rem}[size=xl].gov-form-select *[slot=left-icon]{left:0.875rem}[size=xl].gov-form-select *[slot=left-icon]~input{padding-left:3rem}[size=xl].gov-form-select *[slot=right-icon]{right:0.875rem}[size=xl].gov-form-select *[slot=right-icon]~input,[size=xl].gov-form-select *[slot=right-icon]~select{padding-right:3rem}.gov-form-select{background:none}.gov-form-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-select select::-ms-expand{display:none}[size=m].gov-form-select *[slot=right-icon]{right:1rem;width:0.5rem;height:0.5rem}[size=l].gov-form-select *[slot=right-icon]{right:1rem;width:0.5rem;height:0.5rem}[size=xl].gov-form-select *[slot=right-icon]{right:1.3125rem;width:0.625rem;height:0.625rem}';const x=class{constructor(t){e(this,t);this.govFocus=o(this,"gov-focus",7);this.govBlur=o(this,"gov-blur",7);this.govChange=o(this,"gov-change",7);this.value=undefined;this.identifier=undefined;this.variant=undefined;this.size=n._M;this.name=undefined;this.required=false;this.disabled=undefined;this.invalid=undefined;this.wcagActiveDescendant=undefined;this.wcagControls=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.h=s(this.host);this.selectId=d("GovSelect");this.f=p(s(this.host))}validateVariant(e){g(c,e,a.root)}validateSize(e){g(n,e,a.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.host.querySelectorAll("option").forEach((e=>{if(e.value===this.value){e.setAttribute("selected","true")}}));this.f.passAttrToControl("type","select")}async componentDidRender(){if(v()){await h(500);await this.validateWcag()}}render(){return t(i,{class:a.root,size:this.size,variant:this.variant},this.h.hasSlot("prefix")&&t("slot",{name:"prefix"}),t("span",{class:"element"},t("gov-icon",{slot:"right-icon",name:"arrow-down"}),t("select",{id:this.identifier||this.selectId,onFocus:this.onFocusHandler.bind(this),onChange:this.onChangeHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,name:this.name,disabled:this.disabled,ref:e=>this.selectRef=e,"aria-disabled":l(this.disabled),"aria-activedescendant":this.wcagActiveDescendant,"aria-controls":this.wcagControls,"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns},t("slot",null))),this.h.hasSlot("sufix")&&t("slot",{name:"sufix"}))}onFocusHandler(e){this.focused=true;this.govFocus.emit(e)}onBlurHandler(e){this.focused=false;this.govBlur.emit(e)}onChangeHandler(e){this.value=e.target.value;e.stopPropagation();this.govChange.emit(e)}async setFocus(e){return this.selectRef.focus(e)}async setValue(e){this.value=e}async getInstance(){return this.selectRef}async validateWcag(){m(this.wcagActiveDescendant,"wcag-active-descendant",a.root);m(this.wcagControls,"wcag-controls",a.root);m(this.wcagDescribedBy,"wcag-described-by",a.root);m(this.wcagOwns,"wcag-owns",a.root);f(this.identifier||this.selectId,this.wcagLabelledBy,a.root)}get host(){return r(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}};x.style=u;export{x as gov_form_select};
+//# sourceMappingURL=p-3ef69b36.entry.js.map

package/dist/core/p-3ef69b36.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-form/select/gov-form-select.scss?tag=gov-form-select","../../../packages/core/src/components/gov-form/select/gov-form-select.tsx"],"names":["govFormSelectCss","GovFormSelect","[object Object]","hostRef","undefined","Sizes","_M","this","h","govHost","host","selectId","createID","f","govForm","newValue","validateProp","Variants","FormSelectClass","root","validateVariant","variant","validateSize","size","querySelectorAll","forEach","option","value","setAttribute","passAttrToControl","canValidateWcagOnRender","delay","validateWcag","Host","class","hasSlot","name","slot","id","identifier","onFocus","onFocusHandler","bind","onChange","onChangeHandler","onBlur","onBlurHandler","required","disabled","ref","el","selectRef","aria-disabled","toBoolAttrIfDefined","aria-activedescendant","wcagActiveDescendant","aria-controls","wcagControls","aria-required","aria-invalid","invalid","aria-describedby","wcagDescribedBy","aria-labelledby","wcagLabelledBy","aria-owns","wcagOwns","e","focused","govFocus","emit","govBlur","target","stopPropagation","govChange","options","focus","validateWcagRef","validateWcagLabelFor"],"mappings":"4dAAA,MAAMA,EAAmB,4nRCiBZC,EAAa,MAOzBC,YAAAC,qLAkBwCC,oBAILC,EAAMC,qCASJ,iOA9BpCC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,SAAWC,EAAS,aACzBL,KAAKM,EAAIC,EAAQL,EAAQF,KAAKG,OAyE/BR,gBAAgBa,GACfC,EAAaC,EAAUF,EAAUG,EAAgBC,MAIlDjB,aAAaa,GACZC,EAAaX,EAAOU,EAAUG,EAAgBC,MAI/CjB,oBACCK,KAAKa,gBAAgBb,KAAKc,SAC1Bd,KAAKe,aAAaf,KAAKgB,MAEvBhB,KAAKG,KAAKc,iBAAiB,UAAUC,SAASC,IAC7C,GAAGA,EAAOC,QAAUpB,KAAKoB,MAAO,CAC/BD,EAAOE,aAAa,WAAY,YAIlCrB,KAAKM,EAAEgB,kBAAkB,OAAQ,UAGlC3B,2BACC,GAAI4B,IAA2B,OACxBC,EAAM,WACNxB,KAAKyB,gBAIb9B,SACC,OACCM,EAACyB,EAAI,CAACC,MAAOhB,EAAgBC,KAAMI,KAAMhB,KAAKgB,KAAMF,QAASd,KAAKc,SAChEd,KAAKC,EAAE2B,QAAQ,WAAa3B,EAAA,OAAA,CAAM4B,KAAK,WACxC5B,EAAA,OAAA,CAAM0B,MAAM,WACX1B,EAAA,WAAA,CAAU6B,KAAK,aAAaD,KAAK,eACjC5B,EAAA,SAAA,CACC8B,GAAI/B,KAAKgC,YAAchC,KAAKI,SAC5B6B,QAASjC,KAAKkC,eAAeC,KAAKnC,MAClCoC,SAAUpC,KAAKqC,gBAAgBF,KAAKnC,MACpCsC,OAAQtC,KAAKuC,cAAcJ,KAAKnC,MAChCwC,SAAUxC,KAAKwC,SACfX,KAAM7B,KAAK6B,KACXY,SAAUzC,KAAKyC,SACfC,IAAKC,GAAM3C,KAAK4C,UAAYD,EAAuBE,gBACpCC,EAAoB9C,KAAKyC,UAASM,wBAC1B/C,KAAKgD,qBAAoBC,gBACjCjD,KAAKkD,aAAYC,gBACjBL,EAAoB9C,KAAKwC,UAASY,eACnCN,EAAoB9C,KAAKqD,SAAQC,mBAC7BtD,KAAKuD,gBAAeC,kBACrBxD,KAAKyD,eAAcC,YACzB1D,KAAK2D,UAChB1D,EAAA,OAAA,QAGDD,KAAKC,EAAE2B,QAAQ,UAAY3B,EAAA,OAAA,CAAM4B,KAAK,WAKlClC,eAAeiE,GACtB5D,KAAK6D,QAAU,KACf7D,KAAK8D,SAASC,KAAKH,GAGZjE,cAAciE,GACrB5D,KAAK6D,QAAU,MACf7D,KAAKgE,QAAQD,KAAKH,GAGXjE,gBAAgBiE,GACvB5D,KAAKoB,MAASwC,EAAEK,OAA6B7C,MAC7CwC,EAAEM,kBACFlE,KAAKmE,UAAUJ,KAAKH,GAOrBjE,eAAeyE,GACd,OAAOpE,KAAK4C,UAAUyB,MAAMD,GAO7BzE,eAAeyB,GACdpB,KAAKoB,MAAQA,EAOdzB,oBACC,OAAOK,KAAK4C,UAObjD,qBACC2E,EAAgBtE,KAAKgD,qBAAsB,yBAA0BrC,EAAgBC,MACrF0D,EAAgBtE,KAAKkD,aAAc,gBAAiBvC,EAAgBC,MACpE0D,EAAgBtE,KAAKuD,gBAAiB,oBAAqB5C,EAAgBC,MAC3E0D,EAAgBtE,KAAK2D,SAAU,YAAahD,EAAgBC,MAC5D2D,EAAqBvE,KAAKgC,YAAchC,KAAKI,SAAUJ,KAAKyD,eAAgB9C,EAAgBC","sourcesContent":["/*\n *   Select\n */\n\n@import \"../select/gov-form-select-core.scss\";\n\n$class: \".gov-form-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n}\n","import { Component, Element, h, State, Prop, Event, EventEmitter, Watch, Host, Method } from \"@stencil/core\"\nimport { GovHost } from \"../../../helpers/Dom/template.d\"\nimport { toBoolAttrIfDefined, govHost } from \"../../../helpers/Dom/template\"\nimport { SizesType, Variants, VariantType, FormSelectClass } from \"./constants\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport { GovForm }from \"../../../helpers/Dom/form.d\"\nimport { govForm }from \"../../../helpers/Dom/form\"\n\n@Component({\n\ttag: \"gov-form-select\",\n\tstyleUrl: \"gov-form-select.scss\",\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.selectId = createID(\"GovSelect\")\n\t\tthis.f = govForm(govHost(this.host));\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of select\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string;\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant: VariantType = undefined\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\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 prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter\n\t@State() focused: boolean\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormSelectClass.root)\n\t}\n\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\n\t\tthis.host.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif(option.value === this.value) {\n\t\t\t\toption.setAttribute('selected', 'true');\n\t\t\t}\n\t\t})\n\n\t\tthis.f.passAttrToControl('type', 'select')\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\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t<select\n\t\t\t\t\t\tid={this.identifier || this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => this.selectRef = el as HTMLSelectElement}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-owns={this.wcagOwns}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</select>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit(e)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getInstance(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\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\tvalidateWcagRef(this.wcagActiveDescendant, \"wcag-active-descendant\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagControls, \"wcag-controls\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root)\n\t}\n}\n"]}

package/dist/core/p-42367e53.js

@@ -0,0 +1,2 @@
+import"./p-55500e5a.js";import{V as o}from"./p-f9320f1e.js";import{F as t,a as r}from"./p-ee0bfc25.js";import{F as s}from"./p-15591728.js";import{F as i}from"./p-d3714547.js";const n={root:"gov-form-checkbox",check:"gov-form-checkbox__check"};const e={root:"gov-form-control",bottom:"gov-form-control__bottom"};const a=[undefined,o.PRIMARY,o.SECONDARY];const c={root:"gov-form-input"};const f={root:"gov-form-switch",holder:"gov-form-switch__holder",input:"gov-form-switch__input",indicator:"gov-form-switch__indicator"};const m={root:"gov-form-radio",holder:"gov-form-radio__holder",input:"gov-form-radio__input",indicator:"gov-form-radio__indicator"};const h=o=>({get govHost(){return o},passAttrToControl(o,t){if(this.control){this.control.setAttribute(o,t)}},get hasGroupChildren(){if(this.control){return this.control.querySelectorAll("gov-form-group > *").length>1}return false},get control(){if(this.govHost.name===e.root){return this.govHost.hostElement}return this.govHost.getParent(e.root)},get mainElementsInControl(){const o=[t.root,c.root,f.root,n.root,m.root,r.root,i.root];if(this.control){const t=o.map((o=>`${o}:first-of-type`)).join(", ");return Array.from(this.control.querySelectorAll(t))}return[]},get messageElements(){if(this.control){return Array.from(this.control.querySelectorAll(s.root))}return[]}});export{n as F,a as V,e as a,m as b,f as c,c as d,h as g};
+//# sourceMappingURL=p-42367e53.js.map

package/dist/core/p-42367e53.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"names":["FormCheckboxClass","root","check","FormControlClass","bottom","Variants","undefined","GlobalVariants","PRIMARY","SECONDARY","FormInputClass","FormSwitchClass","holder","input","indicator","FormRadioClass","govForm","govHost","[object Object]","name","value","this","control","setAttribute","hasGroupChildren","querySelectorAll","length","hostElement","getParent","mainElementsInControl","formElements","FormSelectClass","FormMultiSelectClass","FormAutocompleteClass","elements","map","el","join","Array","from","messageElements","FormMessageClass"],"mappings":"qLAMaA,EAAoB,CAChCC,KAAM,oBACNC,MAAO,kCCHKC,EAAmB,CAC/BF,KAAM,mBACNG,OAAQ,kCCDIC,EAAW,CAACC,UAAWC,EAAeC,QAASD,EAAeE,iBAS9DC,EAAiB,CAC7BT,KAAM,wBCVMU,EAAkB,CAC9BV,KAAM,kBACNW,OAAQ,0BACRC,MAAO,yBACPC,UAAW,oCCJCC,EAAiB,CAC7Bd,KAAM,iBACNW,OAAQ,yBACRC,MAAO,wBACPC,UAAW,mCCECE,EAAWC,IAChB,CACNA,cACC,OAAOA,GAERC,kBAAkBC,EAAcC,GAC/B,GAAIC,KAAKC,QAAS,CACjBD,KAAKC,QAAQC,aAAaJ,EAAMC,KAGlCI,uBACC,GAAIH,KAAKC,QAAS,CACjB,OAAOD,KAAKC,QAAQG,iBAAiB,sBAAsBC,OAAS,EAErE,OAAO,OAERJ,cACC,GAAID,KAAKJ,QAAQE,OAAShB,EAAiBF,KAAM,CAChD,OAAOoB,KAAKJ,QAAQU,YAErB,OAAON,KAAKJ,QAAQW,UAAUzB,EAAiBF,OAEhD4B,4BACC,MAAMC,EAAe,CACpBC,EAAgB9B,KAChBS,EAAeT,KACfU,EAAgBV,KAChBD,EAAkBC,KAClBc,EAAed,KACf+B,EAAqB/B,KACrBgC,EAAsBhC,MAEvB,GAAIoB,KAAKC,QAAS,CACjB,MAAMY,EAAWJ,EAAaK,KAAKC,GAAO,GAAGA,oBAAoBC,KAAK,MACtE,OAAOC,MAAMC,KAAKlB,KAAKC,QAAQG,iBAAiBS,IAEjD,MAAO,IAERM,sBACC,GAAInB,KAAKC,QAAS,CACjB,OAAOgB,MAAMC,KAAKlB,KAAKC,QAAQG,iBAAiBgB,EAAiBxC,OAElE,MAAO","sourcesContent":["import { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\n\nexport const Sizes = [undefined, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L] as const\nexport type SizesType = typeof Sizes[number]\n\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n}\n","import { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\n\nexport const Sizes = [undefined, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL] as const\nexport type SizesType = typeof Sizes[number]\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\nimport { Variants as GlobalVariants } from \"../../../core/constants/variants\"\n\nexport const Sizes = [undefined, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL] as const\nexport type SizesType = typeof Sizes[number]\n\nexport const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY] as const\nexport type VariantType = typeof Variants[number]\n\nexport const InputTypes = [undefined, 'color', 'date', 'datetime-local', 'email', 'month', 'number', 'password', 'search', 'tel', 'text', 'time', 'url', 'week'] as const\nexport type InputType = typeof InputTypes[number]\n\nexport const Types = [undefined, 'reset'] as const\nexport type Type = typeof Types[number]\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n}\n","import { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\n\nexport const Sizes = [undefined, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L] as const\nexport type SizesType = typeof Sizes[number]\n\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n}\n","import { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\n\nexport const Sizes = [undefined, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L] as const\nexport type SizesType = typeof Sizes[number]\n\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tholder: 'gov-form-radio__holder',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n}\n","import { GovHost } from \"./template.d\"\nimport { GovForm } from \"./form.d\"\nimport { FormControlClass } from \"../../components/gov-form/control/constants\"\nimport { FormInputClass } from \"../../components/gov-form/input/constants\"\nimport { FormMultiSelectClass, FormSelectClass } from \"../../components/gov-form/select/constants\"\nimport { FormSwitchClass } from \"../../components/gov-form/switch/constants\"\nimport { FormCheckboxClass } from \"../../components/gov-form/checkbox/constants\"\nimport { FormRadioClass } from \"../../components/gov-form/radio/constants\"\nimport { FormMessageClass } from \"../../components/gov-form/message/constants\"\nimport { FormAutocompleteClass } from \"../../components/gov-form/autocomplete/constants\"\n\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll(\"gov-form-group > *\").length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): HTMLGovFormControlElement | null {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map((el) => `${el}:first-of-type`).join(', ');\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"]}

package/dist/core/p-45485d1c.js

@@ -0,0 +1,2 @@
+const o={root:"gov-modal",rootPrompt:"gov-modal gov-modal--prompt",dialog:"gov-modal__dialog",inner:"gov-modal__inner",header:"gov-modal__header",icon:"gov-modal__icon",title:"gov-modal__title",content:"gov-modal__content",close:"gov-modal__close",actions:"gov-modal__actions",bodyFix:"body-fixed"};export{o as M};
+//# sourceMappingURL=p-45485d1c.js.map

package/dist/core/p-45485d1c.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-modal/constants.ts"],"names":["ModalClass","root","rootPrompt","dialog","inner","header","icon","title","content","close","actions","bodyFix"],"mappings":"MAAaA,EAAa,CACzBC,KAAM,YACNC,WAAY,8BACZC,OAAQ,oBACRC,MAAO,mBACPC,OAAQ,oBACRC,KAAM,kBACNC,MAAO,mBACPC,QAAS,qBACTC,MAAO,mBACPC,QAAS,qBACTC,QAAS","sourcesContent":["export const ModalClass = {\n\troot: 'gov-modal',\n\trootPrompt: 'gov-modal gov-modal--prompt',\n\tdialog: 'gov-modal__dialog',\n\tinner: 'gov-modal__inner',\n\theader: 'gov-modal__header',\n\ticon: 'gov-modal__icon',\n\ttitle: 'gov-modal__title',\n\tcontent: 'gov-modal__content',\n\tclose: 'gov-modal__close',\n\tactions: 'gov-modal__actions',\n\tbodyFix: 'body-fixed',\n}\n"]}

package/dist/core/p-468af26f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,H as s}from"./p-75c62141.js";import{v as a}from"./p-e29a195b.js";import{S as o}from"./p-55500e5a.js";import"./p-b4a749e8.js";const t={none:"0em",sm:"30em",md:"48em",lg:"64em",xl:"75em"};const r=Object.keys(t);r.push(undefined);const n=[undefined,o._2XS,o._XS,o._S,o._M,o._L,o._XL,o._2XL,o._3XL,o._5XL];const p=r;const m={root:"gov-spacer"};const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-spacer{display:block;width:100%}.gov-spacer[size=unset]{height:0}.gov-spacer[size="2xs"]{height:0.25rem}.gov-spacer[size=xs]{height:0.5rem}.gov-spacer[size=s]{height:0.75rem}.gov-spacer[size=m]{height:1rem}.gov-spacer[size=l]{height:1.25rem}.gov-spacer[size=xl]{height:1.75rem}.gov-spacer[size="2xl"]{height:2rem}.gov-spacer[size="3xl"]{height:3rem}.gov-spacer[size="4xl"]{height:4.5rem}.gov-spacer[breakpoint=none]{display:none}.gov-spacer[breakpoint=sm]{display:none}@media (min-width: 30em){.gov-spacer[breakpoint=sm]{display:block}}.gov-spacer[breakpoint=md]{display:none}@media (min-width: 48em){.gov-spacer[breakpoint=md]{display:block}}.gov-spacer[breakpoint=lg]{display:none}@media (min-width: 64em){.gov-spacer[breakpoint=lg]{display:block}}.gov-spacer[breakpoint=xl]{display:none}@media (min-width: 75em){.gov-spacer[breakpoint=xl]{display:block}}';const g=class{constructor(i){e(this,i);this.size=undefined;this.breakpoint=undefined}validateSize(e){a(n,e,m.root)}validateBreakpoint(e){a(p,e,m.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return i(s,{class:m.root})}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}};g.style=c;export{g as gov_spacer};
+//# sourceMappingURL=p-468af26f.entry.js.map

package/dist/core/p-468af26f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/core/constants/breakpoint.ts","../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.scss?tag=gov-spacer","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"names":["BreakpointTable","none","sm","md","lg","xl","BreakpointNames","Object","keys","push","undefined","SpacerSize","Sizes","_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_5XL","SpacerBreakpoints","SpacerClass","root","govSpacerCss","GovSpacer","[object Object]","newValue","validateProp","this","validateSize","size","validateBreakpoint","breakpoint","h","Host","class"],"mappings":"kJAAO,MAAMA,EAAkB,CAC9BC,KAAM,MACNC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGE,MAAMC,EAAkBC,OAAOC,KAAKR,GCL3CM,EAAgBG,KAAKC,WAEd,MAAMC,EAAa,CAACD,UAAWE,EAAMC,KAAMD,EAAME,IAAKF,EAAMG,GAAIH,EAAMI,GAAIJ,EAAMK,GAAIL,EAAMM,IAAKN,EAAMO,KAAMP,EAAMQ,KAAMR,EAAMS,MAG7H,MAAMC,EAAoBhB,EAG1B,MAAMiB,EAAc,CAC1BC,KAAM,cCZP,MAAMC,EAAe,++BCQRC,EAAS,yCACmBhB,0BACaA,UAGrDiB,aAAaC,GACZC,EAAalB,EAAYiB,EAAUL,EAAYC,MAIhDG,mBAAmBC,GAClBC,EAAaP,EAAmBM,EAAUL,EAAYC,MAGvDG,oBACCG,KAAKC,aAAaD,KAAKE,MACvBF,KAAKG,mBAAmBH,KAAKI,YAG9BP,SACC,OAAOQ,EAACC,EAAI,CAACC,MAAOd,EAAYC","sourcesContent":["export const BreakpointTable = {\n\tnone: '0em',\n\tsm: '30em',\n\tmd: '48em',\n\tlg: '64em',\n\txl: '75em',\n}\n\nexport const BreakpointNames = Object.keys(BreakpointTable)\n","import { BreakpointNames } from '../../core/constants/breakpoint'\nimport { Sizes } from '../../core/constants/sizes'\n\nBreakpointNames.push(undefined)\n\nexport const SpacerSize = [undefined, Sizes._2XS, Sizes._XS, Sizes._S, Sizes._M, Sizes._L, Sizes._XL, Sizes._2XL, Sizes._3XL, Sizes._5XL] as const\nexport type SpacerSizeType = typeof SpacerSize[number]\n\nexport const SpacerBreakpoints = BreakpointNames\nexport type SpacerBreakpointsType = typeof SpacerBreakpoints[number]\n\nexport const SpacerClass = {\n\troot: 'gov-spacer',\n}\n","/*\n *   Spacer\n */\n\n$class: \".gov-spacer\";\n\n#{$class} {\n\tdisplay: block;\n\twidth: 100%;\n\n\t@each $name, $value in $sizes {\n\t\t&[size=\"#{$name}\"] {\n\t\t\theight: #{$value};\n\t\t}\n\t}\n\n\t@each $name, $value in $mq-breakpoints {\n\t\t&[breakpoint=\"#{$name}\"] {\n\t\t\tdisplay: none;\n\n\t\t\t@if #{$value} != \"0\" {\n\t\t\t\t@include mq($from: #{$name}) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\n\n@Component({\n\ttag: 'gov-spacer',\n\tstyleUrl: 'gov-spacer.scss',\n})\nexport class GovSpacer {\n\t@Prop() readonly size: SpacerSizeType = undefined\n\t@Prop() readonly breakpoint: SpacerBreakpointsType = undefined\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\n\t}\n\n\t@Watch('breakpoint')\n\tvalidateBreakpoint(newValue: string): void {\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateBreakpoint(this.breakpoint)\n\t}\n\n\trender() {\n\t\treturn <Host class={SpacerClass.root}></Host>\n\t}\n}\n"]}

package/dist/core/p-487665c0.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,H as r,g as n}from"./p-75c62141.js";import{v as a}from"./p-e29a195b.js";import{N as i,B as v,V as s,T as l,a as g}from"./p-089c220d.js";import{g as b,p as d,t as u,a as c}from"./p-9077d6f6.js";import{S as p}from"./p-55500e5a.js";import{c as m,a as y,v as h}from"./p-55f49f1d.js";import{d as w}from"./p-0956d80f.js";import"./p-b4a749e8.js";import"./p-f9320f1e.js";import"./p-a24dc455.js";function x(e){if(typeof e==="string"){return["true","True","TRUE","1"].indexOf(e)!==-1}else if(typeof e==="number"){return e>0}else if(typeof e==="boolean"){return e}else{return e?true:false}}const f='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-button{display:inline-flex}.gov-button .element{margin:0;padding:0;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-secondary-100));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-secondary-100))}[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-secondary-100))}[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{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));opacity:0.6;background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-secondary-100))}@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-secondary-100))}[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-secondary-100));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-primary-700))}[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{color:var(--gov-button-primary-solid-inverse-active-color, 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-secondary-100));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-secondary-100))}[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{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-primary-outlined-inverse-bg, transparent)}@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-secondary-100));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-primary))}[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{color:var(--gov-button-primary-outline-inverse-active-color, var(--gov-color-primary-700))}}[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-secondary-100));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{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-primary-base-inverse-bg, transparent)}@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, transparent);color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-primary-200))}[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{color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-primary-300))}}[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-secondary-100));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-secondary-100))}[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{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));opacity:0.6;background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-secondary-100))}@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-secondary-100))}[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-100));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-secondary-900))}[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{color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-secondary))}}[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-secondary-100));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-secondary-100))}[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{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent)}@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-100));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-secondary))}[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{color:var(--gov-button-secondary-outline-inverse-active-color, var(--gov-color-secondary-900))}}[type=base][variant=secondary].gov-button .element{color:var(--gov-button-secondary-outlined-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-secondary-100));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-outlined-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{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][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=base][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=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, transparent);color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-secondary-500))}[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{color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary-600))}}[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-secondary-100));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-secondary-100))}[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-secondary-100))}[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{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));opacity:0.6;background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-secondary-100))}@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-secondary-100))}[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-secondary-100));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-error-500))}[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{color:var(--gov-button-error-solid-inverse-active-color, 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-secondary-100));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-secondary-100))}[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{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-error-outlined-inverse-bg, transparent)}@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-secondary-100));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-error))}[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{color:var(--gov-button-error-outlined-inverse-active-color, var(--gov-color-error-500))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-outlined-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-secondary-100));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-outlined-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{color:var(--gov-button-error-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-error-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][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=base][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=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, transparent);color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-error-200))}[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{color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-error-300))}}[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-secondary-100));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-500));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-secondary-100))}[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-secondary-100))}[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{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success-500));opacity:0.6;background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-secondary-100))}@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-secondary-100))}[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-secondary-100));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-success-600))}[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{color:var(--gov-button-success-solid-inverse-active-color, var(--gov-color-success-700))}}[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-secondary-100));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-secondary-100))}[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{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-success-outlined-inverse-bg, transparent)}@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-secondary-100));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-success-500))}[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{color:var(--gov-button-success-outlined-inverse-active-color, var(--gov-color-success-600))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-outlined-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-secondary-100));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-outlined-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{color:var(--gov-button-success-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-success-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][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=base][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=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, transparent);color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-success-200))}[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{color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-success-300))}}[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-secondary-100));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-500));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-secondary-100))}[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-secondary-100))}[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{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning-500));opacity:0.6;background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-secondary-100))}@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-secondary-100))}[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-secondary-100));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-warning-600))}[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{color:var(--gov-button-warning-solid-inverse-active-color, var(--gov-color-warning-700))}}[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-secondary-100));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-secondary-100))}[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{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-warning-outlined-inverse-bg, transparent)}@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-secondary-100));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-warning-500))}[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{color:var(--gov-button-warning-outlined-inverse-active-color, var(--gov-color-warning-600))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-outlined-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-secondary-100));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-outlined-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{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-secondary-100));opacity:0.6;background-color:var(--gov-button-warning-base-inverse-bg, transparent)}@media not all and (pointer: coarse){[type=base][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=base][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=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, transparent);color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-warning-200))}[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{color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-warning-300))}}[size=xs].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-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2rem);padding:var(--gov-button-padding-y, 0.25rem) var(--gov-button-padding-x, 0.75rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}@media (min-width: 48em){[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-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 1.375rem);padding:var(--gov-button-padding-y, 0.0625rem) var(--gov-button-padding-x, 0.75rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}}[size=s].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-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2rem);padding:var(--gov-button-padding-y, 0.25rem) var(--gov-button-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}@media (min-width: 48em){[size=s].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-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2rem);padding:var(--gov-button-padding-y, 0.25rem) var(--gov-button-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-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-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2rem);padding:var(--gov-button-padding-y, 0.25rem) var(--gov-button-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1rem);height:var(--gov-button-icon-size, 1rem)}@media (min-width: 48em){[size=m].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-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2.5rem);padding:var(--gov-button-padding-y, 0.375rem) var(--gov-button-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1.25rem);height:var(--gov-button-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-padding-x, 0.75rem);column-gap:var(--gov-button-padding-x, 0.75rem);min-height:var(--gov-button-min-height, 2.5rem);padding:var(--gov-button-padding-y, 0.375rem) var(--gov-button-padding-x, 0.75rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1.25rem);height:var(--gov-button-icon-size, 1.25rem)}@media (min-width: 48em){[size=l].gov-button .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 1rem);column-gap:var(--gov-button-padding-x, 1rem);min-height:var(--gov-button-min-height, 3rem);padding:var(--gov-button-padding-y, 0.5rem) var(--gov-button-padding-x, 1rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1.5rem);height:var(--gov-button-icon-size, 1.5rem)}}[size=xl].gov-button .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-padding-x, 1rem);column-gap:var(--gov-button-padding-x, 1rem);min-height:var(--gov-button-min-height, 3rem);padding:var(--gov-button-padding-y, 0.5rem) var(--gov-button-padding-x, 1rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1.5rem);height:var(--gov-button-icon-size, 1.5rem)}@media (min-width: 48em){[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-padding-x, 1.25rem);column-gap:var(--gov-button-padding-x, 1.25rem);min-height:var(--gov-button-min-height, 3.5rem);padding:var(--gov-button-padding-y, 0.75rem) var(--gov-button-padding-x, 1.25rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-icon-size, 1.75rem);height:var(--gov-button-icon-size, 1.75rem)}}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.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:not(.gov-button--w-icon)[loading="0"][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=""][size=xs] .element{padding:var(--gov-button-padding-y, 0.0625rem) calc(var(--gov-button-padding-x, 0.75rem) + var(--gov-button-padding-x, 0.75rem) / 2 + var(--gov-button-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading="0"][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=""][size=s] .element{padding:var(--gov-button-padding-y, 0.25rem) calc(var(--gov-button-padding-x, 0.75rem) + var(--gov-button-padding-x, 0.75rem) / 2 + var(--gov-button-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading="0"][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=""][size=m] .element{padding:var(--gov-button-padding-y, 0.375rem) calc(var(--gov-button-padding-x, 0.75rem) + var(--gov-button-padding-x, 0.75rem) / 2 + var(--gov-button-icon-size, 1.25rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading="0"][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=""][size=l] .element{padding:var(--gov-button-padding-y, 0.5rem) calc(var(--gov-button-padding-x, 1rem) + var(--gov-button-padding-x, 1rem) / 2 + var(--gov-button-icon-size, 1.5rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading="0"][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=""][size=xl] .element{padding:var(--gov-button-padding-y, 0.75rem) calc(var(--gov-button-padding-x, 1.25rem) + var(--gov-button-padding-x, 1.25rem) / 2 + var(--gov-button-icon-size, 1.75rem) / 2)}.gov-button[type=outlined][variant=primary] .gov-spin-animation,.gov-button[type=base][variant=primary] .gov-spin-animation{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary))}.gov-button[type=outlined][variant=primary][inverse=""] .gov-spin-animation,.gov-button[type=outlined][variant=primary][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=primary][inverse="1"] .gov-spin-animation,.gov-button[type=base][variant=primary][inverse=""] .gov-spin-animation,.gov-button[type=base][variant=primary][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=primary][inverse="1"] .gov-spin-animation{color:inherit}.gov-button[type=outlined][variant=secondary] .gov-spin-animation,.gov-button[type=base][variant=secondary] .gov-spin-animation{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary))}.gov-button[type=outlined][variant=secondary][inverse=""] .gov-spin-animation,.gov-button[type=outlined][variant=secondary][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=secondary][inverse="1"] .gov-spin-animation,.gov-button[type=base][variant=secondary][inverse=""] .gov-spin-animation,.gov-button[type=base][variant=secondary][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=secondary][inverse="1"] .gov-spin-animation{color:inherit}.gov-button[type=outlined][variant=error] .gov-spin-animation,.gov-button[type=base][variant=error] .gov-spin-animation{color:var(--gov-button-error-outlined-color, var(--gov-color-error))}.gov-button[type=outlined][variant=error][inverse=""] .gov-spin-animation,.gov-button[type=outlined][variant=error][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=error][inverse="1"] .gov-spin-animation,.gov-button[type=base][variant=error][inverse=""] .gov-spin-animation,.gov-button[type=base][variant=error][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=error][inverse="1"] .gov-spin-animation{color:inherit}.gov-button[type=outlined][variant=success] .gov-spin-animation,.gov-button[type=base][variant=success] .gov-spin-animation{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500))}.gov-button[type=outlined][variant=success][inverse=""] .gov-spin-animation,.gov-button[type=outlined][variant=success][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=success][inverse="1"] .gov-spin-animation,.gov-button[type=base][variant=success][inverse=""] .gov-spin-animation,.gov-button[type=base][variant=success][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=success][inverse="1"] .gov-spin-animation{color:inherit}.gov-button[type=outlined][variant=warning] .gov-spin-animation,.gov-button[type=base][variant=warning] .gov-spin-animation{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500))}.gov-button[type=outlined][variant=warning][inverse=""] .gov-spin-animation,.gov-button[type=outlined][variant=warning][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=warning][inverse="1"] .gov-spin-animation,.gov-button[type=base][variant=warning][inverse=""] .gov-spin-animation,.gov-button[type=base][variant=warning][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=warning][inverse="1"] .gov-spin-animation{color:inherit}';var z;(function(e){e["A"]="a";e["BUTTON"]="button"})(z||(z={}));const k=class{constructor(t){e(this,t);this.govClick=o(this,"gov-click",7);this.govFocus=o(this,"gov-focus",7);this.govBlur=o(this,"gov-blur",7);this.variant=undefined;this.size=p._M;this.type="solid";this.expanded=false;this.inverse=false;this.name=undefined;this.disabled=false;this.nativeType=i.BUTTON;this.href=undefined;this.target=undefined;this.download=undefined;this.hreflang=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.loading=undefined;this.focusable=true;this.identifier=undefined;this.wcagActiveDescendant=undefined;this.wcagControls=undefined;this.wcagDescribedBy=undefined;this.wcagDescription=undefined;this.wcagDetails=undefined;this.wcagExpanded=undefined;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.wcagHasPopup=undefined;this.wcagPressed=undefined;this.isPressed=false;this.h=b(this.host)}validateVariant(e){a(s,e,v.root)}validateType(e){a(l,e,v.root)}validateSize(e){a(p,e,v.root)}validateNativeType(e){a(g,e,v.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateType(this.type);this.validateSize(this.size);this.validateNativeType(this.nativeType)}async componentDidRender(){if(m()){await w(500);await this.validateWcag()}}get classNames(){const{h:e}=this;return d([v.root,e.hasSlot("left-icon")&&v.rootWithIcon,e.hasSlot("right-icon")&&v.rootWithIcon])}render(){const e=this.href?z.A:z.BUTTON;const o=e===z.A?undefined:this.nativeType;return t(r,{hoverable:true,size:this.size,variant:this.variant,class:this.classNames,type:this.type,inverse:this.inverse},t(e,{class:"element",ref:e=>this.buttonRef=e,onClick:this.onClickHandler.bind(this),onFocus:()=>this.govFocus.emit(),onBlur:()=>this.govBlur.emit(),onMouseDown:()=>this.isPressed=true,onMouseUp:()=>this.isPressed=false,disabled:this.disabled,id:this.identifier,href:this.href,target:this.target,download:this.download,hreflang:this.hreflang,rel:this.rel,name:this.name,type:o,tabindex:this.focusable?"0":"-1","aria-activedescendant":this.wcagActiveDescendant,"aria-describedby":this.wcagActiveDescendant,"aria-description":this.wcagDescription,"aria-controls":this.wcagControls,"aria-details":this.wcagDetails,"aria-expanded":u(this.wcagExpanded),"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns,"aria-haspopup":u(this.wcagHasPopup),"aria-pressed":c(this.isPressed),"aria-disabled":u(this.disabled)},x(this.loading)&&!this.h.hasSlot("right-icon")&&t("gov-icon",{name:"loader",class:"gov-spin-animation"}),this.h.hasSlot("left-icon")&&t("slot",{name:"left-icon"}),t("slot",null),this.h.hasSlot("right-icon")&&t("slot",{name:"right-icon"}),x(this.loading)&&this.h.hasSlot("right-icon")&&t("gov-icon",{name:"loader",class:"gov-spin-animation"})))}onClickHandler(e){e.stopPropagation();if(this.disabled===false){this.govClick.emit(e)}}async setFocus(){this.buttonRef.focus()}async validateWcag(){if(this.focusable){y(this.wcagActiveDescendant,"aria-activedescendant",v.root);y(this.wcagControls,"aria-controls",v.root);y(this.wcagDetails,"aria-details",v.root);y(this.wcagOwns,"aria-owns",v.root);y(this.wcagHasPopup,"aria-haspopup",v.root);h(this.wcagLabel,this.wcagLabelledBy,v.root)}}get host(){return n(this)}static get watchers(){return{variant:["validateVariant"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}}};k.style=f;export{k as gov_button};
+//# sourceMappingURL=p-487665c0.entry.js.map

package/dist/core/p-487665c0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/gov-button.scss?tag=gov-button","../../../packages/core/src/components/gov-button/gov-button.tsx"],"names":["toBool","value","indexOf","govButtonCss","Tags","GovButton","[object Object]","hostRef","undefined","Sizes","_M","NativeType","BUTTON","this","h","govHost","host","newValue","validateProp","Variants","ButtonClass","root","Types","NativeTypes","validateVariant","variant","validateType","type","validateSize","size","validateNativeType","nativeType","canValidateWcagOnRender","delay","validateWcag","classNames","prepareClasses","hasSlot","rootWithIcon","Tag","href","A","Host","hoverable","class","inverse","ref","el","buttonRef","onClick","onClickHandler","bind","onFocus","govFocus","emit","onBlur","govBlur","onMouseDown","isPressed","onMouseUp","disabled","id","identifier","target","download","hreflang","rel","name","tabindex","focusable","aria-activedescendant","wcagActiveDescendant","aria-describedby","aria-description","wcagDescription","aria-controls","wcagControls","aria-details","wcagDetails","aria-expanded","toBoolAttrIfDefined","wcagExpanded","aria-label","wcagLabel","aria-labelledby","wcagLabelledBy","aria-owns","wcagOwns","aria-haspopup","wcagHasPopup","aria-pressed","toBoolAttr","aria-disabled","loading","e","stopPropagation","govClick","focus","validateWcagRef","validateWcagLabel"],"mappings":"waAAgBA,EAAOC,GACtB,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,KAAKC,QAAQD,MAAY,OACnD,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,OACT,UAAWA,IAAU,UAAW,CACtC,OAAOA,MACD,CACN,OAAOA,EAAQ,KAAO,OCRxB,MAAME,EAAe,wj3DCqBrB,IAAKC,GAAL,SAAKA,GACJA,EAAA,KAAA,IACAA,EAAA,UAAA,UAFD,CAAKA,IAAAA,EAAI,WASIC,EAAS,MAIrBC,YAAAC,oIASwCC,oBAILC,EAAMC,aAIX,sBAIO,mBAID,wCASC,sBAKUC,EAAWC,wLAuCpB,yWAoFR,MAjK7BC,KAAKC,EAAIC,EAAQF,KAAKG,MA8IvBV,gBAAgBW,GACfC,EAAaC,EAAUF,EAAUG,EAAYC,MAI9Cf,aAAaW,GACZC,EAAaI,EAAOL,EAAUG,EAAYC,MAI3Cf,aAAaW,GACZC,EAAaT,EAAOQ,EAAUG,EAAYC,MAI3Cf,mBAAmBW,GAClBC,EAAaK,EAAaN,EAAUG,EAAYC,MAKjDf,oBACCO,KAAKW,gBAAgBX,KAAKY,SAC1BZ,KAAKa,aAAab,KAAKc,MACvBd,KAAKe,aAAaf,KAAKgB,MACvBhB,KAAKiB,mBAAmBjB,KAAKkB,YAG9BzB,2BACC,GAAI0B,IAA2B,OACxBC,EAAM,WACNpB,KAAKqB,gBAIbC,iBACC,MAAMrB,EAAEA,GAAMD,KAEd,OAAOuB,EAAe,CACrBhB,EAAYC,KACZP,EAAEuB,QAAQ,cAAgBjB,EAAYkB,aACtCxB,EAAEuB,QAAQ,eAAiBjB,EAAYkB,eAIzChC,SACC,MAAMiC,EAAM1B,KAAK2B,KAAOpC,EAAKqC,EAAIrC,EAAKQ,OACtC,MAAMmB,EAAaQ,IAAQnC,EAAKqC,EAAIjC,UAAYK,KAAKkB,WAErD,OACCjB,EAAC4B,EAAI,CAACC,UAAW,KAAMd,KAAMhB,KAAKgB,KAAMJ,QAASZ,KAAKY,QAASmB,MAAO/B,KAAKsB,WAAYR,KAAMd,KAAKc,KAAMkB,QAAShC,KAAKgC,SACrH/B,EAACyB,EAAG,CAACK,MAAM,UACNE,IAAKC,GAAMlC,KAAKmC,UAAYD,EAC5BE,QAASpC,KAAKqC,eAAeC,KAAKtC,MAClCuC,QAAS,IAAMvC,KAAKwC,SAASC,OAC7BC,OAAQ,IAAM1C,KAAK2C,QAAQF,OAC3BG,YAAa,IAAM5C,KAAK6C,UAAY,KACpCC,UAAW,IAAM9C,KAAK6C,UAAY,MAClCE,SAAU/C,KAAK+C,SACfC,GAAIhD,KAAKiD,WACTtB,KAAM3B,KAAK2B,KACXuB,OAAQlD,KAAKkD,OACbC,SAAUnD,KAAKmD,SACfC,SAAUpD,KAAKoD,SACfC,IAAKrD,KAAKqD,IACVC,KAAMtD,KAAKsD,KACXxC,KAAMI,EACNqC,SAAUvD,KAAKwD,UAAY,IAAM,KAAIC,wBACdzD,KAAK0D,qBAAoBC,mBAC9B3D,KAAK0D,qBAAoBE,mBACzB5D,KAAK6D,gBAAeC,gBACvB9D,KAAK+D,aAAYC,eAClBhE,KAAKiE,YAAWC,gBACfC,EAAoBnE,KAAKoE,cAAaC,aACzCrE,KAAKsE,UAASC,kBACTvE,KAAKwE,eAAcC,YACzBzE,KAAK0E,SAAQC,gBACTR,EAAoBnE,KAAK4E,cAAaC,eACvCC,EAAW9E,KAAK6C,WAAUkC,gBACzBZ,EAAoBnE,KAAK+C,WAC3C5D,EAAOa,KAAKgF,WAAahF,KAAKC,EAAEuB,QAAQ,eACnCvB,EAAA,WAAA,CAAUqD,KAAK,SAASvB,MAAM,uBACnC/B,KAAKC,EAAEuB,QAAQ,cAAgBvB,EAAA,OAAA,CAAMqD,KAAK,cAC3CrD,EAAA,OAAA,MACCD,KAAKC,EAAEuB,QAAQ,eAAiBvB,EAAA,OAAA,CAAMqD,KAAK,eAC3CnE,EAAOa,KAAKgF,UAAYhF,KAAKC,EAAEuB,QAAQ,eAClCvB,EAAA,WAAA,CAAUqD,KAAK,SAASvB,MAAM,yBAOhCtC,eAAewF,GACtBA,EAAEC,kBACF,GAAIlF,KAAK+C,WAAa,MAAO,CAC5B/C,KAAKmF,SAAS1C,KAAKwC,IAQrBxF,iBACCO,KAAKmC,UAAUiD,QAOhB3F,qBACC,GAAIO,KAAKwD,UAAW,CACnB6B,EAAgBrF,KAAK0D,qBAAsB,wBAAyBnD,EAAYC,MAChF6E,EAAgBrF,KAAK+D,aAAc,gBAAiBxD,EAAYC,MAChE6E,EAAgBrF,KAAKiE,YAAa,eAAgB1D,EAAYC,MAC9D6E,EAAgBrF,KAAK0E,SAAU,YAAanE,EAAYC,MACxD6E,EAAgBrF,KAAK4E,aAAc,gBAAiBrE,EAAYC,MAChE8E,EAAkBtF,KAAKsE,UAAWtE,KAAKwE,eAAgBjE,EAAYC","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.scss\";\n\n.gov-button {\n\t@extend %button-core;\n\tdisplay: inline-block;\n\n\t.element {\n\t\tborder-radius: #{$border-radius};\n\t}\n\n\t// STATES\n\t// loading\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}\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t// Loading state\n\t\t&:not(&--w-icon)[loading=\"0\"][size=\"#{$size}\"],\n\t\t&:not(&--w-icon)[loading=\"false\"][size=\"#{$size}\"],\n\t\t&:not(&--w-icon)[loading=\"\"][size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tpadding: get(\"padding-y\", $definitions)\n\t\t\t\t\tcalc(get(\"padding-x\", $definitions) + (get(\"padding-x\", $definitions) / 2) + (get(\"icon-size\", $definitions) / 2));\n\t\t\t}\n\t\t}\n\t}\n\t// loading icon color\n\t@each $variant, $types in $button-variants {\n\t\t&[type=\"outlined\"][variant=\"#{$variant}\"],\n\t\t&[type=\"base\"][variant=\"#{$variant}\"] {\n\t\t\t.gov-spin-animation {\n\t\t\t\tcolor: deep-map-get($button-variants, $variant, \"outlined\", \"color\");\n\t\t\t}\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t.gov-spin-animation {\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\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\tSizesType,\n\tNativeType,\n\tNativeTypes,\n\tNativeTypesType,\n\tType,\n\tTypes,\n\tVariants,\n\tVariantType,\n\tButtonClass,\n} from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined, prepareClasses } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\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\"\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 buttonRef?: HTMLButtonElement\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() readonly variant: VariantType = undefined\n\t/**\n\t * Button’s size.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Button's type\n\t */\n\t@Prop() readonly type: Type = \"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 * Determide 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() 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 = NativeType.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: string\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 * Emitted when the button click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\t/**\n\t * Emitted when the button has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter\n\t/**\n\t * Emitted when the button loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Types, 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(NativeTypes, newValue, ButtonClass.root)\n\t}\n\n\t@State() isPressed: boolean = 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([\n\t\t\tButtonClass.root,\n\t\t\th.hasSlot(\"left-icon\") && ButtonClass.rootWithIcon,\n\t\t\th.hasSlot(\"right-icon\") && ButtonClass.rootWithIcon,\n\t\t])\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.classNames} type={this.type} inverse={this.inverse}>\n\t\t\t\t<Tag class=\"element\"\n\t\t\t\t     ref={el => this.buttonRef = el as HTMLButtonElement}\n\t\t\t\t     onClick={this.onClickHandler.bind(this)}\n\t\t\t\t     onFocus={() => this.govFocus.emit()}\n\t\t\t\t     onBlur={() => this.govBlur.emit()}\n\t\t\t\t     onMouseDown={() => this.isPressed = true}\n\t\t\t\t     onMouseUp={() => this.isPressed = false}\n\t\t\t\t     disabled={this.disabled}\n\t\t\t\t     id={this.identifier}\n\t\t\t\t     href={this.href}\n\t\t\t\t     target={this.target}\n\t\t\t\t     download={this.download}\n\t\t\t\t     hreflang={this.hreflang}\n\t\t\t\t     rel={this.rel}\n\t\t\t\t     name={this.name}\n\t\t\t\t     type={nativeType}\n\t\t\t\t     tabindex={this.focusable ? '0' : '-1'}\n\t\t\t\t     aria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t     aria-describedby={this.wcagActiveDescendant}\n\t\t\t\t     aria-description={this.wcagDescription}\n\t\t\t\t     aria-controls={this.wcagControls}\n\t\t\t\t     aria-details={this.wcagDetails}\n\t\t\t\t     aria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t     aria-label={this.wcagLabel}\n\t\t\t\t     aria-labelledby={this.wcagLabelledBy}\n\t\t\t\t     aria-owns={this.wcagOwns}\n\t\t\t\t     aria-haspopup={toBoolAttrIfDefined(this.wcagHasPopup)}\n\t\t\t\t     aria-pressed={toBoolAttr(this.isPressed)}\n\t\t\t\t     aria-disabled={toBoolAttrIfDefined(this.disabled)}>\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\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit(e)\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.buttonRef.focus()\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"]}

package/dist/core/p-4a7fff28.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as a,H as t,g as n}from"./p-75c62141.js";import{a as o}from"./p-b4a749e8.js";import{S as s}from"./p-203f5b10.js";import{g as r,p as v,b as d}from"./p-9077d6f6.js";const g='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-side-nav-item{position:relative;display:block;width:100%}.gov-side-nav-item__header{display:flex;align-items:center;border-bottom:0.0625rem solid var(--gov-color-secondary-500)}.gov-side-nav-item__name{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);display:flex;gap:1rem;flex:1 1 auto;justify-content:flex-start;padding:0.75rem 1rem 0.75rem 0.5rem;color:var(--gov-color-secondary);text-align:left;transition:background-color 150ms}.gov-side-nav-item__name:focus{outline:none}.gov-side-nav-item__name:focus{outline:none}.gov-side-nav-item__name:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}@media not all and (pointer: coarse){.gov-side-nav-item__name:hover{background:var(--gov-color-primary-200)}}button.gov-side-nav-item__name{padding-right:0 !important}.gov-side-nav-item__icon{flex:0 0 auto;width:1rem;height:1rem}.gov-side-nav-item__icon .gov-icon{margin:0}.gov-side-nav-item__label{color:inherit}.gov-side-nav-item__badge{display:flex;flex:0 0 auto}.gov-side-nav-item__arrow{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;align-self:stretch;width:3rem;margin-left:auto;color:var(--gov-color-primary);transition:background-color 150ms}.gov-side-nav-item__arrow:focus{outline:none}.gov-side-nav-item__arrow:focus{outline:none}.gov-side-nav-item__arrow:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-side-nav-item__arrow .gov-icon{width:0.75rem;height:0.75rem}@media not all and (pointer: coarse){.gov-side-nav-item__arrow:hover{background:var(--gov-color-primary-200)}}.gov-side-nav-item__content{display:none}.gov-side-nav-item--w-icon .gov-side-nav-item__label{margin-left:2rem}.gov-side-nav-item--w-icon .gov-side-nav-item__icon+.gov-side-nav-item__label{margin-left:0}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__header{border:none !important}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__name{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);padding:0.625rem 0.5rem;font-weight:bold}.gov-side-nav-item .gov-side-nav-item[aria-expanded=""],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded="1"]{background:var(--gov-color-secondary-300)}.gov-side-nav-item .gov-side-nav-item[aria-expanded=""][inverse=""],.gov-side-nav-item .gov-side-nav-item[aria-expanded=""][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=""][inverse="1"],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=""],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded=true i][inverse="1"],.gov-side-nav-item .gov-side-nav-item[aria-expanded="1"][inverse=""],.gov-side-nav-item .gov-side-nav-item[aria-expanded="1"][inverse=true i],.gov-side-nav-item .gov-side-nav-item[aria-expanded="1"][inverse="1"]{background:var(--gov-color-secondary-100)}.gov-side-nav-item .gov-side-nav-item .gov-side-nav-item .gov-side-nav-item__name{gap:0.75rem;font-weight:inherit}.gov-side-nav-item[compact=""] .gov-side-nav-item__header,.gov-side-nav-item[compact=true i] .gov-side-nav-item__header,.gov-side-nav-item[compact="1"] .gov-side-nav-item__header{border-bottom:none}.gov-side-nav-item[aria-expanded=""]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon,.gov-side-nav-item[aria-expanded=true i]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon,.gov-side-nav-item[aria-expanded="1"]>.gov-side-nav-item__header .gov-side-nav-item__arrow .gov-icon{transform:scale(-1)}.gov-side-nav-item[aria-expanded=""]>.gov-side-nav-item__content,.gov-side-nav-item[aria-expanded=true i]>.gov-side-nav-item__content,.gov-side-nav-item[aria-expanded="1"]>.gov-side-nav-item__content{display:block}';const m=class{constructor(a){e(this,a);this.govChange=i(this,"gov-change",7);this.isExpandedState=undefined;this.inverse=false;this.compact=false;this.identifier=undefined;this.count=false;this.label=undefined;this.disabled=false;this.href=undefined;this.isExpanded=false;this.h=r(this.host)}validateLabel(e){if(!e){o(`[${s.root}]: Parameter label is required.`)}}emmitChange(){this.govChange.emit({open:this.isExpandedState,element:this.host})}componentWillLoad(){this.isExpandedState=this.isExpanded;this.validateLabel(this.label)}get classNames(){const{h:e}=this;return v([s.root,e.hasSlot("icon")&&s.rootWithIcon])}render(){const{isExpandedState:e,label:i}=this;const n=this.host.children.length>1;return a(t,{class:this.classNames,role:"listitem",inverse:this.inverse,"aria-expanded":d(e)},this.href?a("div",{class:s.header},a("a",{class:s.name,href:this.href},this.h.hasSlot("icon")&&a("span",{class:s.icon},a("slot",{name:"icon"})),a("span",{class:s.label},i),this.count&&a("span",{class:s.badge},a("gov-badge",{variant:"secondary",size:"xs",inverse:this.inverse},"3"))),n&&a("button",{type:"button",class:s.arrow,onClick:()=>this.toggle()},a("gov-icon",{name:"arrow-down"}))):a("div",{class:s.header},a("button",{class:s.name,type:"button",onClick:()=>this.toggle()},this.h.hasSlot("icon")&&a("span",{class:s.icon},a("slot",{name:"icon"})),a("span",{class:s.label},i),n&&a("span",{class:s.arrow},a("gov-icon",{name:"arrow-down"})))),n&&a("div",{class:s.content},a("slot",null)))}async open(){this.isExpandedState=true;this.emmitChange()}async close(){this.isExpandedState=false;this.emmitChange()}async toggle(){this.isExpandedState=!this.isExpandedState;this.emmitChange()}async currentState(){return this.isExpandedState}get host(){return n(this)}static get watchers(){return{label:["validateLabel"]}}};m.style=g;export{m as gov_side_nav_item};
+//# sourceMappingURL=p-4a7fff28.entry.js.map

package/dist/core/p-4a7fff28.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-side-nav/gov-side-nav-item.scss?tag=gov-side-nav-item","../../../packages/core/src/components/gov-side-nav/gov-side-nav-item.tsx"],"names":["govSideNavItemCss","GovSideNavItem","[object Object]","hostRef","this","h","govHost","host","newValue","govErrorLog","SideNavItemClass","root","govChange","emit","open","isExpandedState","element","isExpanded","validateLabel","label","classNames","prepareClasses","hasSlot","rootWithIcon","hasChilds","children","length","Host","class","role","inverse","aria-expanded","booleanString","href","header","name","icon","count","badge","variant","size","type","arrow","onClick","toggle","content","emmitChange"],"mappings":"0LAAA,MAAMA,EAAoB,2nJCYbC,EAAc,MAG1BC,YAAAC,+FAUoC,mBAIA,2CAQF,yCASG,0CAS8B,MAvClEC,KAAKC,EAAIC,EAAQF,KAAKG,MA8CvBL,cAAcM,GACb,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAiBC,wCAI3BT,cACPE,KAAKQ,UAAUC,KAAK,CAAEC,KAAMV,KAAKW,gBAAiBC,QAASZ,KAAKG,OAGjEL,oBACCE,KAAKW,gBAAkBX,KAAKa,WAC5Bb,KAAKc,cAAcd,KAAKe,OAGzBC,iBACC,MAAMf,EAAEA,GAAMD,KAEd,OAAOiB,EAAe,CACrBX,EAAiBC,KACjBN,EAAEiB,QAAQ,SAAWZ,EAAiBa,eAIxCrB,SACC,MAAMa,gBAAEA,EAAeI,MAAEA,GAAUf,KAEnC,MAAMoB,EAAYpB,KAAKG,KAAKkB,SAASC,OAAS,EAE9C,OACCrB,EAACsB,EAAI,CAACC,MAAOxB,KAAKgB,WAAYS,KAAK,WAAWC,QAAS1B,KAAK0B,QAAOC,gBAAiBC,EAAcjB,IAChGX,KAAK6B,KACL5B,EAAA,MAAA,CAAKuB,MAAOlB,EAAiBwB,QAC5B7B,EAAA,IAAA,CAAGuB,MAAOlB,EAAiByB,KAC1BF,KAAM7B,KAAK6B,MACV7B,KAAKC,EAAEiB,QAAQ,SACfjB,EAAA,OAAA,CAAMuB,MAAOlB,EAAiB0B,MAC7B/B,EAAA,OAAA,CAAM8B,KAAK,UAGb9B,EAAA,OAAA,CAAMuB,MAAOlB,EAAiBS,OAC5BA,GAGDf,KAAKiC,OACLhC,EAAA,OAAA,CAAMuB,MAAOlB,EAAiB4B,OAC7BjC,EAAA,YAAA,CAAWkC,QAAQ,YAAYC,KAAK,KAAKV,QAAS1B,KAAK0B,SAAO,OAQhEN,GACAnB,EAAA,SAAA,CAAQoC,KAAK,SAASb,MAAOlB,EAAiBgC,MAAOC,QAAS,IAAMvC,KAAKwC,UACxEvC,EAAA,WAAA,CAAU8B,KAAK,iBAMlB9B,EAAA,MAAA,CAAKuB,MAAOlB,EAAiBwB,QAC5B7B,EAAA,SAAA,CAAQuB,MAAOlB,EAAiByB,KAC9BM,KAAK,SACLE,QAAS,IAAMvC,KAAKwC,UACpBxC,KAAKC,EAAEiB,QAAQ,SACfjB,EAAA,OAAA,CAAMuB,MAAOlB,EAAiB0B,MAC7B/B,EAAA,OAAA,CAAM8B,KAAK,UAGb9B,EAAA,OAAA,CAAMuB,MAAOlB,EAAiBS,OAC5BA,GAGDK,GACAnB,EAAA,OAAA,CAAMuB,MAAOlB,EAAiBgC,OAC7BrC,EAAA,WAAA,CAAU8B,KAAK,kBAQnBX,GACAnB,EAAA,MAAA,CAAKuB,MAAOlB,EAAiBmC,SAC5BxC,EAAA,OAAA,QAWLH,aACCE,KAAKW,gBAAkB,KACvBX,KAAK0C,cAON5C,cACCE,KAAKW,gBAAkB,MACvBX,KAAK0C,cAON5C,eACCE,KAAKW,iBAAmBX,KAAKW,gBAC7BX,KAAK0C,cAON5C,qBACC,OAAOE,KAAKW","sourcesContent":["/*\n *   Side nav - Item\n */\n\n$class: \".gov-side-nav-item\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n\t&__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tborder-bottom: rem-calc(1) solid color(\"secondary.500\");\n\t}\n\t&__name {\n\t\t@include button-core();\n\t\t@include typography($font-size-m);\n\t\t@include focus-outline();\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tflex: 1 1 auto;\n\t\tjustify-content: flex-start;\n\t\tpadding: rem-calc(12 16 12 8);\n\t\tcolor: color(\"secondary\");\n\t\ttext-align: left;\n\t\ttransition: background-color $t;\n\t\t@include hover() {\n\t\t\tbackground: color(\"primary.200\");\n\t\t}\n\t\t@at-root button#{&} {\n\t\t\tpadding-right: 0 !important;\n\t\t}\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\twidth: rem-calc(16);\n\t\theight: rem-calc(16);\n\t\t.gov-icon {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\t&__label {\n\t\tcolor: inherit;\n\t}\n\t&__badge {\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t}\n\t&__arrow {\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\tflex: 0 0 auto;\n\t\talign-self: stretch;\n\t\twidth: rem-calc(48);\n\t\tmargin-left: auto;\n\t\tcolor: color(\"primary\");\n\t\ttransition: background-color $t;\n\t\t.gov-icon {\n\t\t\twidth: rem-calc(12);\n\t\t\theight: rem-calc(12);\n\t\t}\n\t\t@include hover() {\n\t\t\tbackground: color(\"primary.200\");\n\t\t}\n\t}\n\t&__content {\n\t\tdisplay: none;\n\t}\n\n\t// VARIANTS\n\t&--w-icon &__label {\n\t\tmargin-left: rem-calc(32);\n\t}\n\t&--w-icon &__icon + &__label {\n\t\tmargin-left: 0;\n\t}\n\t// nested styles\n\t& & {\n\t\t#{$class} {\n\t\t\t&__header {\n\t\t\t\tborder: none !important;\n\t\t\t}\n\t\t\t&__name {\n\t\t\t\t@include typography($font-size-s);\n\t\t\t\tpadding: rem-calc(10 8);\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"aria-expanded\") {\n\t\t\tbackground: color(\"secondary.300\");\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tbackground: color(\"secondary.100\");\n\t\t\t}\n\t\t}\n\t}\n\t& & & {\n\t\t#{$class} {\n\t\t\t&__name {\n\t\t\t\tgap: rem-calc(12);\n\t\t\t\tfont-weight: inherit;\n\t\t\t}\n\t\t}\n\t}\n\t@include parameter(\"compact\") {\n\t\t#{$class} {\n\t\t\t&__header {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t@include parameter(\"aria-expanded\") {\n\t\t& > #{$class}__header #{$class}__arrow .gov-icon {\n\t\t\ttransform: scale(-1);\n\t\t}\n\t\t& > #{$class}__content {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { SideNavItemClass } from \"./constants\"\nimport { booleanString, prepareClasses } from \"../../helpers/Dom/template\"\nimport { GovSideNavItemChangeEvent } from \"./gov-side-nav-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n@Component({\n\ttag: \"gov-side-nav-item\",\n\tstyleUrl: \"gov-side-nav-item.scss\",\n})\nexport class GovSideNavItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovSideNavItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Determide 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 * Determide if component should have compact styles.\n\t */\n\t@Prop() readonly compact: boolean = false\n\t/**\n\t * Custom sidenav item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defined the count of nested items\n\t */\n\t@Prop() readonly count: boolean = false\n\t/**\n\t * Item name of the sidenav\n\t */\n\t@Prop() readonly label: 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() readonly disabled: boolean = false\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 * Defines whether the sidenav is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\" }) readonly isExpanded: boolean = false\n\t/**\n\t * Called when the sidenav state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovSideNavItemChangeEvent>\n\n\t@Watch(\"label\")\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${SideNavItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\n\t\tthis.validateLabel(this.label)\n\t}\n\n\tget classNames(): string {\n\t\tconst { h } = this\n\n\t\treturn prepareClasses([\n\t\t\tSideNavItemClass.root,\n\t\t\th.hasSlot(\"icon\") && SideNavItemClass.rootWithIcon,\n\t\t])\n\t}\n\n\trender() {\n\t\tconst { isExpandedState, label } = this\n\t\t// TODO: správný počet zanořených childů\n\t\tconst hasChilds = this.host.children.length > 1;\n\n\t\treturn (\n\t\t\t<Host class={this.classNames} role=\"listitem\" inverse={this.inverse} aria-expanded={booleanString(isExpandedState)}>\n\t\t\t\t{this.href ? (\n\t\t\t\t\t<div class={SideNavItemClass.header}>\n\t\t\t\t\t\t<a class={SideNavItemClass.name}\n\t\t\t\t\t\t\thref={this.href}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") &&\n\t\t\t\t\t\t\t\t<span class={SideNavItemClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span class={SideNavItemClass.label}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t{this.count &&\n\t\t\t\t\t\t\t\t<span class={SideNavItemClass.badge}>\n\t\t\t\t\t\t\t\t\t<gov-badge variant=\"secondary\" size=\"xs\" inverse={this.inverse}>\n\t\t\t\t\t\t\t\t\t\t{/* // TODO: správný počet zanořených childů */}\n\t\t\t\t\t\t\t\t\t\t3\n\t\t\t\t\t\t\t\t\t</gov-badge>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</a>\n\n\t\t\t\t\t\t{hasChilds && \n\t\t\t\t\t\t\t<button type=\"button\" class={SideNavItemClass.arrow} onClick={() => this.toggle()}>\n\t\t\t\t\t\t\t\t<gov-icon name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\n\t\t\t\t)  : (\n\t\t\t\t\t<div class={SideNavItemClass.header}>\n\t\t\t\t\t\t<button class={SideNavItemClass.name} \n\t\t\t\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t\t\t\tonClick={() => this.toggle()}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") &&\n\t\t\t\t\t\t\t\t<span class={SideNavItemClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span class={SideNavItemClass.label}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t{hasChilds && \n\t\t\t\t\t\t\t\t<span class={SideNavItemClass.arrow}>\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t{hasChilds && \n\t\t\t\t\t<div class={SideNavItemClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the sidenav\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpandedState = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the sidenav\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpandedState = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * sidenav switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpandedState = !this.isExpandedState\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n\n}\n"]}

package/dist/core/p-5548d2ac.entry.js

@@ -0,0 +1,2 @@
+import{r,c as o,h as a,H as e,g as t}from"./p-75c62141.js";import{v}from"./p-e29a195b.js";import{V as n}from"./p-f9320f1e.js";import{g as i}from"./p-9077d6f6.js";import"./p-b4a749e8.js";const l={root:"gov-alert",section:"gov-alert__section",icon:"gov-alert__icon",content:"gov-alert__content",close:"gov-alert__close"};const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-alert{position:relative;display:flex;width:100%}.gov-alert__section{display:block;width:100%;max-width:var(--gov-container-width, 75rem);margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem);display:flex;gap:1rem;padding-top:1rem;padding-bottom:1rem}@media (min-width: 48em){.gov-alert__section{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-alert__icon{flex:0 0 auto}.gov-alert__icon>*{width:1.25rem;height:1.25rem}.gov-alert__content{padding-right:3.25rem}.gov-alert__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-alert__content p:last-child{margin-bottom:0 !important}.gov-alert__content a{color:inherit}@media not all and (pointer: coarse){.gov-alert__content a:hover{color:inherit}}.gov-alert__close{position:absolute;top:0.625rem;right:1rem}.gov-alert[variant=warning]{background-color:var(--gov-alert-warning-bg-color, var(--gov-color-warning))}.gov-alert[variant=warning] .gov-alert__icon{color:var(--gov-alert-warning-icon-color, var(--gov-color-secondary))}.gov-alert[variant=warning] .gov-alert__content{color:var(--gov-alert-warning-text-color, var(--gov-color-secondary))}.gov-alert[variant=warning][inverse=""],.gov-alert[variant=warning][inverse=true i],.gov-alert[variant=warning][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-secondary-100))}.gov-alert[variant=warning][inverse=""] .gov-alert__icon,.gov-alert[variant=warning][inverse=true i] .gov-alert__icon,.gov-alert[variant=warning][inverse="1"] .gov-alert__icon{color:var(--gov-alert-warning-bg-color, var(--gov-color-warning))}.gov-alert[variant=warning][inverse=""] .gov-alert__content,.gov-alert[variant=warning][inverse=true i] .gov-alert__content,.gov-alert[variant=warning][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=error]{background-color:var(--gov-alert-error-bg-color, var(--gov-color-error))}.gov-alert[variant=error] .gov-alert__icon{color:var(--gov-alert-error-icon-color, var(--gov-color-secondary-100))}.gov-alert[variant=error] .gov-alert__content{color:var(--gov-alert-error-text-color, var(--gov-color-secondary-100))}.gov-alert[variant=error][inverse=""],.gov-alert[variant=error][inverse=true i],.gov-alert[variant=error][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-secondary-100))}.gov-alert[variant=error][inverse=""] .gov-alert__icon,.gov-alert[variant=error][inverse=true i] .gov-alert__icon,.gov-alert[variant=error][inverse="1"] .gov-alert__icon{color:var(--gov-alert-error-bg-color, var(--gov-color-error))}.gov-alert[variant=error][inverse=""] .gov-alert__content,.gov-alert[variant=error][inverse=true i] .gov-alert__content,.gov-alert[variant=error][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=secondary]{background-color:var(--gov-alert-secondary-bg-color, var(--gov-color-secondary))}.gov-alert[variant=secondary] .gov-alert__icon{color:var(--gov-alert-secondary-icon-color, var(--gov-color-secondary-100))}.gov-alert[variant=secondary] .gov-alert__content{color:var(--gov-alert-secondary-text-color, var(--gov-color-secondary-100))}.gov-alert[variant=secondary][inverse=""],.gov-alert[variant=secondary][inverse=true i],.gov-alert[variant=secondary][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-secondary-100))}.gov-alert[variant=secondary][inverse=""] .gov-alert__icon,.gov-alert[variant=secondary][inverse=true i] .gov-alert__icon,.gov-alert[variant=secondary][inverse="1"] .gov-alert__icon{color:var(--gov-alert-secondary-bg-color, var(--gov-color-secondary))}.gov-alert[variant=secondary][inverse=""] .gov-alert__content,.gov-alert[variant=secondary][inverse=true i] .gov-alert__content,.gov-alert[variant=secondary][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=success]{background-color:var(--gov-alert-success-bg-color, var(--gov-color-success-500))}.gov-alert[variant=success] .gov-alert__icon{color:var(--gov-alert-success-icon-color, var(--gov-color-secondary-100))}.gov-alert[variant=success] .gov-alert__content{color:var(--gov-alert-success-text-color, var(--gov-color-secondary-100))}.gov-alert[variant=success][inverse=""],.gov-alert[variant=success][inverse=true i],.gov-alert[variant=success][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-secondary-100))}.gov-alert[variant=success][inverse=""] .gov-alert__icon,.gov-alert[variant=success][inverse=true i] .gov-alert__icon,.gov-alert[variant=success][inverse="1"] .gov-alert__icon{color:var(--gov-alert-success-bg-color, var(--gov-color-success-500))}.gov-alert[variant=success][inverse=""] .gov-alert__content,.gov-alert[variant=success][inverse=true i] .gov-alert__content,.gov-alert[variant=success][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=primary]{background-color:var(--gov-alert-primary-bg-color, var(--gov-color-primary))}.gov-alert[variant=primary] .gov-alert__icon{color:var(--gov-alert-primary-icon-color, var(--gov-color-secondary-100))}.gov-alert[variant=primary] .gov-alert__content{color:var(--gov-alert-primary-text-color, var(--gov-color-secondary-100))}.gov-alert[variant=primary][inverse=""],.gov-alert[variant=primary][inverse=true i],.gov-alert[variant=primary][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-secondary-100))}.gov-alert[variant=primary][inverse=""] .gov-alert__icon,.gov-alert[variant=primary][inverse=true i] .gov-alert__icon,.gov-alert[variant=primary][inverse="1"] .gov-alert__icon{color:var(--gov-alert-primary-bg-color, var(--gov-color-primary))}.gov-alert[variant=primary][inverse=""] .gov-alert__content,.gov-alert[variant=primary][inverse=true i] .gov-alert__content,.gov-alert[variant=primary][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}@media (min-width: 75em){.gov-alert__content{padding-right:2rem}}';const g=class{constructor(a){r(this,a);this.govClose=o(this,"gov-close",7);this.variant=n.PRIMARY;this.inverse=false;this.wcagCloseLabel=undefined;this.closable=false;this.h=i(this.host)}validateVariant(r){v(n,r,l.root)}componentWillLoad(){this.validateVariant(this.variant)}render(){var r=!this.inverse;var o=this.inverse||this.variant=="warning"?"secondary":this.variant;const t=a("div",{class:l.close},a("gov-button",{size:"s","aria-label":this.wcagCloseLabel,type:"base",variant:o,inverse:r,onClick:r=>this.govClose.emit(r)},a("gov-icon",{name:"cross"})));return a(e,{class:l.root,variant:this.variant},a("section",{class:l.section,role:"alert"},this.h.hasSlot("icon")&&a("div",{class:l.icon},a("slot",{name:"icon"})),a("div",{class:l.content},a("slot",null))),this.closable&&t)}get host(){return t(this)}static get watchers(){return{variant:["validateVariant"]}}};g.style=c;export{g as gov_alert};
+//# sourceMappingURL=p-5548d2ac.entry.js.map