@gov-design-system-ce/components 0.0.1

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

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const props = require('./props-bb89fb59.js');
+const constants = require('./constants-ed8f3212.js');
+const template = require('./template-26608353.js');
+const sizes = require('./sizes-79872c2a.js');
+const win = require('./win-aa54b884.js');
+const utils = require('./utils-a51135ab.js');
+require('./gov.log-4527e960.js');
+require('./variants-04113a72.js');
+require('./string.utils-f9b3501b.js');
+
+function toBool(value) {
+  if (typeof value === "string") {
+    return ["true", "True", "TRUE", "1"].indexOf(value) !== -1;
+  }
+  else if (typeof value === "number") {
+    return value > 0;
+  }
+  else if (typeof value === "boolean") {
+    return value;
+  }
+  else {
+    return value ? true : false;
+  }
+}
+
+const govButtonCss = ".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 Tags;
+(function (Tags) {
+  Tags["A"] = "a";
+  Tags["BUTTON"] = "button";
+})(Tags || (Tags = {}));
+const GovButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.govClick = index.createEvent(this, "gov-click", 7);
+    this.govFocus = index.createEvent(this, "gov-focus", 7);
+    this.govBlur = index.createEvent(this, "gov-blur", 7);
+    this.variant = undefined;
+    this.size = sizes.Sizes._M;
+    this.type = "solid";
+    this.expanded = false;
+    this.inverse = false;
+    this.name = undefined;
+    this.disabled = false;
+    this.nativeType = constants.NativeType.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 = template.govHost(this.host);
+  }
+  validateVariant(newValue) {
+    props.validateProp(constants.Variants, newValue, constants.ButtonClass.root);
+  }
+  validateType(newValue) {
+    props.validateProp(constants.Types, newValue, constants.ButtonClass.root);
+  }
+  validateSize(newValue) {
+    props.validateProp(sizes.Sizes, newValue, constants.ButtonClass.root);
+  }
+  validateNativeType(newValue) {
+    props.validateProp(constants.NativeTypes, newValue, constants.ButtonClass.root);
+  }
+  componentWillLoad() {
+    this.validateVariant(this.variant);
+    this.validateType(this.type);
+    this.validateSize(this.size);
+    this.validateNativeType(this.nativeType);
+  }
+  async componentDidRender() {
+    if (win.canValidateWcagOnRender()) {
+      await utils.delay(500);
+      await this.validateWcag();
+    }
+  }
+  get classNames() {
+    const { h } = this;
+    return template.prepareClasses([
+      constants.ButtonClass.root,
+      h.hasSlot("left-icon") && constants.ButtonClass.rootWithIcon,
+      h.hasSlot("right-icon") && constants.ButtonClass.rootWithIcon,
+    ]);
+  }
+  render() {
+    const Tag = this.href ? Tags.A : Tags.BUTTON;
+    const nativeType = Tag === Tags.A ? undefined : this.nativeType;
+    return (index.h(index.Host, { hoverable: true, size: this.size, variant: this.variant, class: this.classNames, type: this.type, inverse: this.inverse }, index.h(Tag, { class: "element", ref: el => this.buttonRef = el, 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: nativeType, 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": template.toBoolAttrIfDefined(this.wcagExpanded), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-haspopup": template.toBoolAttrIfDefined(this.wcagHasPopup), "aria-pressed": template.toBoolAttr(this.isPressed), "aria-disabled": template.toBoolAttrIfDefined(this.disabled) }, toBool(this.loading) && !this.h.hasSlot("right-icon") &&
+      index.h("gov-icon", { name: "loader", class: "gov-spin-animation" }), this.h.hasSlot("left-icon") && index.h("slot", { name: "left-icon" }), index.h("slot", null), this.h.hasSlot("right-icon") && index.h("slot", { name: "right-icon" }), toBool(this.loading) && this.h.hasSlot("right-icon") &&
+      index.h("gov-icon", { name: "loader", class: "gov-spin-animation" }))));
+  }
+  onClickHandler(e) {
+    e.stopPropagation();
+    if (this.disabled === false) {
+      this.govClick.emit(e);
+    }
+  }
+  /**
+   * Focus button element
+   */
+  async setFocus() {
+    this.buttonRef.focus();
+  }
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  async validateWcag() {
+    if (this.focusable) {
+      win.validateWcagRef(this.wcagActiveDescendant, "aria-activedescendant", constants.ButtonClass.root);
+      win.validateWcagRef(this.wcagControls, "aria-controls", constants.ButtonClass.root);
+      win.validateWcagRef(this.wcagDetails, "aria-details", constants.ButtonClass.root);
+      win.validateWcagRef(this.wcagOwns, "aria-owns", constants.ButtonClass.root);
+      win.validateWcagRef(this.wcagHasPopup, "aria-haspopup", constants.ButtonClass.root);
+      win.validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, constants.ButtonClass.root);
+    }
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "variant": ["validateVariant"],
+    "type": ["validateType"],
+    "size": ["validateSize"],
+    "nativeType": ["validateNativeType"]
+  }; }
+};
+GovButton.style = govButtonCss;
+
+exports.gov_button = GovButton;
+
+//# sourceMappingURL=gov-button.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"gov-button.entry.cjs.js","mappings":"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","names":["Sizes","NativeType","govHost","validateProp","Variants","ButtonClass","Types","NativeTypes","canValidateWcagOnRender","delay","prepareClasses","h","Host","toBoolAttrIfDefined","toBoolAttr","validateWcagRef","validateWcagLabel"],"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"],"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"],"version":3}

package/dist/cjs/gov-card.cjs.entry.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const template = require('./template-26608353.js');
+const string_utils = require('./string.utils-f9b3501b.js');
+const gov_log = require('./gov.log-4527e960.js');
+const win = require('./win-aa54b884.js');
+const utils = require('./utils-a51135ab.js');
+
+const CardClass = {
+  root: "gov-card",
+  header: "gov-card__header",
+  title: "gov-card__title",
+  inner: "gov-card__inner",
+  img: "gov-card__img",
+  main: "gov-card__main",
+  content: "gov-card__content",
+  icon: "gov-card__icon",
+  btns: "gov-card__btns",
+  footer: "gov-card__footer",
+};
+
+const govCardCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-card{display:flex;flex-direction:column;width:100%;border:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-card-bg, var(--gov-color-secondary-100));overflow:hidden}.gov-card__header{gap:1.75rem;width:100%;padding:1.5rem;border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-card__header .gov-icon{flex:0 0 auto;width:1rem;height:1rem;color:var(--gov-card-arrow-color, var(--gov-color-primary))}.gov-card__title{margin:0;padding:0;font-family:\"Roboto\", sans-serif;font-weight:400;box-sizing:border-box;font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);color:var(--gov-card-title-color, var(--gov-color-secondary-800));font-weight:700}.gov-card__img{width:100%;margin:0;line-height:1}.gov-card__img img{width:100%;height:auto}.gov-card__inner{display:flex;flex:1 1 auto;flex-direction:column}.gov-card__inner[aria-hidden=\"\"],.gov-card__inner[aria-hidden=true i],.gov-card__inner[aria-hidden=\"1\"]{display:none}.gov-card__main{display:flex;gap:16px 24px;flex:1 1 auto;flex-direction:column;padding:1.5rem}.gov-card__icon{flex:0 0 auto;width:2.5rem;height:2.5rem;color:var(--gov-card-icon-color, var(--gov-color-primary))}.gov-card__btns{display:flex;gap:1rem;flex:0 0 auto;flex-wrap:wrap}.gov-card__footer{padding:1rem 1.5rem;background:var(--gov-card-footer-bg, var(--gov-color-primary-100))}.gov-card__footer p{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-card__content>*:last-child,.gov-card__footer>*:last-child{margin-bottom:0}.gov-card[is-expanded=\"\"],.gov-card[is-expanded=true i],.gov-card[is-expanded=\"1\"]{height:100%}.gov-card[collapsible=\"\"] .gov-card__header,.gov-card[collapsible=true i] .gov-card__header,.gov-card[collapsible=\"1\"] .gov-card__header{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;justify-content:space-between;text-align:left}.gov-card[collapsible=\"\"] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible=\"1\"] .gov-card__header:focus{outline:none}.gov-card[collapsible=\"\"] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible=\"1\"] .gov-card__header:focus{outline:none}.gov-card[collapsible=\"\"] .gov-card__header:focus-visible,.gov-card[collapsible=true i] .gov-card__header:focus-visible,.gov-card[collapsible=\"1\"] .gov-card__header: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.125rem}@media not all and (pointer: coarse){.gov-card[collapsible=\"\"] .gov-card__header:hover,.gov-card[collapsible=true i] .gov-card__header:hover,.gov-card[collapsible=\"1\"] .gov-card__header:hover{background:var(--gov-card-header-hover-bg, var(--gov-color-primary-100))}}.gov-card[collapsible=\"\"][is-expanded=\"\"] .gov-card__header,.gov-card[collapsible=\"\"][is-expanded=true i] .gov-card__header,.gov-card[collapsible=\"\"][is-expanded=\"1\"] .gov-card__header,.gov-card[collapsible=true i][is-expanded=\"\"] .gov-card__header,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__header,.gov-card[collapsible=true i][is-expanded=\"1\"] .gov-card__header,.gov-card[collapsible=\"1\"][is-expanded=\"\"] .gov-card__header,.gov-card[collapsible=\"1\"][is-expanded=true i] .gov-card__header,.gov-card[collapsible=\"1\"][is-expanded=\"1\"] .gov-card__header{border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-card[collapsible=\"\"][is-expanded=\"\"] .gov-card__header .gov-icon,.gov-card[collapsible=\"\"][is-expanded=true i] .gov-card__header .gov-icon,.gov-card[collapsible=\"\"][is-expanded=\"1\"] .gov-card__header .gov-icon,.gov-card[collapsible=true i][is-expanded=\"\"] .gov-card__header .gov-icon,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__header .gov-icon,.gov-card[collapsible=true i][is-expanded=\"1\"] .gov-card__header .gov-icon,.gov-card[collapsible=\"1\"][is-expanded=\"\"] .gov-card__header .gov-icon,.gov-card[collapsible=\"1\"][is-expanded=true i] .gov-card__header .gov-icon,.gov-card[collapsible=\"1\"][is-expanded=\"1\"] .gov-card__header .gov-icon{transform:scale(-1)}@media (min-width: 30em){.gov-card[promotion=\"\"] .gov-card__main,.gov-card[promotion=true i] .gov-card__main,.gov-card[promotion=\"1\"] .gov-card__main{flex-direction:row;padding:2rem}.gov-card[promotion=\"\"] .gov-card__icon,.gov-card[promotion=true i] .gov-card__icon,.gov-card[promotion=\"1\"] .gov-card__icon{width:3rem;height:3rem}.gov-card[promotion=\"\"] .gov-card__btns,.gov-card[promotion=true i] .gov-card__btns,.gov-card[promotion=\"1\"] .gov-card__btns{flex-direction:column}}";
+
+const GovCard = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.govToggle = index.createEvent(this, "gov-toggle", 7);
+    this.promotion = false;
+    this.label = undefined;
+    this.collapsible = false;
+    this.expanded = false;
+    this.headlineTag = "h3";
+    this.wcagTriggerLabel = undefined;
+    this.wcagTriggerLabelledBy = undefined;
+    this.isExpanded = undefined;
+    this.h = template.govHost(this.host);
+    this.headlineId = string_utils.createID("GovCardHeadline");
+    this.contentId = string_utils.createID("GovCardContent");
+  }
+  validateHeadlineTag(newValue) {
+    const validTags = ["h1", "h2", "h3", "h4", "h5", "h6", "span"];
+    if (newValue) {
+      if (!validTags.includes(newValue)) {
+        gov_log.govErrorLog(`[${CardClass.root}]: Tag ${newValue} is not allowed.`);
+      }
+    }
+  }
+  componentWillLoad() {
+    this.isExpanded = this.label ? this.expanded : true;
+    this.validateHeadlineTag(this.headlineTag);
+  }
+  async componentDidRender() {
+    if (win.canValidateWcagOnRender()) {
+      await utils.delay(500);
+      await this.validateWcag();
+    }
+  }
+  emmitChange() {
+    this.govToggle.emit({ open: this.isExpanded, element: this.host });
+  }
+  render() {
+    const HeadlineTag = this.headlineTag;
+    return (index.h(index.Host, { class: this.h.classes(CardClass.root), "is-expanded": this.isExpanded, collapsible: template.booleanString(this.collapsible), promotion: this.promotion }, this.label && this.collapsible ? (index.h("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.wcagTriggerLabel, "aria-labelledby": this.wcagTriggerLabelledBy, "aria-expanded": template.booleanString(this.isExpanded), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, index.h(HeadlineTag, { class: CardClass.title }, this.label), index.h("gov-icon", { name: "arrow-down" }))) : null, this.label && !this.collapsible ? (index.h("div", { class: CardClass.header }, index.h(HeadlineTag, { class: CardClass.title }, this.label))) : null, index.h("div", { class: CardClass.inner, id: this.contentId, "aria-hidden": this.collapsible ? template.booleanString(!this.isExpanded) : undefined, hidden: this.collapsible ? !this.isExpanded : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined }, this.h.hasSlot("img") && (index.h("p", { class: CardClass.img }, index.h("slot", { name: "img" }))), index.h("div", { class: CardClass.main }, this.h.hasSlot("icon") && this.promotion && (index.h("div", { class: CardClass.icon }, index.h("slot", { name: "icon" }))), index.h("div", { class: CardClass.content }, index.h("slot", null)), this.h.hasSlot("btn") && this.promotion && (index.h("div", { class: CardClass.btns }, index.h("slot", { name: "btn" })))), this.h.hasSlot("footer") && (index.h("div", { class: CardClass.footer }, index.h("slot", { name: "footer" }))))));
+  }
+  onClickHandler(e) {
+    e.stopPropagation();
+    if (this.collapsible) {
+      this.isExpanded = !this.isExpanded;
+      this.emmitChange();
+    }
+  }
+  /**
+   * Open the card if it is collapsible
+   */
+  async open() {
+    if (this.collapsible) {
+      this.isExpanded = true;
+      this.emmitChange();
+    }
+  }
+  /**
+   * Close the card if it is collapsible
+   */
+  async close() {
+    if (this.collapsible) {
+      this.isExpanded = false;
+      this.emmitChange();
+    }
+  }
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  async validateWcag() {
+    if (this.collapsible) {
+      win.validateWcagLabel(this.wcagTriggerLabel, this.wcagTriggerLabelledBy, CardClass.root);
+    }
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "headlineTag": ["validateHeadlineTag"]
+  }; }
+};
+GovCard.style = govCardCss;
+
+exports.gov_card = GovCard;
+
+//# sourceMappingURL=gov-card.cjs.entry.js.map

package/dist/cjs/gov-card.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-card.entry.cjs.js","mappings":"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","names":["govHost","createID","govErrorLog","canValidateWcagOnRender","delay","h","Host","booleanString","validateWcagLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.scss?tag=gov-card","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["export const CardClass = {\n\troot: \"gov-card\",\n\theader: \"gov-card__header\",\n\ttitle: \"gov-card__title\",\n\tinner: \"gov-card__inner\",\n\timg: \"gov-card__img\",\n\tmain: \"gov-card__main\",\n\tcontent: \"gov-card__content\",\n\ticon: \"gov-card__icon\",\n\tbtns: \"gov-card__btns\",\n\tfooter: \"gov-card__footer\",\n}\n","/*\n *   Alert\n */\n\n$class: \".gov-card\";\n\n#{$class} {\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tborder: $card-border;\n\tborder-radius: $border-radius;\n\tbackground: $card-bg;\n\toverflow: hidden;\n\t&__header {\n\t\tgap: rem-calc(28);\n\t\twidth: 100%;\n\t\tpadding: rem-calc(24);\n\t\tborder-bottom: $card-border;\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttext-transform: none;\n\t\ttransition: background-color $t ease-in-out;\n\t\t.gov-icon {\n\t\t\tflex: 0 0 auto;\n\t\t\twidth: rem-calc(16);\n\t\t\theight: rem-calc(16);\n\t\t\tcolor: $card-arrow-color;\n\t\t}\n\t}\n\t&__title {\n\t\t@include general;\n\t\t@include typography($font-size-xl);\n\t\tcolor: $card-title-color;\n\t\tfont-weight: 700;\n\t}\n\t&__img {\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tline-height: 1;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: auto;\n\t\t}\n\t}\n\t&__inner {\n\t\tdisplay: flex;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\t\t@include parameter(\"aria-hidden\") {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&__main {\n\t\tdisplay: flex;\n\t\tgap: 16px 24px;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\t\tpadding: rem-calc(24);\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\twidth: rem-calc(40);\n\t\theight: rem-calc(40);\n\t\tcolor: $card-icon-color;\n\t}\n\t&__btns {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tflex: 0 0 auto;\n\t\tflex-wrap: wrap;\n\t}\n\t&__footer {\n\t\tpadding: rem-calc(16 24);\n\t\tbackground: $card-footer-bg;\n\t\tp {\n\t\t\t@include typography($font-size-s);\n\t\t}\n\t}\n\t&__content > *:last-child,\n\t&__footer > *:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\t// STATES\n\t@include parameter(\"is-expanded\") {\n\t\theight: 100%;\n\t}\n\t@include parameter(\"collapsible\") {\n\t\t#{$class} {\n\t\t\t&__header {\n\t\t\t\t@include button-core();\n\t\t\t\t@include focus-outline($border-radius, rem-calc(-2));\n\t\t\t\tjustify-content: space-between;\n\t\t\t\ttext-align: left;\n\t\t\t\t@include hover() {\n\t\t\t\t\tbackground: $card-header-hover-bg;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"is-expanded\") {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tborder-bottom: $card-border;\n\t\t\t\t\t.gov-icon {\n\t\t\t\t\t\ttransform: scale(-1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t// VARIANTS\n\t\t@include parameter(\"promotion\") {\n\t\t\t#{$class} {\n\t\t\t\t&__main {\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tpadding: rem-calc(32);\n\t\t\t\t}\n\t\t\t\t&__icon {\n\t\t\t\t\twidth: rem-calc(48);\n\t\t\t\t\theight: rem-calc(48);\n\t\t\t\t}\n\t\t\t\t&__btns {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch, State, Method, Event, EventEmitter } from \"@stencil/core\"\nimport { CardClass } from \"./constants\"\nimport { govHost, booleanString } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { createID } from \"../../utils/string.utils\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-card\",\n\tstyleUrl: \"gov-card.scss\",\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID(\"GovCardHeadline\")\n\t\tthis.contentId = createID(\"GovCardContent\")\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Style variation of the card.\n\t */\n\t@Prop() readonly promotion: boolean = false\n\t/**\n\t * Item label of the card\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Defines wether the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed by default\n\t */\n\t@Prop() readonly expanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the card headline for correct semantic structure\n\t */\n\t@Prop({ attribute: \"headline-tag\" }) readonly headlineTag: string = \"h3\"\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-trigger-label\" }) wcagTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({ attribute: \"wcag-trigger-labelled-by\" }) wcagTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({ eventName: \"gov-toggle\" }) govToggle: EventEmitter\n\t@State() isExpanded: boolean\n\n\t@Watch(\"headlineTag\")\n\tvalidateHeadlineTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${CardClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpanded = this.label ? this.expanded : true\n\t\tthis.validateHeadlineTag(this.headlineTag)\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\tprivate emmitChange(): void {\n\t\tthis.govToggle.emit({ open: this.isExpanded, element: this.host })\n\t}\n\n\n\trender() {\n\t\tconst HeadlineTag = this.headlineTag\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)}\n\t\t\t      is-expanded={this.isExpanded}\n\t\t\t      collapsible={booleanString(this.collapsible)}\n\t\t\t      promotion={this.promotion}>\n\n\t\t\t\t{this.label && this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.wcagTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.wcagTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}>\n\t\t\t\t\t\t<HeadlineTag class={CardClass.title}>\n\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t</HeadlineTag>\n\t\t\t\t\t\t<gov-icon name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t</button>) : null}\n\n\t\t\t\t{this.label && !this.collapsible ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<HeadlineTag class={CardClass.title}>\n\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t</HeadlineTag>\n\t\t\t\t\t</div>) : null}\n\n\t\t\t\t<div class={CardClass.inner}\n\t\t\t\t     id={this.contentId}\n\t\t\t\t     aria-hidden={this.collapsible ? booleanString(!this.isExpanded) : undefined}\n\t\t\t\t     hidden={this.collapsible ? !this.isExpanded : undefined}\n\t\t\t\t     aria-labelledby={this.collapsible ? this.headlineId : undefined}>\n\t\t\t\t\t{this.h.hasSlot(\"img\") && (\n\t\t\t\t\t\t<p class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.main}>\n\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && this.promotion && (\n\t\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.h.hasSlot(\"btn\") && this.promotion && (\n\t\t\t\t\t\t\t<div class={CardClass.btns}>\n\t\t\t\t\t\t\t\t<slot name=\"btn\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot(\"footer\") && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = !this.isExpanded\n\t\t\tthis.emmitChange()\n\t\t}\n\t}\n\n\t/**\n\t * Open the card if it is collapsible\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = true\n\t\t\tthis.emmitChange()\n\t\t}\n\t}\n\n\t/**\n\t * Close the card if it is collapsible\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = false\n\t\t\tthis.emmitChange()\n\t\t}\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.collapsible) {\n\t\t\tvalidateWcagLabel(this.wcagTriggerLabel, this.wcagTriggerLabelledBy, CardClass.root)\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-container.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const template = require('./template-26608353.js');
+
+const ContainerClass = {
+  root: 'gov-container',
+};
+
+const govContainerCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-container{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)}@media (min-width: 48em){.gov-container{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}";
+
+const GovContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { class: ContainerClass.root }, index.h("slot", null)));
+  }
+  async slottedChildren() {
+    return Promise.resolve(template.slottedChildren(this.host));
+  }
+  get host() { return index.getElement(this); }
+};
+GovContainer.style = govContainerCss;
+
+exports.gov_container = GovContainer;
+
+//# sourceMappingURL=gov-container.cjs.entry.js.map

package/dist/cjs/gov-container.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-container.entry.cjs.js","mappings":";;;;;;;AAAO,MAAM,cAAc,GAAG;EAC7B,IAAI,EAAE,eAAe;CACrB;;ACFD,MAAM,eAAe,GAAG,ogBAAogB;;MCQ/gB,YAAY;;;;EAIxB,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAE,cAAc,CAAC,IAAI,IAC/BD,qBAAQ,CACF,EACP;GACD;EAGD,MAAM,eAAe;IACpB,OAAO,OAAO,CAAC,OAAO,CAACE,wBAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;GAClD;;;;;;;","names":["h","Host","slottedChildren"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.scss?tag=gov-container","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","/*\n *   Container\n */\n\n$class: \".gov-container\";\n\n#{$class} {\n\t@include container();\n}\n","import { Component, Element, h, Host, Method } from '@stencil/core'\nimport { slottedChildren } from '../../helpers/Dom/template'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n\tstyleUrl: 'gov-container.scss',\n})\nexport class GovContainer {\n\t// TODO: Fix eslint error\n\t@Element() host: HTMLDivElement /* eslint-disable-line */\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={ContainerClass.root}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t@Method()\n\tasync slottedChildren(): Promise<Node[]> {\n\t\treturn Promise.resolve(slottedChildren(this.host))\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-cookiebar.cjs.entry.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const template = require('./template-26608353.js');
+
+const CookiebarClass = {
+  root: 'gov-cookiebar',
+  holder: 'gov-cookiebar__holder',
+  content: 'gov-cookiebar__content',
+  actions: 'gov-cookiebar__actions',
+  actionsPrimary: 'gov-cookiebar__actions-primary',
+  actionsSecondary: 'gov-cookiebar__actions-secondary',
+};
+
+const govCookiebarCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-cookiebar{z-index:51;position:fixed;right:0;bottom:0;left:0;background-color:var(--gov-cookiebar-bg, var(--gov-color-secondary-100));box-shadow:var(--gov-cookiebar-box-shadow, 0 0.0625rem 2.5rem rgba(var(--gov-color-secondary-800-rgb), 0.45))}.gov-cookiebar__holder{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);padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width: 48em){.gov-cookiebar__holder{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-cookiebar__holder>*{margin-bottom:0}.gov-cookiebar__holder>*+*{margin-top:2rem}.gov-cookiebar__content>*{margin-bottom:0}.gov-cookiebar__content>*+*{margin-top:0.75rem}.gov-cookiebar__content p{color:var(--gov-cookiebar-color, var(--gov-color-secondary-700));letter-spacing:0.0125em}.gov-cookiebar__actions,.gov-cookiebar__actions-primary,.gov-cookiebar__actions-secondary{display:flex;gap:0.625rem;flex-wrap:wrap;justify-content:space-between}@media (min-width: 48em){.gov-cookiebar__holder{padding-top:2rem;padding-bottom:2rem}.gov-cookiebar__actions,.gov-cookiebar__actions-primary,.gov-cookiebar__actions-secondary{gap:1rem}}";
+
+const GovCookiebar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.h = template.govHost(this.host);
+  }
+  render() {
+    return (index.h(index.Host, { class: CookiebarClass.root }, index.h("div", { class: CookiebarClass.holder }, index.h("div", { class: CookiebarClass.content }, index.h("slot", null)), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (index.h("div", { class: CookiebarClass.actions }, this.h.hasSlot('actions-primary') && (index.h("div", { class: CookiebarClass.actionsPrimary }, index.h("slot", { name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (index.h("div", { class: CookiebarClass.actionsSecondary }, index.h("slot", { name: "actions-secondary" }))))))));
+  }
+  get host() { return index.getElement(this); }
+};
+GovCookiebar.style = govCookiebarCss;
+
+exports.gov_cookiebar = GovCookiebar;
+
+//# sourceMappingURL=gov-cookiebar.cjs.entry.js.map

package/dist/cjs/gov-cookiebar.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-cookiebar.entry.cjs.js","mappings":";;;;;;;AAAO,MAAM,cAAc,GAAG;EAC7B,IAAI,EAAE,eAAe;EACrB,MAAM,EAAE,uBAAuB;EAC/B,OAAO,EAAE,wBAAwB;EACjC,OAAO,EAAE,wBAAwB;EACjC,cAAc,EAAE,gCAAgC;EAChD,gBAAgB,EAAE,kCAAkC;CACpD;;ACPD,MAAM,eAAe,GAAG,i7CAAi7C;;MCS57C,YAAY;EAGxB;;IACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAID,MAAM;IACL,QACCC,QAACC,UAAI,IAAC,KAAK,EAAE,cAAc,CAAC,IAAI,IAC/BD,iBAAK,KAAK,EAAE,cAAc,CAAC,MAAM,IAChCA,iBAAK,KAAK,EAAE,cAAc,CAAC,OAAO,IACjCA,qBAAQ,CACH,EAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,MACzEA,iBAAK,KAAK,EAAE,cAAc,CAAC,OAAO,IAChC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,KACjCA,iBAAK,KAAK,EAAE,cAAc,CAAC,cAAc,IACxCA,kBAAM,IAAI,EAAC,iBAAiB,GAAG,CAC1B,CACN,EAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,KACnCA,iBAAK,KAAK,EAAE,cAAc,CAAC,gBAAgB,IAC1CA,kBAAM,IAAI,EAAC,mBAAmB,GAAG,CAC5B,CACN,CACI,CACN,CACI,CACA,EACP;GACD;;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.scss?tag=gov-cookiebar","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookiebarClass = {\n\troot: 'gov-cookiebar',\n\tholder: 'gov-cookiebar__holder',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions-primary',\n\tactionsSecondary: 'gov-cookiebar__actions-secondary',\n}\n","/*\n *   Cookiebar\n */\n\n$class: \".gov-cookiebar\";\n\n#{$class} {\n\t@include z-index(\"bar\", 1);\n\tposition: fixed;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground-color: $cookiebar-bg;\n\tbox-shadow: $cookiebar-box-shadow;\n\t&__holder {\n\t\t@include container();\n\t\t@include space(32);\n\t\tpadding-top: rem-calc(20);\n\t\tpadding-bottom: rem-calc(20);\n\t}\n\n\t&__content {\n\t\t@include space(12);\n\t\tp {\n\t\t\tcolor: $cookiebar-color;\n\t\t\tletter-spacing: em-calc(0.2);\n\t\t}\n\t}\n\t&__actions {\n\t\t&,\n\t\t&-primary,\n\t\t&-secondary {\n\t\t\tdisplay: flex;\n\t\t\tgap: rem-calc(10);\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-between;\n\t\t}\n\t}\n\n\t// Media queries\n\t@include mq($from: md) {\n\t\t&__holder {\n\t\t\tpadding-top: rem-calc(32);\n\t\t\tpadding-bottom: rem-calc(32);\n\t\t}\n\t\t&__actions {\n\t\t\t&,\n\t\t\t&-primary,\n\t\t\t&-secondary {\n\t\t\t\tgap: rem-calc(16);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { CookiebarClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n\tstyleUrl: 'gov-cookiebar.scss',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={CookiebarClass.root}>\n\t\t\t\t<div class={CookiebarClass.holder}>\n\t\t\t\t\t<div class={CookiebarClass.content}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t\t<div class={CookiebarClass.actions}>\n\t\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t\t<div class={CookiebarClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t\t<div class={CookiebarClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-empty.cjs.entry.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const template = require('./template-26608353.js');
+
+const EmptyClass = {
+  root: "gov-empty",
+  icon: "gov-empty__icon",
+  container: "gov-empty__container",
+  content: "gov-empty__content",
+};
+
+const govEmptyCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-empty{display:block;width:100%}.gov-empty__icon{display:inline-flex;justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:2rem;border-radius:50%;background:linear-gradient(to bottom, var(--gov-color-primary-200), var(--gov-color-secondary-100));color:var(--gov-empty-icon-color, var(--gov-color-primary))}.gov-empty__icon>*{width:3.5rem;height:3.5rem}.gov-empty__content>*:last-child{margin-bottom:0}";
+
+const GovEmpty = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.h = template.govHost(this.host);
+  }
+  render() {
+    return (index.h(index.Host, { class: this.h.classes(EmptyClass.root) }, this.h.hasSlot('icon') && (index.h("div", { class: EmptyClass.icon }, index.h("slot", { name: "icon" }))), index.h("div", { class: EmptyClass.content }, index.h("slot", null))));
+  }
+  get host() { return index.getElement(this); }
+};
+GovEmpty.style = govEmptyCss;
+
+exports.gov_empty = GovEmpty;
+
+//# sourceMappingURL=gov-empty.cjs.entry.js.map