@gov-design-system-ce/components 0.0.18 → 0.0.20

package/dist/collection/components/gov-accordion/gov-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-accordion.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/gov-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,cAAc,EAAqB,kBAAkB,EAAwB,MAAM,aAAa,CAAA;AACzH,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAQpD,MAAM,OAAO,YAAY;EAGxB;gBAQ4C,GAAG;mBAIG,SAAS;oBAII,KAAK;;;IAfnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EA6BD,YAAY,CAAC,QAAgB;IAC5B,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;EAC5D,CAAC;EAGD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;EACtD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EACnC,CAAC;EAED,gBAAgB;IACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAkC,EAAE,EAAE;MAClG,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;MACrC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;MAC3C,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAkC,EAAE,EAAE;QAC3E,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;UACnB,SAAS,EAAE,cAAc,CAAC,IAAI;UAC9B,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;UACnB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG;SACjB,CAAC,CAAA;MACH,CAAC,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;EACH,CAAC;EAED,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MACvF,WAAK,IAAI,EAAE,MAAM,iBAAe,IAAI,CAAC,SAAS,sBAAoB,IAAI,CAAC,cAAc;QACpF,eAAQ,CACH,CACA,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,YAAY;IACjB,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;EAC5E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { AccordionClass, AccordionSizes, AccordionSizeType, AccordionItemClass, AccordionVariantType } from './constants'\nimport { Variants } from '../../core/constants/variants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { AccordionEvent, AccordionItemEvent } from \"./gov-accordion.types\"\n\n@Component({\n\ttag: 'gov-accordion',\n\tstyleUrl: 'gov-accordion.scss',\n})\nexport class GovAccordion {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionElement\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType = 'm'\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: AccordionVariantType = 'primary'\n\t/**\n\t * Accordion item underline\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Adds accessible label for the accordion that is only shown for screen readers.\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 * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<AccordionEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(AccordionItemClass.root).forEach((child: HTMLGovAccordionItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.setAttribute('variant', this.variant)\n\t\t\tchild.addEventListener('gov-change', (e: CustomEvent<AccordionItemEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: AccordionClass.root,\n\t\t\t\t\topen: e.detail.open,\n\t\t\t\t\tref: e.detail.ref\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AccordionClass.root)} size={this.size} variant={this.variant}>\n\t\t\t\t<div role={'list'} arial-label={this.wcagLabel} arial-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\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\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, AccordionClass.root)\n\t}\n}\n"]}
+{"version":3,"file":"gov-accordion.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/gov-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,cAAc,EAAqB,kBAAkB,EAAwB,MAAM,aAAa,CAAA;AACzH,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAQpD,MAAM,OAAO,YAAY;EAGxB;gBAQ4C,GAAG;mBAIG,SAAS;oBAII,KAAK;;;IAfnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EA6BD,YAAY,CAAC,QAAgB;IAC5B,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;EAC5D,CAAC;EAGD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;EACtD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EACnC,CAAC;EAED,gBAAgB;IACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAkC,EAAE,EAAE;MAClG,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAkC,EAAE,EAAE;QAC3E,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;UACnB,SAAS,EAAE,cAAc,CAAC,IAAI;UAC9B,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;UACnB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG;SACjB,CAAC,CAAA;MACH,CAAC,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;EACH,CAAC;EAED,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MACvF,WAAK,IAAI,EAAE,MAAM,iBAAe,IAAI,CAAC,SAAS,sBAAoB,IAAI,CAAC,cAAc;QACpF,eAAQ,CACH,CACA,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,YAAY;IACjB,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;EAC5E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { AccordionClass, AccordionSizes, AccordionSizeType, AccordionItemClass, AccordionVariantType } from './constants'\nimport { Variants } from '../../core/constants/variants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { AccordionEvent, AccordionItemEvent } from \"./gov-accordion.types\"\n\n@Component({\n\ttag: 'gov-accordion',\n\tstyleUrl: 'gov-accordion.scss',\n})\nexport class GovAccordion {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionElement\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType = 'm'\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: AccordionVariantType = 'primary'\n\t/**\n\t * Accordion item underline\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Adds accessible label for the accordion that is only shown for screen readers.\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 * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<AccordionEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(AccordionItemClass.root).forEach((child: HTMLGovAccordionItemElement) => {\n\t\t\tchild.addEventListener('gov-change', (e: CustomEvent<AccordionItemEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: AccordionClass.root,\n\t\t\t\t\topen: e.detail.open,\n\t\t\t\t\tref: e.detail.ref\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AccordionClass.root)} size={this.size} variant={this.variant}>\n\t\t\t\t<div role={'list'} arial-label={this.wcagLabel} arial-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\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\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, AccordionClass.root)\n\t}\n}\n"]}

package/dist/collection/components/gov-alert/constants.js

@@ -6,6 +6,7 @@ export const AlertClass = {
   section: 'gov-alert__section',
   icon: 'gov-alert__icon',
   content: 'gov-alert__content',
+  headline: 'gov-alert__headline',
   close: 'gov-alert__close',
 };
 //# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-alert/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-alert/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;AAGpG,MAAM,CAAC,MAAM,UAAU,GAAG;EACzB,IAAI,EAAE,WAAW;EACjB,OAAO,EAAE,oBAAoB;EAC7B,IAAI,EAAE,iBAAiB;EACvB,OAAO,EAAE,oBAAoB;EAC7B,KAAK,EAAE,kBAAkB;CACzB,CAAA","sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AlertVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type VariantType = `${ValueOf<typeof AlertVariants>}`\n\nexport const AlertClass = {\n\troot: 'gov-alert',\n\tsection: 'gov-alert__section',\n\ticon: 'gov-alert__icon',\n\tcontent: 'gov-alert__content',\n\tclose: 'gov-alert__close',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-alert/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;AAGpG,MAAM,CAAC,MAAM,UAAU,GAAG;EACzB,IAAI,EAAE,WAAW;EACjB,OAAO,EAAE,oBAAoB;EAC7B,IAAI,EAAE,iBAAiB;EACvB,OAAO,EAAE,oBAAoB;EAC7B,QAAQ,EAAE,qBAAqB;EAC/B,KAAK,EAAE,kBAAkB;CACzB,CAAA","sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AlertVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type VariantType = `${ValueOf<typeof AlertVariants>}`\n\nexport const AlertClass = {\n\troot: 'gov-alert',\n\tsection: 'gov-alert__section',\n\ticon: 'gov-alert__icon',\n\tcontent: 'gov-alert__content',\n\theadline: 'gov-alert__headline',\n\tclose: 'gov-alert__close',\n}\n"]}

package/dist/collection/components/gov-alert/gov-alert.css

@@ -252,6 +252,19 @@
   width: 1.25rem;
   height: 1.25rem;
 }
+.gov-alert__headline {
+  display: flex;
+  gap: 1rem;
+}
+.gov-alert__headline + div {
+  margin-top: 0.5rem;
+}
+.gov-alert__headline p {
+  margin-bottom: 0;
+}
+.gov-alert__headline gov-button {
+  margin-top: -0.25rem;
+}
 .gov-alert__content {
   padding-right: 3.25rem;
 }

package/dist/collection/components/gov-alert/gov-alert.js

@@ -1,13 +1,20 @@
-import { h, Host } from '@stencil/core';
-import { validateProp } from '../../helpers/Validate/props';
-import { AlertClass, AlertVariants } from './constants';
-import { govHost } from '../../helpers/Dom/template';
+import { h, Host } from "@stencil/core";
+import { validateProp } from "../../helpers/Validate/props";
+import { AlertClass, AlertVariants } from "./constants";
+import { govHost, toBoolAttr } from "../../helpers/Dom/template";
+import Fragment from "../../helpers/Fragment";
+import { validateWcagProp } from "../../helpers/Validate/wcag";
+import { canValidateWcagOnRender } from "../../helpers/Dom/win";
+import { delay } from "../../utils/utils";
 export class GovAlert {
   constructor() {
-    this.variant = 'primary';
+    this.headline = undefined;
+    this.variant = "primary";
     this.inverse = false;
     this.wcagCloseLabel = undefined;
+    this.wcagToggleLabel = undefined;
     this.closable = false;
+    this.toggleContent = false;
     this.h = govHost(this.host);
   }
   validateVariant(newValue) {
@@ -16,15 +23,39 @@ export class GovAlert {
   componentWillLoad() {
     this.validateVariant(this.variant);
   }
+  async componentDidRender() {
+    if (canValidateWcagOnRender()) {
+      await delay(500);
+      await this.validateWcag();
+    }
+  }
   render() {
     let inverse = !this.inverse;
-    let variant = this.inverse ? 'secondary' : this.variant;
-    if (this.variant == 'warning') {
+    let variant = this.inverse ? "secondary" : this.variant;
+    if (this.variant == "warning") {
       inverse = false;
-      variant = 'secondary';
+      variant = "secondary";
+    }
+    const closeButton = (h("div", { class: AlertClass.close }, h("gov-button", { size: "s", "aria-label": this.wcagCloseLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": this.onCloseHandler.bind(this) }, h("gov-icon", { name: "x-lg" }))));
+    return (h(Host, { class: this.h.classes(AlertClass.root), variant: this.variant }, h("section", { class: AlertClass.section, role: "alert" }, this.h.hasSlot("icon") && (h("div", { class: AlertClass.icon }, h("slot", { name: "icon" }))), h("div", { class: AlertClass.content }, this.headline ? (h(Fragment, null, h("div", { class: AlertClass.headline }, h("p", null, this.headline), h("gov-button", { size: "s", "aria-label": this.wcagToggleLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": () => this.toggleContent = !this.toggleContent }, h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down' }))), h("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, h("slot", null)))) : (h("slot", null)))), this.closable && closeButton));
+  }
+  onCloseHandler(e) {
+    this.govClose.emit({
+      component: AlertClass.root,
+      ref: this.host,
+      originalEvent: e,
+    });
+  }
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  async validateWcag() {
+    if (this.closable) {
+      validateWcagProp(this.wcagCloseLabel, 'wcag-close-label', AlertClass.root);
+    }
+    if (this.headline) {
+      validateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', AlertClass.root);
     }
-    const closeButton = (h("div", { class: AlertClass.close }, h("gov-button", { size: "s", "aria-label": this.wcagCloseLabel, type: "base", variant: variant, inverse: inverse, onClick: (e) => this.govClose.emit(e) }, h("gov-icon", { name: "x-lg" }))));
-    return (h(Host, { class: this.h.classes(AlertClass.root), variant: this.variant }, h("section", { class: AlertClass.section, role: "alert" }, this.h.hasSlot('icon') && (h("div", { class: AlertClass.icon }, h("slot", { name: "icon" }))), h("div", { class: AlertClass.content }, h("slot", null))), this.closable && closeButton));
   }
   static get is() { return "gov-alert"; }
   static get originalStyleUrls() {
@@ -39,6 +70,23 @@ export class GovAlert {
   }
   static get properties() {
     return {
+      "headline": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Style variation of the button."
+        },
+        "attribute": "headline",
+        "reflect": false
+      },
       "variant": {
         "type": "string",
         "mutable": false,
@@ -60,7 +108,7 @@ export class GovAlert {
         },
         "attribute": "variant",
         "reflect": false,
-        "defaultValue": "'primary'"
+        "defaultValue": "\"primary\""
       },
       "inverse": {
         "type": "boolean",
@@ -74,7 +122,7 @@ export class GovAlert {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Determide if component should have inversed colors to be used on dark background"
+          "text": "Determine if component should have inverse colors to be used on dark background"
         },
         "attribute": "inverse",
         "reflect": false,
@@ -97,6 +145,23 @@ export class GovAlert {
         "attribute": "wcag-close-label",
         "reflect": false
       },
+      "wcagToggleLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Aria label for the toggle button. It is mandatory if the alert has headline"
+        },
+        "attribute": "wcag-toggle-label",
+        "reflect": false
+      },
       "closable": {
         "type": "boolean",
         "mutable": false,
@@ -117,6 +182,11 @@ export class GovAlert {
       }
     };
   }
+  static get states() {
+    return {
+      "toggleContent": {}
+    };
+  }
   static get events() {
     return [{
         "method": "govClose",
@@ -129,16 +199,37 @@ export class GovAlert {
           "text": "Called when the close button is clicked"
         },
         "complexType": {
-          "original": "PointerEvent",
-          "resolved": "PointerEvent",
+          "original": "AlertEvent",
+          "resolved": "AlertEvent",
           "references": {
-            "PointerEvent": {
-              "location": "global"
+            "AlertEvent": {
+              "location": "import",
+              "path": "./gov-alert.types"
             }
           }
         }
       }];
   }
+  static get methods() {
+    return {
+      "validateWcag": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Validate the WCAG attributes of the component",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "host"; }
   static get watchers() {
     return [{

package/dist/collection/components/gov-alert/gov-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-alert.js","sourceRoot":"","sources":["../../../../../../src/components/gov-alert/gov-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAe,MAAM,aAAa,CAAA;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAOpD,MAAM,OAAO,QAAQ;EAGpB;mBASwC,SAAS;mBAIb,KAAK;;oBAYH,KAAK;IAxB1C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EA0BD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;EACvD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EACnC,CAAC;EAED,MAAM;IACL,IAAI,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAA;IAC3B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;IAEvD,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;MAC9B,OAAO,GAAG,KAAK,CAAA;MACf,OAAO,GAAG,WAAW,CAAA;KACrB;IAED,MAAM,WAAW,GAAG,CACnB,WAAK,KAAK,EAAE,UAAU,CAAC,KAAK;MAC3B,kBACC,IAAI,EAAC,GAAG,gBACI,IAAI,CAAC,cAAc,EAC/B,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAEnD,gBAAU,IAAI,EAAC,MAAM,GAAY,CACrB,CACR,CACN,CAAA;IAED,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MAClE,eAAS,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO;QAC9C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B,WAAK,KAAK,EAAE,UAAU,CAAC,IAAI;UAC1B,YAAM,IAAI,EAAC,MAAM,GAAG,CACf,CACN;QAED,WAAK,KAAK,EAAE,UAAU,CAAC,OAAO;UAC7B,eAAQ,CACH,CACG;MACT,IAAI,CAAC,QAAQ,IAAI,WAAW,CACvB,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { AlertClass, AlertVariants, VariantType } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-alert',\n\tstyleUrl: 'gov-alert.scss',\n})\nexport class GovAlert {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovAlertElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = 'primary'\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 * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) readonly wcagCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<PointerEvent>\n\t/**\n\t * Displays the option to close the alert\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AlertVariants, newValue, AlertClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\trender() {\n\t\tlet inverse = !this.inverse\n\t\tlet variant = this.inverse ? 'secondary' : this.variant\n\n\t\tif (this.variant == 'warning') {\n\t\t\tinverse = false\n\t\t\tvariant = 'secondary'\n\t\t}\n\n\t\tconst closeButton = (\n\t\t\t<div class={AlertClass.close}>\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.wcagCloseLabel}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tinverse={inverse}\n\t\t\t\t\tonClick={(e: PointerEvent) => this.govClose.emit(e)}\n\t\t\t\t>\n\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AlertClass.root)} variant={this.variant}>\n\t\t\t\t<section class={AlertClass.section} role=\"alert\">\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={AlertClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={AlertClass.content}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t{this.closable && closeButton}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"gov-alert.js","sourceRoot":"","sources":["../../../../../../src/components/gov-alert/gov-alert.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { AlertClass, AlertVariants, VariantType } from \"./constants\"\nimport { govHost, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { AlertEvent } from \"./gov-alert.types\"\nimport { ButtonEvent } from \"../gov-button/gov-button.types\"\nimport Fragment from \"../../helpers/Fragment\"\nimport { validateWcagProp } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-alert\",\n\tstyleUrl: \"gov-alert.scss\",\n})\nexport class GovAlert {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovAlertElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly headline: string\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = \"primary\"\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) readonly wcagCloseLabel: string\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the alert has headline\n\t */\n\t@Prop({ attribute: \"wcag-toggle-label\" }) readonly wcagToggleLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<AlertEvent>\n\t/**\n\t * Displays the option to close the alert\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AlertVariants, newValue, AlertClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tlet inverse = !this.inverse\n\t\tlet variant = this.inverse ? \"secondary\" : this.variant\n\n\t\tif (this.variant == \"warning\") {\n\t\t\tinverse = false\n\t\t\tvariant = \"secondary\"\n\t\t}\n\n\t\tconst closeButton = (\n\t\t\t<div class={AlertClass.close}>\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.wcagCloseLabel}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tinverse={inverse}\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t>\n\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AlertClass.root)} variant={this.variant}>\n\t\t\t\t<section class={AlertClass.section} role=\"alert\">\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<div class={AlertClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={AlertClass.content}>\n\t\t\t\t\t\t{this.headline ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={AlertClass.headline}>\n\t\t\t\t\t\t\t\t\t<p>{this.headline}</p>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\taria-label={this.wcagToggleLabel}\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\t\t\tinverse={inverse}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.toggleContent = !this.toggleContent}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'}></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t{this.closable && closeButton}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: AlertClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\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.closable) {\n\t\t\tvalidateWcagProp(this.wcagCloseLabel, 'wcag-close-label', AlertClass.root)\n\t\t}\n\t\tif (this.headline) {\n\t\t\tvalidateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', AlertClass.root)\n\t\t}\n\t}\n}\n"]}

package/dist/collection/components/gov-alert/gov-alert.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gov-alert.types.js.map

package/dist/collection/components/gov-alert/gov-alert.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-alert.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-alert/gov-alert.types.ts"],"names":[],"mappings":"","sourcesContent":["import { GovBaseEvent } from \"../../types/event.types\"\n\nexport interface AlertEvent extends GovBaseEvent {\n\tref: HTMLGovAlertElement\n}\n\n"]}

package/dist/collection/components/gov-button/gov-button.css

@@ -1105,7 +1105,7 @@
 }
 .gov-button[type=link] .element {
   min-height: inherit;
-  padding: 0;
+  padding: 0 !important;
   line-height: inherit;
   text-decoration: underline;
 }
@@ -1119,18 +1119,21 @@
 .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] .gov-button:not[type=link] .element {
-  padding: var(--gov-button-xs-padding-y, 0.125rem) calc(var(--gov-button-xs-padding-x, 0.625rem) + var(--gov-button-xs-padding-x, 0.625rem) / 2 + var(--gov-button-xs-icon-size, 1rem) / 2);
+.gov-button[loading=true] .element .gov-icon, .gov-button[loading="1"] .element .gov-icon {
+  margin: 0;
+}
+.gov-button[loading="0"][size=xs] .element, .gov-button[loading=false][size=xs] .element, .gov-button[loading=""][size=xs] .element {
+  padding: var(--gov-button-xs-padding-y, 0.125rem) calc((var(--gov-button-xs-padding-x, 0.625rem) * 3 + var(--gov-button-xs-icon-size, 1rem)) / 2);
 }
-.gov-button: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] .gov-button:not[type=link] .element {
-  padding: var(--gov-button-s-padding-y, 0.25rem) calc(var(--gov-button-s-padding-x, 0.75rem) + var(--gov-button-s-padding-x, 0.75rem) / 2 + var(--gov-button-s-icon-size, 1rem) / 2);
+.gov-button[loading="0"][size=s] .element, .gov-button[loading=false][size=s] .element, .gov-button[loading=""][size=s] .element {
+  padding: var(--gov-button-s-padding-y, 0.25rem) calc((var(--gov-button-s-padding-x, 0.75rem) * 3 + var(--gov-button-s-icon-size, 1rem)) / 2);
 }
-.gov-button: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] .gov-button:not[type=link] .element {
-  padding: var(--gov-button-m-padding-y, 0.375rem) calc(var(--gov-button-m-padding-x, 0.75rem) + var(--gov-button-m-padding-x, 0.75rem) / 2 + var(--gov-button-m-icon-size, 1.25rem) / 2);
+.gov-button[loading="0"][size=m] .element, .gov-button[loading=false][size=m] .element, .gov-button[loading=""][size=m] .element {
+  padding: var(--gov-button-m-padding-y, 0.375rem) calc((var(--gov-button-m-padding-x, 0.75rem) * 3 + var(--gov-button-m-icon-size, 1.25rem)) / 2);
 }
-.gov-button: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] .gov-button:not[type=link] .element {
-  padding: var(--gov-button-l-padding-y, 0.5rem) calc(var(--gov-button-l-padding-x, 1rem) + var(--gov-button-l-padding-x, 1rem) / 2 + var(--gov-button-l-icon-size, 1.5rem) / 2);
+.gov-button[loading="0"][size=l] .element, .gov-button[loading=false][size=l] .element, .gov-button[loading=""][size=l] .element {
+  padding: var(--gov-button-l-padding-y, 0.5rem) calc((var(--gov-button-l-padding-x, 1rem) * 3 + var(--gov-button-l-icon-size, 1.5rem)) / 2);
 }
-.gov-button: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] .gov-button:not[type=link] .element {
-  padding: var(--gov-button-xl-padding-y, 0.75rem) calc(var(--gov-button-xl-padding-x, 1.25rem) + var(--gov-button-xl-padding-x, 1.25rem) / 2 + var(--gov-button-xl-icon-size, 1.75rem) / 2);
+.gov-button[loading="0"][size=xl] .element, .gov-button[loading=false][size=xl] .element, .gov-button[loading=""][size=xl] .element {
+  padding: var(--gov-button-xl-padding-y, 0.75rem) calc((var(--gov-button-xl-padding-x, 1.25rem) * 3 + var(--gov-button-xl-icon-size, 1.75rem)) / 2);
 }

package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css

@@ -246,6 +246,7 @@
   top: 0;
   left: 0;
   border: var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));
+  background-color: var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));
   transition: 150ms linear border-color, 150ms linear background-color, 150ms linear outline-color;
 }
 .gov-form-checkbox .gov-form-label__label {

package/dist/collection/components/gov-form/control/gov-form-control.css

@@ -236,10 +236,10 @@
 .gov-form-control[type=file] .gov-form-control__bottom {
   margin: 0.5rem 0rem 0rem;
 }
-.gov-form-control[type=input] .gov-form-label .gov-form-label__label, .gov-form-control[type=select] .gov-form-label .gov-form-label__label {
+.gov-form-control[type=input] .gov-form-label .gov-form-label__label, .gov-form-control[type=select] .gov-form-label .gov-form-label__label, .gov-form-control[type=textarea] .gov-form-label .gov-form-label__label {
   margin: 0rem 0rem 0.25rem;
 }
-.gov-form-control[type=input] .gov-form-control__bottom, .gov-form-control[type=select] .gov-form-control__bottom {
+.gov-form-control[type=input] .gov-form-control__bottom, .gov-form-control[type=select] .gov-form-control__bottom, .gov-form-control[type=textarea] .gov-form-control__bottom {
   margin: 0.25rem 0rem 0rem;
 }
 .gov-form-control[size=xs][type=checkbox] .gov-form-control__bottom, .gov-form-control[size=xs][type=radio] .gov-form-control__bottom {

package/dist/collection/components/gov-form/input/gov-form-input.css

@@ -232,6 +232,7 @@
 }
 .gov-form-input .element {
   position: relative;
+  display: flex;
   flex: 1 1 auto;
 }
 .gov-form-input input,

package/dist/collection/components/gov-form/label/gov-form-label.css

@@ -231,39 +231,4 @@
   color: var(--gov-form-label-color, #686868);
   cursor: pointer;
   box-sizing: border-box;
-}
-.gov-form-label[size=xs] .gov-form-label__label {
-  font-weight: var(--gov-text-xs-font-weight);
-  font-size: var(--gov-text-xs-font-size);
-  line-height: var(--gov-text-xs-line-height);
-  letter-spacing: var(--gov-text-xs-letter-spacing);
-  margin-bottom: var(--gov-form-label-xs-margin-bottom, 0.25rem);
-}
-.gov-form-label[size=s] .gov-form-label__label {
-  font-weight: var(--gov-text-s-font-weight);
-  font-size: var(--gov-text-s-font-size);
-  line-height: var(--gov-text-s-line-height);
-  letter-spacing: var(--gov-text-s-letter-spacing);
-  margin-bottom: var(--gov-form-label-s-margin-bottom, 0.5rem);
-}
-.gov-form-label[size=m] .gov-form-label__label {
-  font-weight: var(--gov-text-m-font-weight);
-  font-size: var(--gov-text-m-font-size);
-  line-height: var(--gov-text-m-line-height);
-  letter-spacing: var(--gov-text-m-letter-spacing);
-  margin-bottom: var(--gov-form-label-m-margin-bottom, 0.75rem);
-}
-.gov-form-label[size=l] .gov-form-label__label {
-  font-weight: var(--gov-text-l-font-weight);
-  font-size: var(--gov-text-l-font-size);
-  line-height: var(--gov-text-l-line-height);
-  letter-spacing: var(--gov-text-l-letter-spacing);
-  margin-bottom: var(--gov-form-label-l-margin-bottom, 0.25rem);
-}
-.gov-form-label[size=xl] .gov-form-label__label {
-  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);
-  margin-bottom: var(--gov-form-label-xl-margin-bottom, 0.25rem);
 }

package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css

@@ -249,6 +249,7 @@
 }
 .gov-form-multi-select .element {
   position: relative;
+  display: flex;
   flex: 1 1 auto;
 }
 .gov-form-multi-select input,

package/dist/collection/components/gov-form/radio/gov-form-radio.css

@@ -246,6 +246,7 @@
   top: 0;
   left: 0;
   border: var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));
+  background-color: var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));
   transition: 150ms linear border-color, 150ms linear background-color, 150ms linear outline-color;
 }
 .gov-form-radio .gov-form-label__label {

package/dist/collection/components/gov-form/select/gov-form-select.css

@@ -235,6 +235,7 @@
 }
 .gov-form-select .element {
   position: relative;
+  display: flex;
   flex: 1 1 auto;
 }
 .gov-form-select input,

package/dist/collection/components/gov-icon/list.js

@@ -74,6 +74,8 @@ export const complexIcons = [
   'complex/chamber-deputies-200',
   'complex/chamber-deputies-cr',
   'complex/chat',
+  'complex/cities',
+  'complex/city-office',
   'complex/id',
   'complex/id-card',
   'complex/id-info',
@@ -105,6 +107,7 @@ export const complexIcons = [
   'complex/property',
   'complex/queue',
   'complex/quotes',
+  'complex/region',
   'complex/regional-elections',
   'complex/regional-elections-clear',
   'complex/register-of-persons',

package/dist/collection/components/gov-icon/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/list.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;EAC3B,cAAc;EACd,aAAa;EACb,iBAAiB;EACjB,cAAc;EACd,kBAAkB;EAClB,uBAAuB;EACvB,qBAAqB;EACrB,gBAAgB;EAChB,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,uBAAuB;EACvB,eAAe;EACf,uBAAuB;EACvB,mBAAmB;EACnB,iBAAiB;EACjB,eAAe;EACf,eAAe;EACf,iBAAiB;EACjB,oBAAoB;EACpB,uBAAuB;EACvB,wBAAwB;EACxB,sBAAsB;EACtB,4BAA4B;EAC5B,qBAAqB;EACrB,yBAAyB;EACzB,sBAAsB;EACtB,oBAAoB;EACpB,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB;EACrB,2BAA2B;EAC3B,sBAAsB;EACtB,uBAAuB;EACvB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,gBAAgB;EAChB,qBAAqB;EACrB,yBAAyB;EACzB,4BAA4B;EAC5B,gBAAgB;EAChB,kBAAkB;EAClB,6BAA6B;EAC7B,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;EACpB,cAAc;EACd,iBAAiB;EACjB,iBAAiB;EACjB,mBAAmB;EACnB,eAAe;EACf,0BAA0B;EAC1B,8BAA8B;EAC9B,6BAA6B;EAC7B,cAAc;EACd,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,cAAc;EACd,mBAAmB;EACnB,wBAAwB;EACxB,aAAa;EACb,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,uBAAuB;EACvB,iBAAiB;EACjB,sBAAsB;EACtB,cAAc;EACd,gBAAgB;EAChB,kBAAkB;EAClB,uBAAuB;EACvB,aAAa;EACb,wBAAwB;EACxB,eAAe;EACf,6BAA6B;EAC7B,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB,+BAA+B;EAC/B,0BAA0B;EAC1B,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,4BAA4B;EAC5B,kCAAkC;EAClC,6BAA6B;EAC7B,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,mBAAmB;EACnB,gBAAgB;EAChB,kBAAkB;EAClB,yBAAyB;EACzB,0BAA0B;EAC1B,aAAa;EACb,oBAAoB;EACpB,cAAc;EACd,mBAAmB;EACnB,iBAAiB;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;EACzB,oBAAoB;EACpB,uBAAuB;EACvB,uBAAuB;EACvB,wBAAwB;EACxB,8BAA8B;EAC9B,oBAAoB;EACpB,yBAAyB;EACzB,kBAAkB;EAClB,iBAAiB;EACjB,YAAY;EACZ,0BAA0B;EAC1B,0BAA0B;EAC1B,iBAAiB;EACjB,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;EACjB,gBAAgB;EAChB,sBAAsB;EACtB,WAAW;EACX,iBAAiB;EACjB,uBAAuB;EACvB,uBAAuB;EACvB,wBAAwB;EACxB,qBAAqB;EACrB,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;EAClB,qBAAqB;EACrB,qBAAqB;EACrB,sBAAsB;EACtB,iCAAiC;EACjC,WAAW;EACX,iBAAiB;EACjB,gBAAgB;EAChB,+BAA+B;EAC/B,+BAA+B;EAC/B,8BAA8B;EAC9B,kBAAkB;EAClB,uBAAuB;EACvB,gCAAgC;EAChC,YAAY;EACZ,eAAe;EACf,mBAAmB;EACnB,eAAe;EACf,mBAAmB;EACnB,iBAAiB;EACjB,oBAAoB;EACpB,yBAAyB;EACzB,4BAA4B;EAC5B,mCAAmC;EACnC,uBAAuB;EACvB,sBAAsB;EACtB,2BAA2B;EAC3B,gBAAgB;EAChB,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACZ,mBAAmB;EACnB,oBAAoB;EACpB,sBAAsB;EACtB,YAAY;EACZ,cAAc;EACd,WAAW;EACX,YAAY;EACZ,qBAAqB;EACrB,mBAAmB;EACnB,4BAA4B;EAC5B,aAAa;EACb,YAAY;EACZ,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,YAAY;EACZ,cAAc;EACd,YAAY;EACZ,iBAAiB;EACjB,mBAAmB;EACnB,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;EAClB,2BAA2B;EAC3B,aAAa;EACb,kBAAkB;EAClB,qBAAqB;EACrB,eAAe;EACf,cAAc;EACd,SAAS;EACT,YAAY;EACZ,eAAe;CACf,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,GAAG,UAAU,CAAC,CAAA","sourcesContent":["export const complexIcons = [\n\t'complex/24-7',\n\t'complex/all',\n\t'complex/arrival',\n\t'complex/bell',\n\t'complex/big-help',\n\t'complex/business-file',\n\t'complex/businessman',\n\t'complex/cactus',\n\t'complex/camera',\n\t'complex/car',\n\t'complex/card-400',\n\t'complex/card-401',\n\t'complex/card-403',\n\t'complex/card-404',\n\t'complex/card-500',\n\t'complex/card-502',\n\t'complex/certification',\n\t'complex/coins',\n\t'complex/communication',\n\t'complex/confusion',\n\t'complex/contact',\n\t'complex/court',\n\t'complex/covid',\n\t'complex/digital',\n\t'complex/disability',\n\t'complex/doc-agreement',\n\t'complex/doc-basic-info',\n\t'complex/doc-business',\n\t'complex/doc-car-point-list',\n\t'complex/doc-diploma',\n\t'complex/doc-driver-info',\n\t'complex/doc-election',\n\t'complex/doc-filled',\n\t'complex/doc-health',\n\t'complex/doc-judgment',\n\t'complex/doc-patient',\n\t'complex/doc-personal-info',\n\t'complex/doc-petition',\n\t'complex/doc-registers',\n\t'complex/doc-review',\n\t'complex/doc-search',\n\t'complex/doc-stamp',\n\t'complex/doc-state',\n\t'complex/doc-taxes',\n\t'complex/documents',\n\t'complex/doc-universal',\n\t'complex/doc-visa',\n\t'complex/driver',\n\t'complex/driver-file',\n\t'complex/driving-licence',\n\t'complex/email-notification',\n\t'complex/energy',\n\t'complex/envelope',\n\t'complex/european-parliament',\n\t'complex/family',\n\t'complex/globe',\n\t'complex/graduate',\n\t'complex/hand',\n\t'complex/hand-400',\n\t'complex/hand-401',\n\t'complex/hand-403',\n\t'complex/hand-404',\n\t'complex/hand-500',\n\t'complex/hand-502',\n\t'complex/health',\n\t'complex/healthcare',\n\t'complex/help',\n\t'complex/history',\n\t'complex/holiday',\n\t'complex/hourglass',\n\t'complex/house',\n\t'complex/chamber-deputies',\n\t'complex/chamber-deputies-200',\n\t'complex/chamber-deputies-cr',\n\t'complex/chat',\n\t'complex/id',\n\t'complex/id-card',\n\t'complex/id-info',\n\t'complex/illness',\n\t'complex/Info',\n\t'complex/info-list',\n\t'complex/institute-file',\n\t'complex/job',\n\t'complex/job-loss',\n\t'complex/map',\n\t'complex/mouse',\n\t'complex/my-filing',\n\t'complex/my-state-data',\n\t'complex/newborn',\n\t'complex/new-comments',\n\t'complex/news',\n\t'complex/packet',\n\t'complex/passport',\n\t'complex/personal-file',\n\t'complex/pet',\n\t'complex/petrol-station',\n\t'complex/pills',\n\t'complex/population-register',\n\t'complex/portal',\n\t'complex/pregnant',\n\t'complex/president',\n\t'complex/presidential-election',\n\t'complex/profile-settings',\n\t'complex/property',\n\t'complex/queue',\n\t'complex/quotes',\n\t'complex/regional-elections',\n\t'complex/regional-elections-clear',\n\t'complex/register-of-persons',\n\t'complex/retiree',\n\t'complex/rings',\n\t'complex/senate',\n\t'complex/senate-81',\n\t'complex/senior',\n\t'complex/settings',\n\t'complex/simple-envelope',\n\t'complex/sms-notification',\n\t'complex/sos',\n\t'complex/state-file',\n\t'complex/time',\n\t'complex/tombstone',\n\t'complex/vaccine',\n]\n\nexport const basicIcons = [\n\t'basic/archive-fill',\n\t'basic/archive-outline',\n\t'basic/arrow90deg-left',\n\t'basic/arrow90deg-right',\n\t'basic/arrow-counterclockwise',\n\t'basic/arrow-repeat',\n\t'basic/arrows-fullscreen',\n\t'basic/attachment',\n\t'basic/bell-fill',\n\t'basic/book',\n\t'basic/box-arrow-in-right',\n\t'basic/box-arrow-up-right',\n\t'basic/briefcase',\n\t'basic/briefcase-fill',\n\t'basic/building-fill',\n\t'basic/buildings',\n\t'basic/calendar',\n\t'basic/calendar-event',\n\t'basic/car',\n\t'basic/card-text',\n\t'basic/caret-down-fill',\n\t'basic/caret-left-fill',\n\t'basic/caret-right-fill',\n\t'basic/caret-up-fill',\n\t'basic/car-front',\n\t'basic/cash',\n\t'basic/clock',\n\t'basic/clock-history',\n\t'basic/coin',\n\t'basic/collection',\n\t'basic/compass',\n\t'basic/cursor-fill',\n\t'basic/dash',\n\t'basic/dash-circle',\n\t'basic/dash-lg',\n\t'basic/datovka',\n\t'basic/download',\n\t'basic/envelope',\n\t'basic/envelope-e',\n\t'basic/envelope-fill',\n\t'basic/envelope-open',\n\t'basic/exclamation-lg',\n\t'basic/exclamation-triangle-fill',\n\t'basic/eye',\n\t'basic/eye-slash',\n\t'basic/facebook',\n\t'basic/file-earmark-arrow-down',\n\t'basic/file-earmark-arrow-left',\n\t'basic/file-earmark-text-fill',\n\t'basic/file-image',\n\t'basic/file-image-fill',\n\t'basic/files-earmark-arrow-down',\n\t'basic/flag',\n\t'basic/flag-cz',\n\t'basic/folder-open',\n\t'basic/forward',\n\t'basic/funnel-fill',\n\t'basic/gear-fill',\n\t'basic/geo-alt-fill',\n\t'basic/grid-3x3-gap-fill',\n\t'basic/guestion-circle-fill',\n\t'basic/hand-index-thumb-right-fill',\n\t'basic/house-door-fill',\n\t'basic/chat-left-text',\n\t'basic/chat-left-text-fill',\n\t'basic/check-lg',\n\t'basic/check-multiple',\n\t'basic/chevron-double-left',\n\t'basic/chevron-double-right',\n\t'basic/chevron-down',\n\t'basic/chevron-left',\n\t'basic/chevron-right',\n\t'basic/chevron-up',\n\t'basic/info',\n\t'basic/info-circle',\n\t'basic/journal-text',\n\t'basic/lightbulb-fill',\n\t'basic/list',\n\t'basic/loader',\n\t'basic/map',\n\t'basic/moon',\n\t'basic/pencil-square',\n\t'basic/person-fill',\n\t'basic/person-fill-bussines',\n\t'basic/phone',\n\t'basic/plus',\n\t'basic/plus-circle',\n\t'basic/plus-lg',\n\t'basic/printer',\n\t'basic/reply',\n\t'basic/reply-all',\n\t'basic/save',\n\t'basic/search',\n\t'basic/send',\n\t'basic/send-fill',\n\t'basic/shield-plus',\n\t'basic/sigma',\n\t'basic/star',\n\t'basic/star-fill',\n\t'basic/tags',\n\t'basic/three-dots',\n\t'basic/three-dots-vertical',\n\t'basic/trash',\n\t'basic/trash-fill',\n\t'basic/trash-restore',\n\t'basic/twitter',\n\t'basic/upload',\n\t'basic/x',\n\t'basic/x-lg',\n\t'basic/youtube',\n]\n\nexport const icons = [...complexIcons, ...basicIcons]\n"]}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/list.ts"],"names":[],"mappings":"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","sourcesContent":["export const complexIcons = [\n\t'complex/24-7',\n\t'complex/all',\n\t'complex/arrival',\n\t'complex/bell',\n\t'complex/big-help',\n\t'complex/business-file',\n\t'complex/businessman',\n\t'complex/cactus',\n\t'complex/camera',\n\t'complex/car',\n\t'complex/card-400',\n\t'complex/card-401',\n\t'complex/card-403',\n\t'complex/card-404',\n\t'complex/card-500',\n\t'complex/card-502',\n\t'complex/certification',\n\t'complex/coins',\n\t'complex/communication',\n\t'complex/confusion',\n\t'complex/contact',\n\t'complex/court',\n\t'complex/covid',\n\t'complex/digital',\n\t'complex/disability',\n\t'complex/doc-agreement',\n\t'complex/doc-basic-info',\n\t'complex/doc-business',\n\t'complex/doc-car-point-list',\n\t'complex/doc-diploma',\n\t'complex/doc-driver-info',\n\t'complex/doc-election',\n\t'complex/doc-filled',\n\t'complex/doc-health',\n\t'complex/doc-judgment',\n\t'complex/doc-patient',\n\t'complex/doc-personal-info',\n\t'complex/doc-petition',\n\t'complex/doc-registers',\n\t'complex/doc-review',\n\t'complex/doc-search',\n\t'complex/doc-stamp',\n\t'complex/doc-state',\n\t'complex/doc-taxes',\n\t'complex/documents',\n\t'complex/doc-universal',\n\t'complex/doc-visa',\n\t'complex/driver',\n\t'complex/driver-file',\n\t'complex/driving-licence',\n\t'complex/email-notification',\n\t'complex/energy',\n\t'complex/envelope',\n\t'complex/european-parliament',\n\t'complex/family',\n\t'complex/globe',\n\t'complex/graduate',\n\t'complex/hand',\n\t'complex/hand-400',\n\t'complex/hand-401',\n\t'complex/hand-403',\n\t'complex/hand-404',\n\t'complex/hand-500',\n\t'complex/hand-502',\n\t'complex/health',\n\t'complex/healthcare',\n\t'complex/help',\n\t'complex/history',\n\t'complex/holiday',\n\t'complex/hourglass',\n\t'complex/house',\n\t'complex/chamber-deputies',\n\t'complex/chamber-deputies-200',\n\t'complex/chamber-deputies-cr',\n\t'complex/chat',\n\t'complex/cities',\n\t'complex/city-office',\n\t'complex/id',\n\t'complex/id-card',\n\t'complex/id-info',\n\t'complex/illness',\n\t'complex/Info',\n\t'complex/info-list',\n\t'complex/institute-file',\n\t'complex/job',\n\t'complex/job-loss',\n\t'complex/map',\n\t'complex/mouse',\n\t'complex/my-filing',\n\t'complex/my-state-data',\n\t'complex/newborn',\n\t'complex/new-comments',\n\t'complex/news',\n\t'complex/packet',\n\t'complex/passport',\n\t'complex/personal-file',\n\t'complex/pet',\n\t'complex/petrol-station',\n\t'complex/pills',\n\t'complex/population-register',\n\t'complex/portal',\n\t'complex/pregnant',\n\t'complex/president',\n\t'complex/presidential-election',\n\t'complex/profile-settings',\n\t'complex/property',\n\t'complex/queue',\n\t'complex/quotes',\n\t'complex/region',\n\t'complex/regional-elections',\n\t'complex/regional-elections-clear',\n\t'complex/register-of-persons',\n\t'complex/retiree',\n\t'complex/rings',\n\t'complex/senate',\n\t'complex/senate-81',\n\t'complex/senior',\n\t'complex/settings',\n\t'complex/simple-envelope',\n\t'complex/sms-notification',\n\t'complex/sos',\n\t'complex/state-file',\n\t'complex/time',\n\t'complex/tombstone',\n\t'complex/vaccine',\n]\n\nexport const basicIcons = [\n\t'basic/archive-fill',\n\t'basic/archive-outline',\n\t'basic/arrow90deg-left',\n\t'basic/arrow90deg-right',\n\t'basic/arrow-counterclockwise',\n\t'basic/arrow-repeat',\n\t'basic/arrows-fullscreen',\n\t'basic/attachment',\n\t'basic/bell-fill',\n\t'basic/book',\n\t'basic/box-arrow-in-right',\n\t'basic/box-arrow-up-right',\n\t'basic/briefcase',\n\t'basic/briefcase-fill',\n\t'basic/building-fill',\n\t'basic/buildings',\n\t'basic/calendar',\n\t'basic/calendar-event',\n\t'basic/car',\n\t'basic/card-text',\n\t'basic/caret-down-fill',\n\t'basic/caret-left-fill',\n\t'basic/caret-right-fill',\n\t'basic/caret-up-fill',\n\t'basic/car-front',\n\t'basic/cash',\n\t'basic/clock',\n\t'basic/clock-history',\n\t'basic/coin',\n\t'basic/collection',\n\t'basic/compass',\n\t'basic/cursor-fill',\n\t'basic/dash',\n\t'basic/dash-circle',\n\t'basic/dash-lg',\n\t'basic/datovka',\n\t'basic/download',\n\t'basic/envelope',\n\t'basic/envelope-e',\n\t'basic/envelope-fill',\n\t'basic/envelope-open',\n\t'basic/exclamation-lg',\n\t'basic/exclamation-triangle-fill',\n\t'basic/eye',\n\t'basic/eye-slash',\n\t'basic/facebook',\n\t'basic/file-earmark-arrow-down',\n\t'basic/file-earmark-arrow-left',\n\t'basic/file-earmark-text-fill',\n\t'basic/file-image',\n\t'basic/file-image-fill',\n\t'basic/files-earmark-arrow-down',\n\t'basic/flag',\n\t'basic/flag-cz',\n\t'basic/folder-open',\n\t'basic/forward',\n\t'basic/funnel-fill',\n\t'basic/gear-fill',\n\t'basic/geo-alt-fill',\n\t'basic/grid-3x3-gap-fill',\n\t'basic/guestion-circle-fill',\n\t'basic/hand-index-thumb-right-fill',\n\t'basic/house-door-fill',\n\t'basic/chat-left-text',\n\t'basic/chat-left-text-fill',\n\t'basic/check-lg',\n\t'basic/check-multiple',\n\t'basic/chevron-double-left',\n\t'basic/chevron-double-right',\n\t'basic/chevron-down',\n\t'basic/chevron-left',\n\t'basic/chevron-right',\n\t'basic/chevron-up',\n\t'basic/info',\n\t'basic/info-circle',\n\t'basic/journal-text',\n\t'basic/lightbulb-fill',\n\t'basic/list',\n\t'basic/loader',\n\t'basic/map',\n\t'basic/moon',\n\t'basic/pencil-square',\n\t'basic/person-fill',\n\t'basic/person-fill-bussines',\n\t'basic/phone',\n\t'basic/plus',\n\t'basic/plus-circle',\n\t'basic/plus-lg',\n\t'basic/printer',\n\t'basic/reply',\n\t'basic/reply-all',\n\t'basic/save',\n\t'basic/search',\n\t'basic/send',\n\t'basic/send-fill',\n\t'basic/shield-plus',\n\t'basic/sigma',\n\t'basic/star',\n\t'basic/star-fill',\n\t'basic/tags',\n\t'basic/three-dots',\n\t'basic/three-dots-vertical',\n\t'basic/trash',\n\t'basic/trash-fill',\n\t'basic/trash-restore',\n\t'basic/twitter',\n\t'basic/upload',\n\t'basic/x',\n\t'basic/x-lg',\n\t'basic/youtube',\n]\n\nexport const icons = [...complexIcons, ...basicIcons]\n"]}

package/dist/collection/components/gov-layout/gov-layout-column.css

@@ -224,4 +224,5 @@
 .gov-layout-column {
   position: relative;
   display: block;
+  width: 100%;
 }