@gov-design-system-ce/components 4.0.4 → 4.0.5

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

@@ -1,388 +0,0 @@
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* [Core] - Buttons
------------------------------------------------------------------- */
-/*
- * Gets color from theme-colors or from palette-colors
- */
-/*
- * Converts hex value to rgb colors value
- */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/*
- * Generates list of utility classes for margin, padding
- *
- * Make sure $list of definitions is sorted so that last item is defined last
- * So largest views are mentioned last.
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Layout
- */
-/**
-* Utilities - Offset
-*/
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/**
-* Generates CSS3 var with button value
-*/
-/*
- -  Variables - General
- */
-/*
- -  Variables - Typography
- */
-/*
- -  Variables - Variants
- */
-/*
- -  Variables - Container
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Accordion
- */
-/*
- -  Variables - Attachments
- */
-/*
- -  Variables - Infobar
- */
-/*
- -  Variables - Backdrop
- */
-/*
- -  Variables - Buttons (&& Chips)
- */
-/*
- -  Variables - Breadcrumbs
- */
-/*
- -  Variables - Classes
- */
-/*
- -  Variables - Colors
- */
-/*
- -	Variables - Control Group
- */
-/*
- -  Variables - Cookiebar
- */
-/*
- -  Variables - Dropdown
- */
-/*
- -  Variables - Card
- */
-/*
- -  Variables - Message
- */
-/*
- -  Variables - Empty
- */
-/*
- -  Variables - Error code
- */
-/*
- -  Variables - Grid
- */
-/*
- -  Variables - Tiles
- */
-/*
- -  Variables - Modal & Prompt
- */
-/**
-* Utilities - Offset
-*/
-/*
- -  Variables - shadows
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Statsbar
- */
-/*
- -  Variables - Tabs
- */
-/*
- -  Variables - Tooltip
- */
-/*
- -  Variables - Loading
- */
-/*
- -	Variables - Forms
- */
-/*
- -  Variables - Form Autocomplete
- */
-/*
- -  Variables - Form Message
- */
-/*
- -	Variables - Form label
- */
-/*
- -	Variables - Form switch
- */
-/*
- -	Variables - Form select
- */
-/*
- -	Variables - Form input
- */
-/*
- -	Variables - Form multiselect
- */
-/*
- -	Variables - Form password power
- */
-/*
- -	Variables - Form checkbox & radio
- */
-/*
- -  Variables - Form group
- */
-/*
- -	Variables - Form file
- */
-/*
- -  Variables - Toast Message
- */
-/*
- -  Variables - Wizard
- */
-/*
- -  Variables - Stepper
- */
-/*
- -  Variables - Side nav
- */
-/*
- -  Variables - Grid & Tile
- */
-/*
- -  Variables - Pagination
- */
-/*
- -  Variables - Nav
- */
-/*
- -  Variables - Layout
- */
-/*
- -  Variables - Tag
- */
-.gov-spin-animation,
-.gov-pseudo-spin-animation::before {
-  animation: spin 4s linear infinite;
-}
-
-@keyframes spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes countdown {
-  to {
-    transform: scaleX(0);
-  }
-}
-@keyframes progress {
-  0% {
-    background-position: -200px 0;
-  }
-  100% {
-    background-position: calc(200px + 100%) 0;
-  }
-}
-@keyframes pulse {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-/*
-*   Infobar
-*/
-.gov-infobar {
-  position: relative;
-  display: block;
-  width: 100%;
-}
-.gov-infobar__section {
-  display: flex;
-  gap: 1rem;
-  padding: 1rem;
-}
-.gov-infobar__icon {
-  flex: 0 0 auto;
-}
-.gov-infobar__icon > * {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.gov-infobar__headline {
-  display: flex;
-  gap: 1rem;
-}
-.gov-infobar__headline + div {
-  margin-top: 0.5rem;
-}
-.gov-infobar__headline p {
-  margin-bottom: 0;
-}
-.gov-infobar__headline gov-button {
-  margin-top: -0.25rem;
-}
-.gov-infobar__content {
-  width: 100%;
-}
-.gov-infobar__content > *:last-child {
-  margin-bottom: 0;
-}
-.gov-infobar__content--closable {
-  padding-right: 3.5rem;
-}
-.gov-infobar__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-infobar__content a {
-  color: inherit;
-}
-@media not all and (pointer: coarse) {
-  .gov-infobar__content a:hover {
-    color: inherit;
-  }
-}
-.gov-infobar__content a .gov-icon {
-  color: inherit;
-}
-.gov-infobar__close {
-  position: absolute;
-  top: 0.875rem;
-  right: 1rem;
-}
-.gov-infobar[variant=warning] {
-  background-color: var(--gov-infobar-warning-bg-color, var(--gov-color-warning));
-}
-.gov-infobar[variant=warning] .gov-infobar__icon {
-  color: var(--gov-infobar-warning-icon-color, var(--gov-color-secondary));
-}
-.gov-infobar[variant=warning] .gov-infobar__content {
-  color: var(--gov-infobar-warning-text-color, var(--gov-color-secondary));
-}
-.gov-infobar[variant=warning][inverse=""], .gov-infobar[variant=warning][inverse=true i], .gov-infobar[variant=warning][inverse="1"] {
-  border-bottom: var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=warning][inverse=""] .gov-infobar__icon, .gov-infobar[variant=warning][inverse=true i] .gov-infobar__icon, .gov-infobar[variant=warning][inverse="1"] .gov-infobar__icon {
-  color: var(--gov-infobar-warning-bg-color, var(--gov-color-warning));
-}
-.gov-infobar[variant=warning][inverse=""] .gov-infobar__content, .gov-infobar[variant=warning][inverse=true i] .gov-infobar__content, .gov-infobar[variant=warning][inverse="1"] .gov-infobar__content {
-  color: var(--gov-infobar-inverse-color, var(--gov-color-secondary-800));
-}
-.gov-infobar[variant=error] {
-  background-color: var(--gov-infobar-error-bg-color, var(--gov-color-error));
-}
-.gov-infobar[variant=error] .gov-infobar__icon {
-  color: var(--gov-infobar-error-icon-color, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=error] .gov-infobar__content {
-  color: var(--gov-infobar-error-text-color, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=error][inverse=""], .gov-infobar[variant=error][inverse=true i], .gov-infobar[variant=error][inverse="1"] {
-  border-bottom: var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=error][inverse=""] .gov-infobar__icon, .gov-infobar[variant=error][inverse=true i] .gov-infobar__icon, .gov-infobar[variant=error][inverse="1"] .gov-infobar__icon {
-  color: var(--gov-infobar-error-bg-color, var(--gov-color-error));
-}
-.gov-infobar[variant=error][inverse=""] .gov-infobar__content, .gov-infobar[variant=error][inverse=true i] .gov-infobar__content, .gov-infobar[variant=error][inverse="1"] .gov-infobar__content {
-  color: var(--gov-infobar-inverse-color, var(--gov-color-secondary-800));
-}
-.gov-infobar[variant=secondary] {
-  background-color: var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary));
-}
-.gov-infobar[variant=secondary] .gov-infobar__icon {
-  color: var(--gov-infobar-secondary-icon-color, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=secondary] .gov-infobar__content {
-  color: var(--gov-infobar-secondary-text-color, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=secondary][inverse=""], .gov-infobar[variant=secondary][inverse=true i], .gov-infobar[variant=secondary][inverse="1"] {
-  border-bottom: var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=secondary][inverse=""] .gov-infobar__icon, .gov-infobar[variant=secondary][inverse=true i] .gov-infobar__icon, .gov-infobar[variant=secondary][inverse="1"] .gov-infobar__icon {
-  color: var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary));
-}
-.gov-infobar[variant=secondary][inverse=""] .gov-infobar__content, .gov-infobar[variant=secondary][inverse=true i] .gov-infobar__content, .gov-infobar[variant=secondary][inverse="1"] .gov-infobar__content {
-  color: var(--gov-infobar-inverse-color, var(--gov-color-secondary-800));
-}
-.gov-infobar[variant=success] {
-  background-color: var(--gov-infobar-success-bg-color, var(--gov-color-success-500));
-}
-.gov-infobar[variant=success] .gov-infobar__icon {
-  color: var(--gov-infobar-success-icon-color, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=success] .gov-infobar__content {
-  color: var(--gov-infobar-success-text-color, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=success][inverse=""], .gov-infobar[variant=success][inverse=true i], .gov-infobar[variant=success][inverse="1"] {
-  border-bottom: var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=success][inverse=""] .gov-infobar__icon, .gov-infobar[variant=success][inverse=true i] .gov-infobar__icon, .gov-infobar[variant=success][inverse="1"] .gov-infobar__icon {
-  color: var(--gov-infobar-success-bg-color, var(--gov-color-success-500));
-}
-.gov-infobar[variant=success][inverse=""] .gov-infobar__content, .gov-infobar[variant=success][inverse=true i] .gov-infobar__content, .gov-infobar[variant=success][inverse="1"] .gov-infobar__content {
-  color: var(--gov-infobar-inverse-color, var(--gov-color-secondary-800));
-}
-.gov-infobar[variant=primary] {
-  background-color: var(--gov-infobar-primary-bg-color, var(--gov-color-primary));
-}
-.gov-infobar[variant=primary] .gov-infobar__icon {
-  color: var(--gov-infobar-primary-icon-color, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=primary] .gov-infobar__content {
-  color: var(--gov-infobar-primary-text-color, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=primary][inverse=""], .gov-infobar[variant=primary][inverse=true i], .gov-infobar[variant=primary][inverse="1"] {
-  border-bottom: var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));
-  background-color: var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white));
-}
-.gov-infobar[variant=primary][inverse=""] .gov-infobar__icon, .gov-infobar[variant=primary][inverse=true i] .gov-infobar__icon, .gov-infobar[variant=primary][inverse="1"] .gov-infobar__icon {
-  color: var(--gov-infobar-primary-bg-color, var(--gov-color-primary));
-}
-.gov-infobar[variant=primary][inverse=""] .gov-infobar__content, .gov-infobar[variant=primary][inverse=true i] .gov-infobar__content, .gov-infobar[variant=primary][inverse="1"] .gov-infobar__content {
-  color: var(--gov-infobar-inverse-color, var(--gov-color-secondary-800));
-}

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

@@ -1,246 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { govHost, toBoolAttr } from "../../helpers/Dom/template";
-import { canValidateWcagOnRender } from "../../helpers/Dom/win";
-import Fragment from "../../helpers/Fragment";
-import { validateProp } from "../../helpers/Validate/props";
-import { validateWcagProp } from "../../helpers/Validate/wcag";
-import { delay } from "../../utils/utils";
-import { InfobarClass, InfobarVariants } from "./constants";
-export class GovInfobar {
-  constructor() {
-    this.headline = undefined;
-    this.variant = 'primary';
-    this.inverse = false;
-    this.wcagCloseLabel = 'Zavřít informační lištu';
-    this.wcagToggleLabel = 'Zobrazit více informací';
-    this.closable = false;
-    this.toggleContent = false;
-    this.h = govHost(this.host);
-  }
-  validateVariant(newValue) {
-    validateProp(InfobarVariants, newValue, InfobarClass.root);
-  }
-  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') {
-      inverse = false;
-      variant = 'secondary';
-    }
-    const closeButton = (h("div", { class: InfobarClass.close }, h("gov-button", { size: "s", wcagLabel: 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(InfobarClass.root), variant: this.variant }, h("section", { class: InfobarClass.section, role: "infobar" }, this.h.hasSlot('icon') && (h("div", { class: InfobarClass.icon }, h("slot", { name: "icon" }))), h("div", { class: InfobarClass.content + (this.closable ? ' ' + InfobarClass.closable : '') }, this.headline ? (h(Fragment, null, h("div", { class: InfobarClass.headline }, h("p", null, this.headline), h("gov-button", { size: "s", wcagLabel: 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: InfobarClass.root,
-      ref: this.host,
-      originalEvent: e,
-    });
-  }
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  async validateWcag() {
-    if (this.closable) {
-      validateWcagProp(this.wcagCloseLabel, 'wcag-close-label', InfobarClass.root);
-    }
-    if (this.headline) {
-      validateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', InfobarClass.root);
-    }
-  }
-  static get is() { return "gov-infobar"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gov-infobar.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gov-infobar.css"]
-    };
-  }
-  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,
-        "complexType": {
-          "original": "VariantType",
-          "resolved": "\"error\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
-          "references": {
-            "VariantType": {
-              "location": "import",
-              "path": "./constants",
-              "id": "../../../packages/core/src/components/gov-infobar/constants.ts::VariantType"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Style variation of the button."
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'primary'"
-      },
-      "inverse": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Determine if component should have inverse colors to be used on dark background"
-        },
-        "attribute": "inverse",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "wcagCloseLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Aria label for the closing button. It is mandatory if the infobar is closable"
-        },
-        "attribute": "wcag-close-label",
-        "reflect": false,
-        "defaultValue": "'Zav\u0159\u00EDt informa\u010Dn\u00ED li\u0161tu'"
-      },
-      "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 infobar has headline"
-        },
-        "attribute": "wcag-toggle-label",
-        "reflect": false,
-        "defaultValue": "'Zobrazit v\u00EDce informac\u00ED'"
-      },
-      "closable": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Displays the option to close the infobar"
-        },
-        "attribute": "closable",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "toggleContent": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "govClose",
-        "name": "gov-close",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Called when the close button is clicked"
-        },
-        "complexType": {
-          "original": "InfobarEvent",
-          "resolved": "InfobarEvent",
-          "references": {
-            "InfobarEvent": {
-              "location": "import",
-              "path": "./gov-infobar.types",
-              "id": "../../../packages/core/src/components/gov-infobar/gov-infobar.types.ts::InfobarEvent"
-            }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "validateWcag": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Validate the WCAG attributes of the component",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "variant",
-        "methodName": "validateVariant"
-      }];
-  }
-}
-//# sourceMappingURL=gov-infobar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gov-infobar.js","sourceRoot":"","sources":["../../../../../../src/components/gov-infobar/gov-infobar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core'\nimport { govHost, toBoolAttr } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport Fragment from '../../helpers/Fragment'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { delay } from '../../utils/utils'\nimport { ButtonEvent } from '../gov-button/button/gov-button.types'\nimport { InfobarClass, InfobarVariants, VariantType } from './constants'\nimport { InfobarEvent } from './gov-infobar.types'\n\n@Component({\n\ttag: 'gov-infobar',\n\tstyleUrl: 'gov-infobar.scss',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\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 infobar is closable\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) readonly wcagCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({ attribute: 'wcag-toggle-label' }) readonly wcagToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\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(InfobarVariants, newValue, InfobarClass.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={InfobarClass.close}>\n\t\t\t\t<gov-button size=\"s\" wcagLabel={this.wcagCloseLabel} type=\"base\" variant={variant} inverse={inverse} on-gov-click={this.onCloseHandler.bind(this)}>\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(InfobarClass.root)} variant={this.variant}>\n\t\t\t\t<section class={InfobarClass.section} role=\"infobar\">\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={InfobarClass.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={InfobarClass.content + (this.closable ? ' ' + InfobarClass.closable : '')}>\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={InfobarClass.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\twcagLabel={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: InfobarClass.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', InfobarClass.root)\n\t\t}\n\t\tif (this.headline) {\n\t\t\tvalidateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', InfobarClass.root)\n\t\t}\n\t}\n}\n"]}

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

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

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

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

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

@@ -1,19 +0,0 @@
-export const LayoutClass = {
-  root: 'gov-layout',
-  section: 'gov-layout__section',
-};
-var LayoutTypes;
-(function (LayoutTypes) {
-  LayoutTypes["STRETCH"] = "stretch";
-  LayoutTypes["ASIDE"] = "aside";
-  LayoutTypes["TEXT"] = "text";
-})(LayoutTypes || (LayoutTypes = {}));
-var LayoutVariant;
-(function (LayoutVariant) {
-  LayoutVariant["LEFT"] = "left";
-  LayoutVariant["RIGHT"] = "right";
-})(LayoutVariant || (LayoutVariant = {}));
-export const LayoutColumnClass = {
-  root: 'gov-layout-column',
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-layout/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;EAC1B,IAAI,EAAE,YAAY;EAClB,OAAO,EAAE,qBAAqB;CAC9B,CAAA;AAED,IAAK,WAIJ;AAJD,WAAK,WAAW;EACf,kCAAmB,CAAA;EACnB,8BAAe,CAAA;EACf,4BAAa,CAAA;AACd,CAAC,EAJI,WAAW,KAAX,WAAW,QAIf;AAGD,IAAK,aAGJ;AAHD,WAAK,aAAa;EACjB,8BAAa,CAAA;EACb,gCAAe,CAAA;AAChB,CAAC,EAHI,aAAa,KAAb,aAAa,QAGjB;AAID,MAAM,CAAC,MAAM,iBAAiB,GAAG;EAChC,IAAI,EAAE,mBAAmB;CACzB,CAAA","sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nexport const LayoutClass = {\n\troot: 'gov-layout',\n\tsection: 'gov-layout__section',\n}\n\nenum LayoutTypes {\n\tSTRETCH = 'stretch',\n\tASIDE = 'aside',\n\tTEXT = 'text',\n}\nexport type LayoutType = `${ValueOf<typeof LayoutTypes>}`\n\nenum LayoutVariant {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type LayoutVariantType = `${ValueOf<typeof LayoutVariant>}`\n\nexport const LayoutColumnClass = {\n\troot: 'gov-layout-column',\n}\n"]}