@gov-design-system-ce/components 0.0.1 → 0.0.2

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

@@ -1,10 +1,17 @@
 import { Variants as GlobalVariants } from '../../core/constants/variants';
-export const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SUCCESS];
+export const Variants = [
+  undefined,
+  GlobalVariants.PRIMARY,
+  GlobalVariants.SECONDARY,
+  GlobalVariants.WARNING,
+  GlobalVariants.ERROR,
+  GlobalVariants.SUCCESS,
+];
 export const AlertClass = {
-  root: "gov-alert",
-  section: "gov-alert__section",
-  icon: "gov-alert__icon",
-  content: "gov-alert__content",
-  close: "gov-alert__close",
+  root: 'gov-alert',
+  section: 'gov-alert__section',
+  icon: 'gov-alert__icon',
+  content: 'gov-alert__content',
+  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,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAU,CAAA;AAGpK,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 as GlobalVariants } from '../../core/constants/variants'\n\nexport const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SUCCESS] as const\nexport type VariantType = typeof Variants[number]\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,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG;EACvB,SAAS;EACT,cAAc,CAAC,OAAO;EACtB,cAAc,CAAC,SAAS;EACxB,cAAc,CAAC,OAAO;EACtB,cAAc,CAAC,KAAK;EACpB,cAAc,CAAC,OAAO;CACb,CAAA;AAGV,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 as GlobalVariants } from '../../core/constants/variants'\n\nexport const Variants = [\n\tundefined,\n\tGlobalVariants.PRIMARY,\n\tGlobalVariants.SECONDARY,\n\tGlobalVariants.WARNING,\n\tGlobalVariants.ERROR,\n\tGlobalVariants.SUCCESS,\n] as const\nexport type VariantType = (typeof Variants)[number]\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"]}

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

@@ -48,15 +48,15 @@
  -  Variables - Typography
  */
 /*
- -  Variables - Sizes
+ -  Variables - Variants
  */
-/* "Constants" for general usage */
 /*
- -  Variables - Variants
+ -  Variables - Container
  */
 /*
- -  Variables - Layout
+ -  Variables - Sizes
  */
+/* "Constants" for general usage */
 /*
  -  Variables - Accordion
  */
@@ -72,6 +72,9 @@
 /*
  -  Variables - Buttons (&& Badges)
  */
+/*
+ -  Variables - Breadcrumbs
+ */
 /*
  -  Variables - Classes
  */
@@ -84,9 +87,6 @@
 /*
  -  Variables - Card
  */
-/*
- -  Variables - Container
- */
 /*
  -  Variables - Message
  */
@@ -99,6 +99,9 @@
 /*
  -  Variables - Grid
  */
+/*
+ -  Variables - Tiles
+ */
 /*
  -  Variables - Modal & Prompt
  */
@@ -118,6 +121,9 @@
 /*
  -  Variables - Tooltip
  */
+/*
+ -  Variables - Loading
+ */
 /*
  -	Variables - Forms
  */
@@ -145,6 +151,9 @@
 /*
  -	Variables - Form checkbox & radio
  */
+/*
+ -  Variables - Form group
+ */
 /*
  -	Variables - Form file
  */
@@ -157,12 +166,21 @@
 /*
  -  Variables - Stepper
  */
+/*
+ -  Variables - Side nav
+ */
 /*
  -  Variables - Grid & Tile
  */
 /*
  -  Variables - Pagination
  */
+/*
+ -  Variables - Nav
+ */
+/*
+ -  Variables - Layout
+ */
 .gov-spin-animation,
 .gov-pseudo-spin-animation::before {
   animation: spin 4s linear infinite;
@@ -173,18 +191,23 @@
     transform: rotate(360deg);
   }
 }
+@keyframes countdown {
+  to {
+    transform: scaleX(0);
+  }
+}
 /*
 *   Alert
 */
 .gov-alert {
   position: relative;
-  display: flex;
+  display: block;
   width: 100%;
 }
 .gov-alert__section {
   display: block;
   width: 100%;
-  max-width: var(--gov-container-width, 75rem);
+  max-width: calc(var(--gov-container-width, 73.75rem) + 2 * var(--gov-container-padding, 2.5rem));
   margin-right: auto;
   margin-left: auto;
   padding-right: var(--gov-container-padding-mobile, 1.25rem);
@@ -210,15 +233,15 @@
 .gov-alert__content {
   padding-right: 3.25rem;
 }
+.gov-alert__content > *:last-child {
+  margin-bottom: 0;
+}
 .gov-alert__content p {
   font-weight: var(--gov-text-m-font-weight);
   font-size: var(--gov-text-m-font-size);
   line-height: var(--gov-text-m-line-height);
   letter-spacing: var(--gov-text-m-letter-spacing);
 }
-.gov-alert__content p:last-child {
-  margin-bottom: 0 !important;
-}
 .gov-alert__content a {
   color: inherit;
 }
@@ -243,7 +266,7 @@
 }
 .gov-alert[variant=warning][inverse=""], .gov-alert[variant=warning][inverse=true i], .gov-alert[variant=warning][inverse="1"] {
   border-bottom: var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-alert-inverse-bg, var(--gov-color-secondary-100));
+  background-color: var(--gov-alert-inverse-bg, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=warning][inverse=""] .gov-alert__icon, .gov-alert[variant=warning][inverse=true i] .gov-alert__icon, .gov-alert[variant=warning][inverse="1"] .gov-alert__icon {
   color: var(--gov-alert-warning-bg-color, var(--gov-color-warning));
@@ -255,14 +278,14 @@
   background-color: var(--gov-alert-error-bg-color, var(--gov-color-error));
 }
 .gov-alert[variant=error] .gov-alert__icon {
-  color: var(--gov-alert-error-icon-color, var(--gov-color-secondary-100));
+  color: var(--gov-alert-error-icon-color, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=error] .gov-alert__content {
-  color: var(--gov-alert-error-text-color, var(--gov-color-secondary-100));
+  color: var(--gov-alert-error-text-color, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=error][inverse=""], .gov-alert[variant=error][inverse=true i], .gov-alert[variant=error][inverse="1"] {
   border-bottom: var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-alert-inverse-bg, var(--gov-color-secondary-100));
+  background-color: var(--gov-alert-inverse-bg, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=error][inverse=""] .gov-alert__icon, .gov-alert[variant=error][inverse=true i] .gov-alert__icon, .gov-alert[variant=error][inverse="1"] .gov-alert__icon {
   color: var(--gov-alert-error-bg-color, var(--gov-color-error));
@@ -274,14 +297,14 @@
   background-color: var(--gov-alert-secondary-bg-color, var(--gov-color-secondary));
 }
 .gov-alert[variant=secondary] .gov-alert__icon {
-  color: var(--gov-alert-secondary-icon-color, var(--gov-color-secondary-100));
+  color: var(--gov-alert-secondary-icon-color, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=secondary] .gov-alert__content {
-  color: var(--gov-alert-secondary-text-color, var(--gov-color-secondary-100));
+  color: var(--gov-alert-secondary-text-color, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=secondary][inverse=""], .gov-alert[variant=secondary][inverse=true i], .gov-alert[variant=secondary][inverse="1"] {
   border-bottom: var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-alert-inverse-bg, var(--gov-color-secondary-100));
+  background-color: var(--gov-alert-inverse-bg, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=secondary][inverse=""] .gov-alert__icon, .gov-alert[variant=secondary][inverse=true i] .gov-alert__icon, .gov-alert[variant=secondary][inverse="1"] .gov-alert__icon {
   color: var(--gov-alert-secondary-bg-color, var(--gov-color-secondary));
@@ -293,14 +316,14 @@
   background-color: var(--gov-alert-success-bg-color, var(--gov-color-success-500));
 }
 .gov-alert[variant=success] .gov-alert__icon {
-  color: var(--gov-alert-success-icon-color, var(--gov-color-secondary-100));
+  color: var(--gov-alert-success-icon-color, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=success] .gov-alert__content {
-  color: var(--gov-alert-success-text-color, var(--gov-color-secondary-100));
+  color: var(--gov-alert-success-text-color, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=success][inverse=""], .gov-alert[variant=success][inverse=true i], .gov-alert[variant=success][inverse="1"] {
   border-bottom: var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-alert-inverse-bg, var(--gov-color-secondary-100));
+  background-color: var(--gov-alert-inverse-bg, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=success][inverse=""] .gov-alert__icon, .gov-alert[variant=success][inverse=true i] .gov-alert__icon, .gov-alert[variant=success][inverse="1"] .gov-alert__icon {
   color: var(--gov-alert-success-bg-color, var(--gov-color-success-500));
@@ -312,14 +335,14 @@
   background-color: var(--gov-alert-primary-bg-color, var(--gov-color-primary));
 }
 .gov-alert[variant=primary] .gov-alert__icon {
-  color: var(--gov-alert-primary-icon-color, var(--gov-color-secondary-100));
+  color: var(--gov-alert-primary-icon-color, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=primary] .gov-alert__content {
-  color: var(--gov-alert-primary-text-color, var(--gov-color-secondary-100));
+  color: var(--gov-alert-primary-text-color, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=primary][inverse=""], .gov-alert[variant=primary][inverse=true i], .gov-alert[variant=primary][inverse="1"] {
   border-bottom: var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-alert-inverse-bg, var(--gov-color-secondary-100));
+  background-color: var(--gov-alert-inverse-bg, var(--gov-color-neutral-white));
 }
 .gov-alert[variant=primary][inverse=""] .gov-alert__icon, .gov-alert[variant=primary][inverse=true i] .gov-alert__icon, .gov-alert[variant=primary][inverse="1"] .gov-alert__icon {
   color: var(--gov-alert-primary-bg-color, var(--gov-color-primary));

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

@@ -18,10 +18,14 @@ export class GovAlert {
     this.validateVariant(this.variant);
   }
   render() {
-    var inverse = !this.inverse;
-    var variant = this.inverse || this.variant == "warning" ? "secondary" : this.variant;
+    let inverse = !this.inverse;
+    let variant = this.inverse ? 'secondary' : this.variant;
+    if (this.variant == 'warning') {
+      inverse = false;
+      variant = 'secondary';
+    }
     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: "cross" }))));
-    return (h(Host, { class: 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));
+    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() {

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,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAOxD,MAAM,OAAO,QAAQ;EAGpB;mBASwC,QAAQ,CAAC,OAAO;mBAIpB,KAAK;;oBAYH,KAAK;IAxB1C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EA2BD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;EAClD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EACnC,CAAC;EAID,MAAM;IACL,IAAI,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAC5B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IAErF,MAAM,WAAW,GAAG,CACnB,WAAK,KAAK,EAAE,UAAU,CAAC,KAAK;MAC3B,kBAAY,IAAI,EAAC,GAAG,gBAAa,IAAI,CAAC,cAAc,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QACxJ,gBAAU,IAAI,EAAC,OAAO,GAAY,CACtB,CACR,CACN,CAAA;IAED,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MAClD,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 } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { Variants } from '../../core/constants/variants'\nimport { VariantType } from './constants'\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 = Variants.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\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, AlertClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\n\n\trender() {\n\t\tvar inverse = !this.inverse;\n\t\tvar variant = this.inverse || this.variant == \"warning\" ? \"secondary\" : this.variant;\n\t\t\n\t\tconst closeButton = (\n\t\t\t<div class={AlertClass.close}>\n\t\t\t\t<gov-button size=\"s\" aria-label={this.wcagCloseLabel} type=\"base\" variant={variant} inverse={inverse} onClick={(e: PointerEvent) => this.govClose.emit(e)}>\n\t\t\t\t\t<gov-icon name=\"cross\"></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={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":"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,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAOxD,MAAM,OAAO,QAAQ;EAGpB;mBASwC,QAAQ,CAAC,OAAO;mBAIpB,KAAK;;oBAYH,KAAK;IAxB1C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EA0BD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;EAClD,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,CAAC;MAChB,OAAO,GAAG,WAAW,CAAC;KACtB;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,OAAO,GAAY,CACtB,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 } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { Variants } from '../../core/constants/variants'\nimport { VariantType } from './constants'\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 = Variants.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(Variants, 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=\"cross\"></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"]}

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

@@ -48,15 +48,15 @@
  -  Variables - Typography
  */
 /*
- -  Variables - Sizes
+ -  Variables - Variants
  */
-/* "Constants" for general usage */
 /*
- -  Variables - Variants
+ -  Variables - Container
  */
 /*
- -  Variables - Layout
+ -  Variables - Sizes
  */
+/* "Constants" for general usage */
 /*
  -  Variables - Accordion
  */
@@ -72,6 +72,9 @@
 /*
  -  Variables - Buttons (&& Badges)
  */
+/*
+ -  Variables - Breadcrumbs
+ */
 /*
  -  Variables - Classes
  */
@@ -84,9 +87,6 @@
 /*
  -  Variables - Card
  */
-/*
- -  Variables - Container
- */
 /*
  -  Variables - Message
  */
@@ -99,6 +99,9 @@
 /*
  -  Variables - Grid
  */
+/*
+ -  Variables - Tiles
+ */
 /*
  -  Variables - Modal & Prompt
  */
@@ -118,6 +121,9 @@
 /*
  -  Variables - Tooltip
  */
+/*
+ -  Variables - Loading
+ */
 /*
  -	Variables - Forms
  */
@@ -145,6 +151,9 @@
 /*
  -	Variables - Form checkbox & radio
  */
+/*
+ -  Variables - Form group
+ */
 /*
  -	Variables - Form file
  */
@@ -157,12 +166,21 @@
 /*
  -  Variables - Stepper
  */
+/*
+ -  Variables - Side nav
+ */
 /*
  -  Variables - Grid & Tile
  */
 /*
  -  Variables - Pagination
  */
+/*
+ -  Variables - Nav
+ */
+/*
+ -  Variables - Layout
+ */
 .gov-spin-animation,
 .gov-pseudo-spin-animation::before {
   animation: spin 4s linear infinite;
@@ -173,6 +191,11 @@
     transform: rotate(360deg);
   }
 }
+@keyframes countdown {
+  to {
+    transform: scaleX(0);
+  }
+}
 html,
 body {
   margin: 0;

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

@@ -1,69 +1,84 @@
-import { Router } from "@vaadin/router";
-import "../../pages/Home.ts";
-import "../../pages/Accordion.ts";
-import "../../pages/Alert.ts";
-import "../../pages/Badge.ts";
-import "../../pages/Button.ts";
-import "../../pages/Forms.ts";
-import "../../pages/FormsRestructure.ts";
-import "../../pages/Card.ts";
-import "../../pages/Cookiebar.ts";
-import "../../pages/Message.ts";
-import "../../pages/Empty.ts";
-import "../../pages/Error.ts";
-import "../../pages/FormLabel.ts";
-import "../../pages/FormMessage.ts";
-import "../../pages/Modal.ts";
-import "../../pages/Spacer.ts";
-import "../../pages/Statsbar.ts";
-import "../../pages/Stepper.ts";
-import "../../pages/Tabs.ts";
-import "../../pages/Tile.ts";
-import "../../pages/Tooltip.ts";
-import "../../pages/Typography.ts";
-import "../../pages/ToastMessage.ts";
-import "../../pages/Pagination.ts";
-import "../../pages/Prompt.ts";
-import "../../pages/SideNav.ts";
-import "../../pages/Wizzard.ts";
+import { Host, h } from "@stencil/core";
+import { Router } from '@vaadin/router';
+import '../../pages/Home.ts';
+import '../../pages/Accordion.ts';
+import '../../pages/Alert.ts';
+import '../../pages/Badge.ts';
+import '../../pages/Button.ts';
+import '../../pages/Breadcrumbs.ts';
+import '../../pages/Card.ts';
+import '../../pages/Cookiebar.ts';
+import '../../pages/Container.ts';
+import '../../pages/Empty.ts';
+import '../../pages/Error.ts';
+import '../../pages/Forms.ts';
+import '../../pages/FormsRestructure.ts';
+import '../../pages/FormLabel.ts';
+import '../../pages/FormMessage.ts';
+import '../../pages/Grid.ts';
+import '../../pages/Layout.ts';
+import '../../pages/Message.ts';
+import '../../pages/Modal.ts';
+import "../../pages/Loading.ts";
+import '../../pages/Nav.ts';
+import '../../pages/Pagination.ts';
+import '../../pages/Prompt.ts';
+import '../../pages/SideNav.ts';
+import '../../pages/Spacer.ts';
+import '../../pages/Statsbar.ts';
+import '../../pages/Stepper.ts';
+import '../../pages/Tabs.ts';
+import '../../pages/Tiles.js';
+import '../../pages/Tooltip.ts';
+import '../../pages/Typography.ts';
+import '../../pages/ToastMessage.ts';
+import '../../pages/ToastMessageCountdown.ts';
+import '../../pages/Wizzard.ts';
 export class GovApp {
   componentWillLoad() {
-    const outlet = document.getElementById("outlet");
-    outlet.innerHTML = "";
+    const outlet = document.getElementById('outlet');
+    outlet.innerHTML = '';
     const router = new Router(outlet);
     router.setRoutes([
-      { path: "/", component: "home-page" },
-      { path: "/alert", component: "alert-page" },
-      { path: "/accordion", component: "accordion-page" },
-      { path: "/badge", component: "badge-page" },
-      { path: "/button", component: "button-page" },
-      { path: "/card", component: "card-page" },
-      { path: "/message", component: "message-page" },
-      { path: "/cookiebar", component: "cookiebar-page" },
-      { path: "/empty", component: "empty-page" },
-      { path: "/error", component: "error-page" },
-      { path: "/forms", component: "forms-page" },
-      { path: "/forms-restructue", component: "forms-restructure-page" },
-      { path: "/modal", component: "modal-page" },
-      { path: "/spacer", component: "spacer-page" },
-      { path: "/statsbar", component: "statsbar-page" },
-      { path: "/tabs", component: "tabs-page" },
-      { path: "/tooltip", component: "tooltip-page" },
-      { path: "/tile", component: "tile-page" },
-      { path: "/typography", component: "typography-page" },
-      { path: "/form-message", component: "form-message-page" },
-      { path: "/form-label", component: "form-label-page" },
-      { path: "/toast-message", component: "toast-message-page" },
-      { path: "/stepper", component: "stepper-page" },
-      { path: "/pagination", component: "pagination-page" },
-      { path: "/prompt", component: "prompt-page" },
-      { path: "/wizzard", component: "wizzard-page" },
-      { path: "/side-nav", component: "side-nav-page" },
-      { path: "/grid", component: "grid-page" },
+      { path: '/', component: 'home-page' },
+      { path: '/alert', component: 'alert-page' },
+      { path: '/accordion', component: 'accordion-page' },
+      { path: '/badge', component: 'badge-page' },
+      { path: '/button', component: 'button-page' },
+      { path: '/breadcrumbs', component: 'breadcrumbs-page' },
+      { path: '/card', component: 'card-page' },
+      { path: '/message', component: 'message-page' },
+      { path: '/cookiebar', component: 'cookiebar-page' },
+      { path: '/container', component: 'container-page' },
+      { path: '/empty', component: 'empty-page' },
+      { path: '/error', component: 'error-page' },
+      { path: '/forms', component: 'forms-page' },
+      { path: '/forms-restructue', component: 'forms-restructure-page' },
+      { path: '/form-message', component: 'form-message-page' },
+      { path: '/form-label', component: 'form-label-page' },
+      { path: '/grid', component: 'grid-page' },
+      { path: "/loading", component: "loading-page" },
+      { path: '/modal', component: 'modal-page' },
+      { path: '/nav', component: 'nav-page' },
+      { path: '/spacer', component: 'spacer-page' },
+      { path: '/statsbar', component: 'statsbar-page' },
+      { path: '/stepper', component: 'stepper-page' },
+      { path: '/tabs', component: 'tabs-page' },
+      { path: '/tooltip', component: 'tooltip-page' },
+      { path: '/tiles', component: 'tiles-page' },
+      { path: '/typography', component: 'typography-page' },
+      { path: '/toast-message', component: 'toast-message-page' },
+      { path: '/toast-message-countdown', component: 'toast-message-countdown-page' },
+      { path: '/pagination', component: 'pagination-page' },
+      { path: '/prompt', component: 'prompt-page' },
+      { path: '/wizzard', component: 'wizzard-page' },
+      { path: '/side-nav', component: 'side-nav-page' },
+      { path: '/grid', component: 'grid-page' },
+      { path: '/layout', component: 'layout-page' },
     ]);
   }
   render() {
-    return [];
+    return h(Host, null);
   }
   static get is() { return "gov-app"; }
   static get originalStyleUrls() {

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

@@ -1 +1 @@
-{"version":3,"file":"gov-app.js","sourceRoot":"","sources":["../../../../../../src/components/gov-app/gov-app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component } from \"@stencil/core\"\nimport { Router } from \"@vaadin/router\"\nimport \"../../pages/Home.ts\"\nimport \"../../pages/Accordion.ts\"\nimport \"../../pages/Alert.ts\"\nimport \"../../pages/Badge.ts\"\nimport \"../../pages/Button.ts\"\nimport \"../../pages/Forms.ts\"\nimport \"../../pages/FormsRestructure.ts\"\nimport \"../../pages/Card.ts\"\nimport \"../../pages/Cookiebar.ts\"\nimport \"../../pages/Message.ts\"\nimport \"../../pages/Empty.ts\"\nimport \"../../pages/Error.ts\"\nimport \"../../pages/FormLabel.ts\"\nimport \"../../pages/FormMessage.ts\"\nimport \"../../pages/Modal.ts\"\nimport \"../../pages/Spacer.ts\"\nimport \"../../pages/Statsbar.ts\"\nimport \"../../pages/Stepper.ts\"\nimport \"../../pages/Tabs.ts\"\nimport \"../../pages/Tile.ts\"\nimport \"../../pages/Tooltip.ts\"\nimport \"../../pages/Typography.ts\"\nimport \"../../pages/ToastMessage.ts\"\nimport \"../../pages/Pagination.ts\"\nimport \"../../pages/Prompt.ts\"\nimport \"../../pages/SideNav.ts\"\nimport \"../../pages/Wizzard.ts\"\n\n@Component({\n\ttag: \"gov-app\",\n\tstyleUrl: \"gov-app.scss\",\n\tshadow: false,\n})\nexport class GovApp {\n\tcomponentWillLoad() {\n\t\tconst outlet = document.getElementById(\"outlet\")\n\t\toutlet.innerHTML = \"\"\n\t\tconst router = new Router(outlet)\n\t\trouter.setRoutes([\n\t\t\t{ path: \"/\", component: \"home-page\" },\n\t\t\t{ path: \"/alert\", component: \"alert-page\" },\n\t\t\t{ path: \"/accordion\", component: \"accordion-page\" },\n\t\t\t{ path: \"/badge\", component: \"badge-page\" },\n\t\t\t{ path: \"/button\", component: \"button-page\" },\n\t\t\t{ path: \"/card\", component: \"card-page\" },\n\t\t\t{ path: \"/message\", component: \"message-page\" },\n\t\t\t{ path: \"/cookiebar\", component: \"cookiebar-page\" },\n\t\t\t{ path: \"/empty\", component: \"empty-page\" },\n\t\t\t{ path: \"/error\", component: \"error-page\" },\n\t\t\t{ path: \"/forms\", component: \"forms-page\" },\n\t\t\t{ path: \"/forms-restructue\", component: \"forms-restructure-page\" },\n\t\t\t{ path: \"/modal\", component: \"modal-page\" },\n\t\t\t{ path: \"/spacer\", component: \"spacer-page\" },\n\t\t\t{ path: \"/statsbar\", component: \"statsbar-page\" },\n\t\t\t{ path: \"/tabs\", component: \"tabs-page\" },\n\t\t\t{ path: \"/tooltip\", component: \"tooltip-page\" },\n\t\t\t{ path: \"/tile\", component: \"tile-page\" },\n\t\t\t{ path: \"/typography\", component: \"typography-page\" },\n\t\t\t{ path: \"/form-message\", component: \"form-message-page\" },\n\t\t\t{ path: \"/form-label\", component: \"form-label-page\" },\n\t\t\t{ path: \"/toast-message\", component: \"toast-message-page\" },\n\t\t\t{ path: \"/stepper\", component: \"stepper-page\" },\n\t\t\t{ path: \"/pagination\", component: \"pagination-page\" },\n\t\t\t{ path: \"/prompt\", component: \"prompt-page\" },\n\t\t\t{ path: \"/wizzard\", component: \"wizzard-page\" },\n\t\t\t{ path: \"/side-nav\", component: \"side-nav-page\" },\n\t\t\t{ path: \"/grid\", component: \"grid-page\" },\n\t\t])\n\t}\n\n\trender() {\n\t\treturn []\n\t}\n}\n"]}
+{"version":3,"file":"gov-app.js","sourceRoot":"","sources":["../../../../../../src/components/gov-app/gov-app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h } from \"@stencil/core\";\nimport { Router } from '@vaadin/router'\nimport '../../pages/Home.ts'\nimport '../../pages/Accordion.ts'\nimport '../../pages/Alert.ts'\nimport '../../pages/Badge.ts'\nimport '../../pages/Button.ts'\nimport '../../pages/Breadcrumbs.ts'\nimport '../../pages/Card.ts'\nimport '../../pages/Cookiebar.ts'\nimport '../../pages/Container.ts'\nimport '../../pages/Empty.ts'\nimport '../../pages/Error.ts'\nimport '../../pages/Forms.ts'\nimport '../../pages/FormsRestructure.ts'\nimport '../../pages/FormLabel.ts'\nimport '../../pages/FormMessage.ts'\nimport '../../pages/Grid.ts'\nimport '../../pages/Layout.ts'\nimport '../../pages/Message.ts'\nimport '../../pages/Modal.ts'\nimport \"../../pages/Loading.ts\"\nimport '../../pages/Nav.ts'\nimport '../../pages/Pagination.ts'\nimport '../../pages/Prompt.ts'\nimport '../../pages/SideNav.ts'\nimport '../../pages/Spacer.ts'\nimport '../../pages/Statsbar.ts'\nimport '../../pages/Stepper.ts'\nimport '../../pages/Tabs.ts'\nimport '../../pages/Tiles.js'\nimport '../../pages/Tooltip.ts'\nimport '../../pages/Typography.ts'\nimport '../../pages/ToastMessage.ts'\nimport '../../pages/ToastMessageCountdown.ts'\nimport '../../pages/Wizzard.ts'\n\n@Component({\n\ttag: 'gov-app',\n\tstyleUrl: 'gov-app.scss',\n\tshadow: false,\n})\nexport class GovApp {\n\tcomponentWillLoad() {\n\t\tconst outlet = document.getElementById('outlet')\n\t\toutlet.innerHTML = ''\n\t\tconst router = new Router(outlet)\n\t\trouter.setRoutes([\n\t\t\t{ path: '/', component: 'home-page' },\n\t\t\t{ path: '/alert', component: 'alert-page' },\n\t\t\t{ path: '/accordion', component: 'accordion-page' },\n\t\t\t{ path: '/badge', component: 'badge-page' },\n\t\t\t{ path: '/button', component: 'button-page' },\n\t\t\t{ path: '/breadcrumbs', component: 'breadcrumbs-page' },\n\t\t\t{ path: '/card', component: 'card-page' },\n\t\t\t{ path: '/message', component: 'message-page' },\n\t\t\t{ path: '/cookiebar', component: 'cookiebar-page' },\n\t\t\t{ path: '/container', component: 'container-page' },\n\t\t\t{ path: '/empty', component: 'empty-page' },\n\t\t\t{ path: '/error', component: 'error-page' },\n\t\t\t{ path: '/forms', component: 'forms-page' },\n\t\t\t{ path: '/forms-restructue', component: 'forms-restructure-page' },\n\t\t\t{ path: '/form-message', component: 'form-message-page' },\n\t\t\t{ path: '/form-label', component: 'form-label-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: \"/loading\", component: \"loading-page\" },\n\t\t\t{ path: '/modal', component: 'modal-page' },\n\t\t\t{ path: '/nav', component: 'nav-page' },\n\t\t\t{ path: '/spacer', component: 'spacer-page' },\n\t\t\t{ path: '/statsbar', component: 'statsbar-page' },\n\t\t\t{ path: '/stepper', component: 'stepper-page' },\n\t\t\t{ path: '/tabs', component: 'tabs-page' },\n\t\t\t{ path: '/tooltip', component: 'tooltip-page' },\n\t\t\t{ path: '/tiles', component: 'tiles-page' },\n\t\t\t{ path: '/typography', component: 'typography-page' },\n\t\t\t{ path: '/toast-message', component: 'toast-message-page' },\n\t\t\t{ path: '/toast-message-countdown', component: 'toast-message-countdown-page' },\n\t\t\t{ path: '/pagination', component: 'pagination-page' },\n\t\t\t{ path: '/prompt', component: 'prompt-page' },\n\t\t\t{ path: '/wizzard', component: 'wizzard-page' },\n\t\t\t{ path: '/side-nav', component: 'side-nav-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: '/layout', component: 'layout-page' },\n\t\t])\n\t}\n\n\trender() {\n\t\treturn <Host />\n\t}\n}\n"]}

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

@@ -1,9 +1,12 @@
 export const AttachmentsClass = {
-  root: "gov-attachments",
-  label: "gov-attachments__label",
+  root: 'gov-attachments',
+  label: 'gov-attachments__label',
+  list: 'gov-attachments__list',
 };
 export const AttachmentsItemClass = {
   root: 'gov-attachments-item',
   name: 'gov-attachments-item__name',
+  file: 'gov-attachments-item__file',
+  messages: 'gov-attachments-item__messages',
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-attachments/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;EAC/B,IAAI,EAAE,iBAAiB;EACvB,KAAK,EAAE,wBAAwB;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;EACnC,IAAI,EAAE,sBAAsB;EAC5B,IAAI,EAAE,4BAA4B;CAClC,CAAA","sourcesContent":["export const AttachmentsClass = {\n\troot: \"gov-attachments\",\n\tlabel: \"gov-attachments__label\",\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-attachments/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;EAC/B,IAAI,EAAE,iBAAiB;EACvB,KAAK,EAAE,wBAAwB;EAC/B,IAAI,EAAE,uBAAuB;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;EACnC,IAAI,EAAE,sBAAsB;EAC5B,IAAI,EAAE,4BAA4B;EAClC,IAAI,EAAE,4BAA4B;EAClC,QAAQ,EAAE,gCAAgC;CAC1C,CAAA","sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n"]}