@gov-design-system-ce/components 0.0.58 → 0.0.59

package/dist/types/components/gov-app/gov-app.d.ts

@@ -1,5 +1,5 @@
 import '../../pages/Accordion';
-import '../../pages/Alert';
+import '../../pages/Infobar';
 import '../../pages/Badge';
 import '../../pages/Breadcrumbs';
 import '../../pages/Button';

package/dist/types/components/gov-backdrop/gov-backdrop.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class GovBackdrop {
   private h;
   constructor();
-  host: HTMLGovAlertElement;
+  host: HTMLGovBackdropElement;
   /**
    * Determine if component should have inverse colors to be used on dark background.
    */

package/dist/types/components/gov-infobar/default/constants.d.ts

@@ -0,0 +1,12 @@
+import { Variants } from '../../../core/constants/variants';
+import { ValueOf } from '../../../types/interfaces';
+export declare const InfobarVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export type VariantType = `${ValueOf<typeof InfobarVariants>}`;
+export declare const InfobarClass: {
+  root: string;
+  section: string;
+  icon: string;
+  content: string;
+  headline: string;
+  close: string;
+};

package/dist/types/components/{gov-alert/gov-alert.d.ts → gov-infobar/default/gov-infobar.d.ts}

@@ -1,11 +1,11 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from "../../../stencil-public-runtime";
 import { VariantType } from "./constants";
-import { AlertEvent } from "./gov-alert.types";
-import { ButtonEvent } from "../gov-button/default/gov-button.types";
-export declare class GovAlert {
+import { InfobarEvent } from "./gov-infobar.types";
+import { ButtonEvent } from "../../gov-button/default/gov-button.types";
+export declare class GovInfobar {
   private h;
   constructor();
-  host: HTMLGovAlertElement;
+  host: HTMLGovInfobarElement;
   /**
    * Style variation of the button.
    */
@@ -19,19 +19,19 @@ export declare class GovAlert {
    */
   readonly inverse: boolean;
   /**
-   * Aria label for the closing button. It is mandatory if the alert is closable
+   * Aria label for the closing button. It is mandatory if the infobar is closable
    */
   readonly wcagCloseLabel: string;
   /**
-   * Aria label for the toggle button. It is mandatory if the alert has headline
+   * Aria label for the toggle button. It is mandatory if the infobar has headline
    */
   readonly wcagToggleLabel: string;
   /**
    * Called when the close button is clicked
    */
-  govClose: EventEmitter<AlertEvent>;
+  govClose: EventEmitter<InfobarEvent>;
   /**
-   * Displays the option to close the alert
+   * Displays the option to close the infobar
    */
   readonly closable?: boolean;
   toggleContent: boolean;

package/dist/types/components/gov-infobar/default/gov-infobar.types.d.ts

@@ -0,0 +1,4 @@
+import { GovBaseEvent } from "../../../types/event.types";
+export interface InfobarEvent extends GovBaseEvent {
+  ref: HTMLGovInfobarElement;
+}

package/dist/types/components/gov-tooltip/gov-tooltip-content.d.ts

@@ -1,10 +1,28 @@
+import { TooltipSizeType, TooltipVariantType } from "./constants";
 export declare class GovTooltipContent {
   private timeout;
   host: HTMLGovTooltipContentElement;
+  /**
+   * Style variation of the tooltip
+   */
+  readonly variant?: TooltipVariantType;
+  /**
+   * Tooltip’s size.
+   */
+  readonly size?: TooltipSizeType;
+  /**
+   * Tooltip is still visible.
+   */
+  persist?: boolean;
+  /**
+   * Indicates display of tooltip content
+   */
+  isVisible: boolean;
   /**
    * Indicates display of tooltip content
    */
-  readonly isVisible: boolean;
+  parentId: string;
   visibleContent(newValue: boolean): void;
+  hideContent(): void;
   render(): any;
 }

package/dist/types/components/gov-tooltip/gov-tooltip.d.ts

@@ -1,7 +1,8 @@
-import { TooltipPositionType, TooltipSizeType, TooltipVariantType } from './constants';
+import { TooltipPositionType, TooltipSizeType, TooltipVariantType } from "./constants";
 export declare class GovTooltip {
   private h;
   private content;
+  private readonly tooltipContentId;
   private readonly tooltipId;
   constructor();
   host: HTMLGovTooltipElement;
@@ -18,7 +19,7 @@ export declare class GovTooltip {
    */
   position: TooltipPositionType;
   /**
-   * Information contained in the tolltip
+   * Information contained in the tooltip
    */
   readonly message: string;
   /**
@@ -29,22 +30,25 @@ export declare class GovTooltip {
    * Trigger is just an icon
    */
   readonly icon: boolean;
+  persist: boolean;
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
   validatePosition(newValue: string): void;
   componentWillLoad(): void;
+  disconnectedCallback(): void;
   private createContentWrapper;
   private registerListeners;
   private verifyPositionSpace;
   private showTooltip;
   private hideTooltip;
+  private removeContent;
   render(): any;
   /**
    * Showing the modal
    */
   show(): Promise<void>;
   /**
-   * Hidding the modal
+   * Hiding the modal
    */
   hide(): Promise<void>;
 }

package/dist/types/components.d.ts

@@ -7,8 +7,6 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccordionSizeType, AccordionVariantType } from "./components/gov-accordion/constants";
 import { AccordionEvent, AccordionItemEvent } from "./components/gov-accordion/gov-accordion.types";
-import { VariantType } from "./components/gov-alert/constants";
-import { AlertEvent } from "./components/gov-alert/gov-alert.types";
 import { ButtonSizesType, ButtonTargetType, ButtonVariantType, NativeTypesType as NativeTypesType1, TypesType } from "./components/gov-button/default/constants";
 import { NativeTypesType } from "./components/gov-badge/constants";
 import { GovBreadcrumbsChangeEvent } from "./components/gov-breadcrumbs/gov-breadcrumbs.d";
@@ -17,7 +15,7 @@ import { GovCardChangeEvent } from "./components/gov-card/interfaces";
 import { ControlGroupVariantType } from "./components/gov-control-group/constants";
 import { PositionType } from "./components/gov-button/dropdown/constants";
 import { DropdownEvent } from "./components/gov-button/dropdown/gov-dropdown.types";
-import { SizesType, VariantType as VariantType1 } from "./components/gov-form/autocomplete/constants";
+import { SizesType, VariantType } from "./components/gov-form/autocomplete/constants";
 import { FormAutocompleteEvent, GovFormAutocompleteItem } from "./components/gov-form/autocomplete/gov-form-autocomplete.types";
 import { FormCheckboxSizesType } from "./components/gov-form/checkbox/constants";
 import { FormCheckboxEvent } from "./components/gov-form/checkbox/gov-form-checkbox.types";
@@ -39,6 +37,8 @@ import { FormSelectEvent } from "./components/gov-form/select/gov-form-select.ty
 import { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 import { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
 import { Type as Type1 } from "./components/gov-icon/constants";
+import { VariantType as VariantType1 } from "./components/gov-infobar/default/constants";
+import { InfobarEvent } from "./components/gov-infobar/default/gov-infobar.types";
 import { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
 import { MessageVariantType } from "./components/gov-message/constants";
 import { PaginationSizeType, PaginationType, PaginationVariantType } from "./components/gov-pagination/constants";
@@ -57,8 +57,6 @@ import { GovWizardItemChangeEvent } from "./components/gov-wizard/gov-wizard-ite
 import { WizardItemEvent } from "./components/gov-wizard/gov-wizard-item.types";
 export { AccordionSizeType, AccordionVariantType } from "./components/gov-accordion/constants";
 export { AccordionEvent, AccordionItemEvent } from "./components/gov-accordion/gov-accordion.types";
-export { VariantType } from "./components/gov-alert/constants";
-export { AlertEvent } from "./components/gov-alert/gov-alert.types";
 export { ButtonSizesType, ButtonTargetType, ButtonVariantType, NativeTypesType as NativeTypesType1, TypesType } from "./components/gov-button/default/constants";
 export { NativeTypesType } from "./components/gov-badge/constants";
 export { GovBreadcrumbsChangeEvent } from "./components/gov-breadcrumbs/gov-breadcrumbs.d";
@@ -67,7 +65,7 @@ export { GovCardChangeEvent } from "./components/gov-card/interfaces";
 export { ControlGroupVariantType } from "./components/gov-control-group/constants";
 export { PositionType } from "./components/gov-button/dropdown/constants";
 export { DropdownEvent } from "./components/gov-button/dropdown/gov-dropdown.types";
-export { SizesType, VariantType as VariantType1 } from "./components/gov-form/autocomplete/constants";
+export { SizesType, VariantType } from "./components/gov-form/autocomplete/constants";
 export { FormAutocompleteEvent, GovFormAutocompleteItem } from "./components/gov-form/autocomplete/gov-form-autocomplete.types";
 export { FormCheckboxSizesType } from "./components/gov-form/checkbox/constants";
 export { FormCheckboxEvent } from "./components/gov-form/checkbox/gov-form-checkbox.types";
@@ -89,6 +87,8 @@ export { FormSelectEvent } from "./components/gov-form/select/gov-form-select.ty
 export { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 export { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
 export { Type as Type1 } from "./components/gov-icon/constants";
+export { VariantType as VariantType1 } from "./components/gov-infobar/default/constants";
+export { InfobarEvent } from "./components/gov-infobar/default/gov-infobar.types";
 export { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
 export { MessageVariantType } from "./components/gov-message/constants";
 export { PaginationSizeType, PaginationType, PaginationVariantType } from "./components/gov-pagination/constants";
@@ -170,36 +170,6 @@ export namespace Components {
          */
         "variant"?: AccordionVariantType;
     }
-    interface GovAlert {
-        /**
-          * Displays the option to close the alert
-         */
-        "closable"?: boolean;
-        /**
-          * Style variation of the button.
-         */
-        "headline": string;
-        /**
-          * Determine if component should have inverse colors to be used on dark background
-         */
-        "inverse": boolean;
-        /**
-          * Validate the WCAG attributes of the component
-         */
-        "validateWcag": () => Promise<void>;
-        /**
-          * Style variation of the button.
-         */
-        "variant": VariantType;
-        /**
-          * Aria label for the closing button. It is mandatory if the alert is closable
-         */
-        "wcagCloseLabel": string;
-        /**
-          * Aria label for the toggle button. It is mandatory if the alert has headline
-         */
-        "wcagToggleLabel": string;
-    }
     interface GovApp {
     }
     interface GovAttachments {
@@ -619,7 +589,7 @@ export namespace Components {
         /**
           * Style variation of the form input.
          */
-        "variant"?: VariantType1;
+        "variant"?: VariantType;
         /**
           * Indicates the id of a component that describes the input.
          */
@@ -1273,6 +1243,36 @@ export namespace Components {
          */
         "type": Type1;
     }
+    interface GovInfobar {
+        /**
+          * Displays the option to close the infobar
+         */
+        "closable"?: boolean;
+        /**
+          * Style variation of the button.
+         */
+        "headline": string;
+        /**
+          * Determine if component should have inverse colors to be used on dark background
+         */
+        "inverse": boolean;
+        /**
+          * Validate the WCAG attributes of the component
+         */
+        "validateWcag": () => Promise<void>;
+        /**
+          * Style variation of the button.
+         */
+        "variant": VariantType1;
+        /**
+          * Aria label for the closing button. It is mandatory if the infobar is closable
+         */
+        "wcagCloseLabel": string;
+        /**
+          * Aria label for the toggle button. It is mandatory if the infobar has headline
+         */
+        "wcagToggleLabel": string;
+    }
     interface GovLayout {
         /**
           * Determine if component should have inverse column order
@@ -1770,7 +1770,7 @@ export namespace Components {
     }
     interface GovTooltip {
         /**
-          * Hidding the modal
+          * Hiding the modal
          */
         "hide": () => Promise<void>;
         /**
@@ -1782,7 +1782,7 @@ export namespace Components {
          */
         "identifier": string;
         /**
-          * Information contained in the tolltip
+          * Information contained in the tooltip
          */
         "message": string;
         /**
@@ -1807,6 +1807,22 @@ export namespace Components {
           * Indicates display of tooltip content
          */
         "isVisible": boolean;
+        /**
+          * Indicates display of tooltip content
+         */
+        "parentId": string;
+        /**
+          * Tooltip is still visible.
+         */
+        "persist"?: boolean;
+        /**
+          * Tooltip’s size.
+         */
+        "size"?: TooltipSizeType;
+        /**
+          * Style variation of the tooltip
+         */
+        "variant"?: TooltipVariantType;
     }
     interface GovWizard {
         /**
@@ -1889,10 +1905,6 @@ export interface GovAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovAccordionItemElement;
 }
-export interface GovAlertCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGovAlertElement;
-}
 export interface GovAttachmentsItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovAttachmentsItemElement;
@@ -1957,6 +1969,10 @@ export interface GovFormSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovFormSwitchElement;
 }
+export interface GovInfobarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGovInfobarElement;
+}
 export interface GovModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovModalElement;
@@ -2014,12 +2030,6 @@ declare global {
         prototype: HTMLGovAccordionItemElement;
         new (): HTMLGovAccordionItemElement;
     };
-    interface HTMLGovAlertElement extends Components.GovAlert, HTMLStencilElement {
-    }
-    var HTMLGovAlertElement: {
-        prototype: HTMLGovAlertElement;
-        new (): HTMLGovAlertElement;
-    };
     interface HTMLGovAppElement extends Components.GovApp, HTMLStencilElement {
     }
     var HTMLGovAppElement: {
@@ -2206,6 +2216,12 @@ declare global {
         prototype: HTMLGovIconElement;
         new (): HTMLGovIconElement;
     };
+    interface HTMLGovInfobarElement extends Components.GovInfobar, HTMLStencilElement {
+    }
+    var HTMLGovInfobarElement: {
+        prototype: HTMLGovInfobarElement;
+        new (): HTMLGovInfobarElement;
+    };
     interface HTMLGovLayoutElement extends Components.GovLayout, HTMLStencilElement {
     }
     var HTMLGovLayoutElement: {
@@ -2365,7 +2381,6 @@ declare global {
     interface HTMLElementTagNameMap {
         "gov-accordion": HTMLGovAccordionElement;
         "gov-accordion-item": HTMLGovAccordionItemElement;
-        "gov-alert": HTMLGovAlertElement;
         "gov-app": HTMLGovAppElement;
         "gov-attachments": HTMLGovAttachmentsElement;
         "gov-attachments-item": HTMLGovAttachmentsItemElement;
@@ -2397,6 +2412,7 @@ declare global {
         "gov-grid": HTMLGovGridElement;
         "gov-grid-item": HTMLGovGridItemElement;
         "gov-icon": HTMLGovIconElement;
+        "gov-infobar": HTMLGovInfobarElement;
         "gov-layout": HTMLGovLayoutElement;
         "gov-layout-column": HTMLGovLayoutColumnElement;
         "gov-loading": HTMLGovLoadingElement;
@@ -2478,36 +2494,6 @@ declare namespace LocalJSX {
          */
         "variant"?: AccordionVariantType;
     }
-    interface GovAlert {
-        /**
-          * Displays the option to close the alert
-         */
-        "closable"?: boolean;
-        /**
-          * Style variation of the button.
-         */
-        "headline"?: string;
-        /**
-          * Determine if component should have inverse colors to be used on dark background
-         */
-        "inverse"?: boolean;
-        /**
-          * Called when the close button is clicked
-         */
-        "onGov-close"?: (event: GovAlertCustomEvent<AlertEvent>) => void;
-        /**
-          * Style variation of the button.
-         */
-        "variant"?: VariantType;
-        /**
-          * Aria label for the closing button. It is mandatory if the alert is closable
-         */
-        "wcagCloseLabel"?: string;
-        /**
-          * Aria label for the toggle button. It is mandatory if the alert has headline
-         */
-        "wcagToggleLabel"?: string;
-    }
     interface GovApp {
     }
     interface GovAttachments {
@@ -2897,7 +2883,7 @@ declare namespace LocalJSX {
         /**
           * Style variation of the form input.
          */
-        "variant"?: VariantType1;
+        "variant"?: VariantType;
         /**
           * Indicates the id of a component that describes the input.
          */
@@ -3559,6 +3545,36 @@ declare namespace LocalJSX {
          */
         "type"?: Type1;
     }
+    interface GovInfobar {
+        /**
+          * Displays the option to close the infobar
+         */
+        "closable"?: boolean;
+        /**
+          * Style variation of the button.
+         */
+        "headline"?: string;
+        /**
+          * Determine if component should have inverse colors to be used on dark background
+         */
+        "inverse"?: boolean;
+        /**
+          * Called when the close button is clicked
+         */
+        "onGov-close"?: (event: GovInfobarCustomEvent<InfobarEvent>) => void;
+        /**
+          * Style variation of the button.
+         */
+        "variant"?: VariantType1;
+        /**
+          * Aria label for the closing button. It is mandatory if the infobar is closable
+         */
+        "wcagCloseLabel"?: string;
+        /**
+          * Aria label for the toggle button. It is mandatory if the infobar has headline
+         */
+        "wcagToggleLabel"?: string;
+    }
     interface GovLayout {
         /**
           * Determine if component should have inverse column order
@@ -4004,7 +4020,7 @@ declare namespace LocalJSX {
          */
         "identifier"?: string;
         /**
-          * Information contained in the tolltip
+          * Information contained in the tooltip
          */
         "message"?: string;
         /**
@@ -4025,6 +4041,22 @@ declare namespace LocalJSX {
           * Indicates display of tooltip content
          */
         "isVisible"?: boolean;
+        /**
+          * Indicates display of tooltip content
+         */
+        "parentId"?: string;
+        /**
+          * Tooltip is still visible.
+         */
+        "persist"?: boolean;
+        /**
+          * Tooltip’s size.
+         */
+        "size"?: TooltipSizeType;
+        /**
+          * Style variation of the tooltip
+         */
+        "variant"?: TooltipVariantType;
     }
     interface GovWizard {
         /**
@@ -4089,7 +4121,6 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "gov-accordion": GovAccordion;
         "gov-accordion-item": GovAccordionItem;
-        "gov-alert": GovAlert;
         "gov-app": GovApp;
         "gov-attachments": GovAttachments;
         "gov-attachments-item": GovAttachmentsItem;
@@ -4121,6 +4152,7 @@ declare namespace LocalJSX {
         "gov-grid": GovGrid;
         "gov-grid-item": GovGridItem;
         "gov-icon": GovIcon;
+        "gov-infobar": GovInfobar;
         "gov-layout": GovLayout;
         "gov-layout-column": GovLayoutColumn;
         "gov-loading": GovLoading;
@@ -4155,7 +4187,6 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "gov-accordion": LocalJSX.GovAccordion & JSXBase.HTMLAttributes<HTMLGovAccordionElement>;
             "gov-accordion-item": LocalJSX.GovAccordionItem & JSXBase.HTMLAttributes<HTMLGovAccordionItemElement>;
-            "gov-alert": LocalJSX.GovAlert & JSXBase.HTMLAttributes<HTMLGovAlertElement>;
             "gov-app": LocalJSX.GovApp & JSXBase.HTMLAttributes<HTMLGovAppElement>;
             "gov-attachments": LocalJSX.GovAttachments & JSXBase.HTMLAttributes<HTMLGovAttachmentsElement>;
             "gov-attachments-item": LocalJSX.GovAttachmentsItem & JSXBase.HTMLAttributes<HTMLGovAttachmentsItemElement>;
@@ -4187,6 +4218,7 @@ declare module "@stencil/core" {
             "gov-grid": LocalJSX.GovGrid & JSXBase.HTMLAttributes<HTMLGovGridElement>;
             "gov-grid-item": LocalJSX.GovGridItem & JSXBase.HTMLAttributes<HTMLGovGridItemElement>;
             "gov-icon": LocalJSX.GovIcon & JSXBase.HTMLAttributes<HTMLGovIconElement>;
+            "gov-infobar": LocalJSX.GovInfobar & JSXBase.HTMLAttributes<HTMLGovInfobarElement>;
             "gov-layout": LocalJSX.GovLayout & JSXBase.HTMLAttributes<HTMLGovLayoutElement>;
             "gov-layout-column": LocalJSX.GovLayoutColumn & JSXBase.HTMLAttributes<HTMLGovLayoutColumnElement>;
             "gov-loading": LocalJSX.GovLoading & JSXBase.HTMLAttributes<HTMLGovLoadingElement>;

package/dist/types/pages/Infobar.d.ts

@@ -0,0 +1,3 @@
+declare class InfobarPage extends HTMLElement {
+  connectedCallback(): void;
+}

package/dist/types/types/typings.d.ts

@@ -0,0 +1,6 @@
+declare module '*.jpg'
+
+declare module '*.md' {
+	const value: string // markdown is just a string
+	export default value
+}

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@gov-design-system-ce/components",
 	"description": "This package includes Gov Design System Web Components and related utilities.",
 	"author": "Zdeněk Vítek",
-	"version": "0.0.58",
+	"version": "0.0.59",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",
@@ -24,6 +24,6 @@
     "dependencies" : {
         "@gov-design-system-ce/icons": "0.0.11",
         "@gov-design-system-ce/fonts": "0.0.2",
-        "@gov-design-system-ce/styles": "0.0.8"
+        "@gov-design-system-ce/styles": "0.0.9"
     }
 }

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

@@ -1,90 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83edd4fe.js');
-const props = require('./props-5f82e4c0.js');
-const variants = require('./variants-f5ffeef3.js');
-const utils = require('./utils-c9b1bba3.js');
-const template = require('./template-e1c4ff78.js');
-const Fragment = require('./Fragment-52846f79.js');
-const wcag = require('./wcag-d7912060.js');
-const win = require('./win-0427c131.js');
-require('./gov.log-0c9dca27.js');
-require('./string.utils-0f08c48c.js');
-
-const AlertVariants = utils.pick(variants.Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS']);
-const AlertClass = {
-  root: 'gov-alert',
-  section: 'gov-alert__section',
-  icon: 'gov-alert__icon',
-  content: 'gov-alert__content',
-  headline: 'gov-alert__headline',
-  close: 'gov-alert__close',
-};
-
-const govAlertCss = ".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}}.gov-alert{position:relative;display:block;width:100%}.gov-alert__section{display:block;width:100%;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);padding-left:var(--gov-container-padding-mobile, 1.25rem);display:flex;gap:1rem;padding-top:1rem;padding-bottom:1rem}@media (min-width: 48em){.gov-alert__section{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-alert__icon{flex:0 0 auto}.gov-alert__icon>*{width:1.25rem;height:1.25rem}.gov-alert__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}.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 a{color:inherit}@media not all and (pointer: coarse){.gov-alert__content a:hover{color:inherit}}.gov-alert__close{position:absolute;top:0.625rem;right:1rem}.gov-alert[variant=warning]{background-color:var(--gov-alert-warning-bg-color, var(--gov-color-warning))}.gov-alert[variant=warning] .gov-alert__icon{color:var(--gov-alert-warning-icon-color, var(--gov-color-secondary))}.gov-alert[variant=warning] .gov-alert__content{color:var(--gov-alert-warning-text-color, var(--gov-color-secondary))}.gov-alert[variant=warning][inverse=\"\"],.gov-alert[variant=warning][inverse=true i],.gov-alert[variant=warning][inverse=\"1\"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-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))}.gov-alert[variant=warning][inverse=\"\"] .gov-alert__content,.gov-alert[variant=warning][inverse=true i] .gov-alert__content,.gov-alert[variant=warning][inverse=\"1\"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=error]{background-color:var(--gov-alert-error-bg-color, var(--gov-color-error))}.gov-alert[variant=error] .gov-alert__icon{color:var(--gov-alert-error-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=error] .gov-alert__content{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-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))}.gov-alert[variant=error][inverse=\"\"] .gov-alert__content,.gov-alert[variant=error][inverse=true i] .gov-alert__content,.gov-alert[variant=error][inverse=\"1\"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=secondary]{background-color:var(--gov-alert-secondary-bg-color, var(--gov-color-secondary))}.gov-alert[variant=secondary] .gov-alert__icon{color:var(--gov-alert-secondary-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=secondary] .gov-alert__content{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-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))}.gov-alert[variant=secondary][inverse=\"\"] .gov-alert__content,.gov-alert[variant=secondary][inverse=true i] .gov-alert__content,.gov-alert[variant=secondary][inverse=\"1\"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=success]{background-color:var(--gov-alert-success-bg-color, var(--gov-color-success-500))}.gov-alert[variant=success] .gov-alert__icon{color:var(--gov-alert-success-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=success] .gov-alert__content{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-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))}.gov-alert[variant=success][inverse=\"\"] .gov-alert__content,.gov-alert[variant=success][inverse=true i] .gov-alert__content,.gov-alert[variant=success][inverse=\"1\"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=primary]{background-color:var(--gov-alert-primary-bg-color, var(--gov-color-primary))}.gov-alert[variant=primary] .gov-alert__icon{color:var(--gov-alert-primary-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=primary] .gov-alert__content{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-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))}.gov-alert[variant=primary][inverse=\"\"] .gov-alert__content,.gov-alert[variant=primary][inverse=true i] .gov-alert__content,.gov-alert[variant=primary][inverse=\"1\"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}@media (min-width: 75em){.gov-alert__content{padding-right:2rem}}";
-
-const GovAlert = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.govClose = index.createEvent(this, "gov-close", 7);
-    this.headline = undefined;
-    this.variant = "primary";
-    this.inverse = false;
-    this.wcagCloseLabel = undefined;
-    this.wcagToggleLabel = undefined;
-    this.closable = false;
-    this.toggleContent = false;
-    this.h = template.govHost(this.host);
-  }
-  validateVariant(newValue) {
-    props.validateProp(AlertVariants, newValue, AlertClass.root);
-  }
-  componentWillLoad() {
-    this.validateVariant(this.variant);
-  }
-  async componentDidRender() {
-    if (win.canValidateWcagOnRender()) {
-      await utils.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 = (index.h("div", { class: AlertClass.close }, index.h("gov-button", { size: "s", "aria-label": this.wcagCloseLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": this.onCloseHandler.bind(this) }, index.h("gov-icon", { name: "x-lg" }))));
-    return (index.h(index.Host, { class: this.h.classes(AlertClass.root), variant: this.variant }, index.h("section", { class: AlertClass.section, role: "alert" }, this.h.hasSlot("icon") && (index.h("div", { class: AlertClass.icon }, index.h("slot", { name: "icon" }))), index.h("div", { class: AlertClass.content }, this.headline ? (index.h(Fragment.Fragment, null, index.h("div", { class: AlertClass.headline }, index.h("p", null, this.headline), index.h("gov-button", { size: "s", "aria-label": this.wcagToggleLabel, type: "base", variant: variant, inverse: inverse, "on-gov-click": () => this.toggleContent = !this.toggleContent }, index.h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down' }))), index.h("div", { hidden: !this.toggleContent, "aria-hidden": template.toBoolAttr(this.toggleContent) }, index.h("slot", null)))) : (index.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) {
-      wcag.validateWcagProp(this.wcagCloseLabel, 'wcag-close-label', AlertClass.root);
-    }
-    if (this.headline) {
-      wcag.validateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', AlertClass.root);
-    }
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "variant": ["validateVariant"]
-  }; }
-};
-GovAlert.style = govAlertCss;
-
-exports.gov_alert = GovAlert;
-
-//# sourceMappingURL=gov-alert.cjs.entry.js.map