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

package/dist/types/components.d.ts

@@ -10,29 +10,37 @@ import { GovAccordionItemChangeEvent } from "./components/gov-accordion/gov-acco
 import { VariantType as VariantType1 } from "./components/gov-alert/constants";
 import { NativeTypesType as NativeTypesType1, SizesType, Type, VariantType as VariantType2 } from "./components/gov-button/constants";
 import { NativeTypesType } from "./components/gov-badge/constants";
+import { GovBreadcrumbsChangeEvent } from "./components/gov-breadcrumbs/gov-breadcrumbs.d";
+import { GovCardChangeEvent } from "./components/gov-card/interfaces";
 import { SizesType as SizesType1, VariantType as VariantType3 } from "./components/gov-form/autocomplete/constants";
 import { GovFormAutocompleteItem } from "./components/gov-form/autocomplete/gov-form-autocomplete.d";
 import { SizesType as SizesType2 } from "./components/gov-form/checkbox/constants";
+import { GovFormCheckboxChangeEvent } from "./components/gov-form/checkbox/interfaces";
 import { SizesType as SizesType3 } from "./components/gov-form/control/constants";
 import { GovFormFileItem } from "./components/gov-form/file/gov-form-file.d";
 import { InputType, SizesType as SizesType4, Type as Type1, VariantType as VariantType4 } from "./components/gov-form/input/constants";
 import { VariantType as VariantType5 } from "./components/gov-form/message/constants";
-import { SizesType as SizesType5, VariantType as VariantType6 } from "./components/gov-form/select/constants";
+import { SizesType as SizesType5, VariantType as VariantType6 } from "./components/gov-form/multiselect/constants";
+import { GovFormMultiSelectItem } from "./components/gov-form/multiselect/interfaces";
 import { SizesType as SizesType6 } from "./components/gov-form/radio/constants";
-import { SizesType as SizesType7, VariantType as VariantType7 } from "./components/gov-form/search/constants";
+import { GovFormRadioChangeEvent } from "./components/gov-form/radio/interfaces";
+import { SizesType as SizesType7, VariantType as VariantType7 } from "./components/gov-form/select/constants";
 import { SizesType as SizesType8 } from "./components/gov-form/switch/constants";
+import { GovFormSwitchChangeEvent } from "./components/gov-form/switch/interfaces";
 import { Type as Type2 } from "./components/gov-icon/constants";
 import { VariantType as VariantType8 } from "./components/gov-message/constants";
+import { SizeType as SizeType1, Type as Type3, VariantType as VariantType9 } from "./components/gov-pagination/constants";
 import { Pagination } from "./components/gov-pagination/pagination";
 import { GovSideNavItemChangeEvent } from "./components/gov-side-nav/gov-side-nav-item.d";
 import { SpacerBreakpointsType, SpacerSizeType } from "./components/gov-spacer/constants";
 import { StatsBarIconPositionType, StatsBarVariantType } from "./components/gov-statsbar/constants";
-import { SizesType as SizesType9, VariantType as VariantType9 } from "./components/gov-stepper/constants";
+import { SizesType as SizesType9, VariantType as VariantType10 } from "./components/gov-stepper/constants";
 import { GovStepperItemChangeEvent } from "./components/gov-stepper/gov-stepper-item.d";
-import { Type as Type3, VariantType as VariantType10 } from "./components/gov-tabs/constants";
-import { VariantType as VariantType11 } from "./components/gov-toast/constants";
-import { PositionType, SizeType as SizeType1, VariantType as VariantType12 } from "./components/gov-tooltip/constants";
-import { SizesType as SizesType10, VariantType as VariantType13 } from "./components/gov-wizzard/constants";
+import { Type as Type4, VariantType as VariantType11 } from "./components/gov-tabs/constants";
+import { Nullable } from "./types/interfaces";
+import { VariantType as VariantType12 } from "./components/gov-toast/constants";
+import { PositionType, SizeType as SizeType2, VariantType as VariantType13 } from "./components/gov-tooltip/constants";
+import { SizesType as SizesType10, VariantType as VariantType14 } from "./components/gov-wizzard/constants";
 import { GovWizzardItemChangeEvent } from "./components/gov-wizzard/gov-wizzard-item.d";
 export namespace Components {
     interface GovAccordion {
@@ -58,6 +66,10 @@ export namespace Components {
         "wcagLabelledBy": string;
     }
     interface GovAccordionItem {
+        /**
+          * Item annotation of the accordion
+         */
+        "annotation": string;
         /**
           * Closing the accordion
          */
@@ -152,6 +164,10 @@ export namespace Components {
         "wcagRemoveLabelledBy": string;
     }
     interface GovBackdrop {
+        /**
+          * Determide if component should have inversed colors to be used on dark background.
+         */
+        "inverse": boolean;
         /**
           * Validate the WCAG attributes of the component
          */
@@ -213,9 +229,43 @@ export namespace Components {
          */
         "wcagLabel": string;
     }
+    interface GovBreadcrumbs {
+        /**
+          * Closing the Breadcrumbs
+         */
+        "close": () => Promise<void>;
+        /**
+          * Defines wether the components can be collapsible when element doesn't fit in one row.
+         */
+        "collapsible": boolean;
+        /**
+          * Defines whether the breadcrumbs are open or closed by default
+         */
+        "isExpanded": boolean;
+        /**
+          * Opening the Breadcrumbs
+         */
+        "open": () => Promise<void>;
+        /**
+          * Breadcrumbs switch
+         */
+        "toggle": () => Promise<void>;
+        /**
+          * Validate the WCAG attributes of the component
+         */
+        "validateWcag": () => Promise<void>;
+        /**
+          * Adds accessible label for the pagination that is only shown for screen readers.
+         */
+        "wcagLabel": string;
+        /**
+          * Indicates the id of a component that labels the pagination.
+         */
+        "wcagLabelledBy": string;
+    }
     interface GovButton {
         /**
-          * Makes the button component disabled. This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
+          * Makes the button component disabled. This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies
          */
         "disabled": boolean;
         /**
@@ -224,7 +274,7 @@ export namespace Components {
          */
         "download": boolean;
         /**
-          * Expands the button to fill 100% of the container width.
+          * Expands the button to fill 100% of the container width
          */
         "expanded": boolean;
         /**
@@ -243,11 +293,11 @@ export namespace Components {
          */
         "hreflang": string;
         /**
-          * Custom button identifier.
+          * Custom button identifier
          */
         "identifier": string;
         /**
-          * Determide if component should have inversed colors to be used on dark background
+          * Determine if component should have inversed colors to be used on dark background
          */
         "inverse": boolean;
         /**
@@ -255,7 +305,7 @@ export namespace Components {
          */
         "loading": string;
         /**
-          * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.
+          * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute
          */
         "name": string;
         /**
@@ -277,7 +327,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * Button’s size.
+          * Button’s size
          */
         "size": SizesType;
         /**
@@ -294,19 +344,23 @@ export namespace Components {
          */
         "validateWcag": () => Promise<void>;
         /**
-          * Style variation of the button.
+          * Style variation of the button
          */
         "variant": VariantType2;
         /**
-          * Indicates the id of a related component’s visually focused element.
+          * Indicates the id of a related component’s visually focused element
          */
         "wcagActiveDescendant": string;
         /**
-          * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages.
+          * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages
          */
         "wcagControls": string;
         /**
-          * Indicates the id of a component that describes the button.
+          * Indicates the current item within a container or set of related elements
+         */
+        "wcagCurrent": string;
+        /**
+          * Indicates the id of a component that describes the button
          */
         "wcagDescribedBy": string;
         /**
@@ -318,15 +372,15 @@ export namespace Components {
          */
         "wcagDetails": string;
         /**
-          * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button. Set the value to convey the current expanded (true) or collapsed (false) state of the content.
+          * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button Set the value to convey the current expanded (true) or collapsed (false) state of the content
          */
         "wcagExpanded": boolean;
         /**
-          * Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button.
+          * Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button
          */
         "wcagHasPopup": string;
         /**
-          * Adds accessible label for the button that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.
+          * Adds accessible label for the button that is only shown for screen readers Typically, this label text replaces the visible text on the button for users who use assistive technology
          */
         "wcagLabel": string;
         /**
@@ -334,11 +388,11 @@ export namespace Components {
          */
         "wcagLabelledBy": string;
         /**
-          * Indicates the id of a component owned by the button.
+          * Indicates the id of a component owned by the button
          */
         "wcagOwns": string;
         /**
-          * Tells screen reader the element is pressed.
+          * Tells screen reader the element is pressed
          */
         "wcagPressed": string;
     }
@@ -385,6 +439,10 @@ export namespace Components {
         "wcagTriggerLabelledBy": string;
     }
     interface GovContainer {
+        /**
+          * Returns slotted children
+          * @return
+         */
         "slottedChildren": () => Promise<Node[]>;
     }
     interface GovCookiebar {
@@ -531,6 +589,14 @@ export namespace Components {
           * /**   Indicates the form element is disabled
          */
         "disabled": boolean;
+        /**
+          * Use control as a fieldset for better accessibility. Note: Don't forget to set the legend attribute of the gov-form-label component
+         */
+        "fieldset": boolean;
+        /**
+          * Defines the space between nested components.
+         */
+        "gap": SizesType3;
         /**
           * Form element identifier
          */
@@ -548,8 +614,6 @@ export namespace Components {
          */
         "success": boolean;
     }
-    interface GovFormDropdown {
-    }
     interface GovFormFile {
         /**
           * Same as original parameter
@@ -756,6 +820,10 @@ export namespace Components {
           * Identifier for label.
          */
         "identifier": string;
+        /**
+          * Use label as a legend for better accessibility. Note: Don't forget to set the fieldset attribute of the gov-form-control component
+         */
+        "legend": boolean;
     }
     interface GovFormMessage {
         /**
@@ -876,14 +944,6 @@ export namespace Components {
         "wcagLabelledBy": string;
     }
     interface GovFormSearch {
-        /**
-          * Size variation of the component.
-         */
-        "size": SizesType7;
-        /**
-          * Style variation of the component.
-         */
-        "variant": VariantType7;
     }
     interface GovFormSelect {
         /**
@@ -921,7 +981,7 @@ export namespace Components {
         /**
           * Select’s size.
          */
-        "size": SizesType5;
+        "size": SizesType7;
         /**
           * Validate the WCAG attributes of the component
          */
@@ -933,7 +993,7 @@ export namespace Components {
         /**
           * Style variation of the form select.
          */
-        "variant": VariantType6;
+        "variant": VariantType7;
         /**
           * Indicates the id of a related component’s visually focused element.
          */
@@ -1003,9 +1063,35 @@ export namespace Components {
     }
     interface GovGrid {
         /**
-          * Determide if component should have inversed colors to be used on dark background
+          * Horizontal align of cells
          */
-        "columns": number;
+        "alignX": string;
+        /**
+          * Vertical align of cells
+         */
+        "alignY": string;
+    }
+    interface GovGridItem {
+        /**
+          * Cell size as a fraction of 1/12 of the grid size
+         */
+        "size": string;
+        /**
+          * Cell size for LG media query and up as a fraction of 12 of the grid size
+         */
+        "sizeLg": string;
+        /**
+          * Cell size for MD media query and up as a fraction of 12 of the grid size
+         */
+        "sizeMd": string;
+        /**
+          * Cell size for SM media query and up as a fraction of 12 of the grid size
+         */
+        "sizeSm": string;
+        /**
+          * Cell size for XL media query and up as a fraction of 12 of the grid size
+         */
+        "sizeXl": string;
     }
     interface GovIcon {
         /**
@@ -1017,6 +1103,26 @@ export namespace Components {
          */
         "type": Type2;
     }
+    interface GovLayout {
+    }
+    interface GovLayoutAside {
+        /**
+          * Vertical position of component on desktop.
+         */
+        "position": string;
+    }
+    interface GovLayoutContent {
+        /**
+          * Vertical align of component on desktop.
+         */
+        "align": string;
+    }
+    interface GovLoading {
+        /**
+          * Determine if loading is active
+         */
+        "loading": boolean;
+    }
     interface GovMessage {
         /**
           * Style variation of the content message.
@@ -1069,11 +1175,36 @@ export namespace Components {
          */
         "wcaglabelledBy": string;
     }
+    interface GovNav {
+        /**
+          * Validate the WCAG attributes of the component
+         */
+        "validateWcag": () => Promise<void>;
+        /**
+          * Adds accessible label for the accordion that is only shown for screen readers.
+         */
+        "wcagLabel": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "wcagLabelledBy": string;
+    }
+    interface GovNavItem {
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+         */
+        "href": string;
+    }
     interface GovPagination {
         /**
           * Currently displayed page
          */
         "current": number;
+        /**
+          * Set on active page
+         */
+        "inverse": boolean;
         /**
           * Setting a link to redirect to a given page. The {PAGE} wildcard can be used in the link to replace the page number. Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.
          */
@@ -1086,11 +1217,26 @@ export namespace Components {
           * Maximum number of entries per page
          */
         "pageSize": number;
+        /**
+          * Pagination's size
+         */
+        "size": SizeType3;
+        /**
+          * Total count of entries
+         */
         "total": number;
+        /**
+          * Pagination type
+         */
+        "type": Type3;
         /**
           * Validate the WCAG attributes of the component
          */
         "validateWcag": () => Promise<void>;
+        /**
+          * Style variation of the pagination.
+         */
+        "variant": VariantType3;
         /**
           * Adds accessible label for the pagination that is only shown for screen readers.
          */
@@ -1228,23 +1374,42 @@ export namespace Components {
         "toggle": () => Promise<void>;
     }
     interface GovSpacer {
+        /**
+          * Breakpoint
+         */
         "breakpoint": SpacerBreakpointsType;
+        /**
+          * Spacer’s size
+         */
         "size": SpacerSizeType;
     }
     interface GovStatsbar {
+        /**
+          * Icon’s position
+         */
         "iconPosition"?: StatsBarIconPositionType;
+        /**
+          * Style variation
+         */
         "variant"?: StatsBarVariantType;
     }
     interface GovStatsbarItem {
+        /**
+          * Icon’s position
+         */
         "iconPosition"?: StatsBarIconPositionType;
     }
     interface GovStepper {
         /**
-          * Style variation of the button.
+          * Size of stepper
          */
         "size": SizesType9;
     }
     interface GovStepperItem {
+        /**
+          * Item annotation of the stepper
+         */
+        "annotation": string;
         /**
           * Returns the current state of the component
          */
@@ -1257,6 +1422,10 @@ export namespace Components {
           * Item name of the stepper
          */
         "label": string;
+        /**
+          * Size of stepper
+         */
+        "size": SizesType9;
         /**
           * Used to change the HMTL tag in the stepper trigger for correct semantic structure
          */
@@ -1264,13 +1433,13 @@ export namespace Components {
         /**
           * Style variation of the button.
          */
-        "variant": VariantType9;
+        "variant": VariantType10;
     }
     interface GovTabs {
         /**
           * Returns the currently selected tabs-item
          */
-        "currentTab": () => Promise<HTMLGovTabsItemElement | null>;
+        "currentTab": () => Promise<Nullable<HTMLGovTabsItemElement>>;
         /**
           * Regenerate tabs controllers
          */
@@ -1282,7 +1451,7 @@ export namespace Components {
         /**
           * Tabs type
          */
-        "type": Type3;
+        "type": Type4;
         /**
           * Validate the WCAG attributes of the component
          */
@@ -1290,7 +1459,7 @@ export namespace Components {
         /**
           * Style variation of the tab badges.
          */
-        "variant": VariantType3;
+        "variant": VariantType4;
         /**
           * Adds accessible label for the tabs that is only shown for screen readers.
          */
@@ -1349,18 +1518,41 @@ export namespace Components {
          */
         "promotion": boolean;
     }
+    interface GovTiles {
+        /**
+          * Number of columns between 1-4
+         */
+        "columns": number;
+    }
     interface GovToast {
+        /**
+          * Closing button texting instead of icons
+         */
+        "closeLabel": string;
         /**
           * Remove toast from dom
          */
-        "destroy": (force?: boolean) => Promise<void>;
+        "destroy": () => Promise<void>;
+        /**
+          * Toast’s gravity
+         */
         "gravity": "top" | "bottom";
+        /**
+          * Toast’s position
+         */
         "position": "left" | "center" | "right";
+        /**
+          * Number of milliseconds to wait before Toast disappear
+         */
         "time": number;
+        /**
+          * Toast type
+         */
+        "type": "solid" | "classic";
         /**
           * Style variation of the toast message.
          */
-        "variant": VariantType11;
+        "variant": VariantType12;
         /**
           * Aria label for the closing button. It is mandatory if the alert is closable
          */
@@ -1394,11 +1586,11 @@ export namespace Components {
         /**
           * Tooltip’s size.
          */
-        "size": SizeType1;
+        "size": SizeType2;
         /**
           * Style variation of the tooltip
          */
-        "variant": VariantType12;
+        "variant": VariantType13;
     }
     interface GovTooltipContent {
         /**
@@ -1425,6 +1617,10 @@ export namespace Components {
         "wcagLabelledBy": string;
     }
     interface GovWizzardItem {
+        /**
+          * Item annotation of the wizzard
+         */
+        "annotation": string;
         /**
           * Closing the Wizzard
          */
@@ -1461,6 +1657,10 @@ export namespace Components {
           * Opening the Wizzard
          */
         "open": () => Promise<void>;
+        /**
+          * Size of wizzard
+         */
+        "size": SizesType10;
         /**
           * Wizzard switch
          */
@@ -1468,7 +1668,7 @@ export namespace Components {
         /**
           * Style variation of the button.
          */
-        "variant": VariantType13;
+        "variant": VariantType14;
     }
 }
 export interface GovAccordionCustomEvent<T> extends CustomEvent<T> {
@@ -1495,6 +1695,10 @@ export interface GovBadgeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovBadgeElement;
 }
+export interface GovBreadcrumbsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGovBreadcrumbsElement;
+}
 export interface GovButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGovButtonElement;
@@ -1632,6 +1836,12 @@ declare global {
         prototype: HTMLGovBadgeElement;
         new (): HTMLGovBadgeElement;
     };
+    interface HTMLGovBreadcrumbsElement extends Components.GovBreadcrumbs, HTMLStencilElement {
+    }
+    var HTMLGovBreadcrumbsElement: {
+        prototype: HTMLGovBreadcrumbsElement;
+        new (): HTMLGovBreadcrumbsElement;
+    };
     interface HTMLGovButtonElement extends Components.GovButton, HTMLStencilElement {
     }
     var HTMLGovButtonElement: {
@@ -1686,12 +1896,6 @@ declare global {
         prototype: HTMLGovFormControlElement;
         new (): HTMLGovFormControlElement;
     };
-    interface HTMLGovFormDropdownElement extends Components.GovFormDropdown, HTMLStencilElement {
-    }
-    var HTMLGovFormDropdownElement: {
-        prototype: HTMLGovFormDropdownElement;
-        new (): HTMLGovFormDropdownElement;
-    };
     interface HTMLGovFormFileElement extends Components.GovFormFile, HTMLStencilElement {
     }
     var HTMLGovFormFileElement: {
@@ -1758,12 +1962,42 @@ declare global {
         prototype: HTMLGovGridElement;
         new (): HTMLGovGridElement;
     };
+    interface HTMLGovGridItemElement extends Components.GovGridItem, HTMLStencilElement {
+    }
+    var HTMLGovGridItemElement: {
+        prototype: HTMLGovGridItemElement;
+        new (): HTMLGovGridItemElement;
+    };
     interface HTMLGovIconElement extends Components.GovIcon, HTMLStencilElement {
     }
     var HTMLGovIconElement: {
         prototype: HTMLGovIconElement;
         new (): HTMLGovIconElement;
     };
+    interface HTMLGovLayoutElement extends Components.GovLayout, HTMLStencilElement {
+    }
+    var HTMLGovLayoutElement: {
+        prototype: HTMLGovLayoutElement;
+        new (): HTMLGovLayoutElement;
+    };
+    interface HTMLGovLayoutAsideElement extends Components.GovLayoutAside, HTMLStencilElement {
+    }
+    var HTMLGovLayoutAsideElement: {
+        prototype: HTMLGovLayoutAsideElement;
+        new (): HTMLGovLayoutAsideElement;
+    };
+    interface HTMLGovLayoutContentElement extends Components.GovLayoutContent, HTMLStencilElement {
+    }
+    var HTMLGovLayoutContentElement: {
+        prototype: HTMLGovLayoutContentElement;
+        new (): HTMLGovLayoutContentElement;
+    };
+    interface HTMLGovLoadingElement extends Components.GovLoading, HTMLStencilElement {
+    }
+    var HTMLGovLoadingElement: {
+        prototype: HTMLGovLoadingElement;
+        new (): HTMLGovLoadingElement;
+    };
     interface HTMLGovMessageElement extends Components.GovMessage, HTMLStencilElement {
     }
     var HTMLGovMessageElement: {
@@ -1776,6 +2010,18 @@ declare global {
         prototype: HTMLGovModalElement;
         new (): HTMLGovModalElement;
     };
+    interface HTMLGovNavElement extends Components.GovNav, HTMLStencilElement {
+    }
+    var HTMLGovNavElement: {
+        prototype: HTMLGovNavElement;
+        new (): HTMLGovNavElement;
+    };
+    interface HTMLGovNavItemElement extends Components.GovNavItem, HTMLStencilElement {
+    }
+    var HTMLGovNavItemElement: {
+        prototype: HTMLGovNavItemElement;
+        new (): HTMLGovNavItemElement;
+    };
     interface HTMLGovPaginationElement extends Components.GovPagination, HTMLStencilElement {
     }
     var HTMLGovPaginationElement: {
@@ -1848,6 +2094,12 @@ declare global {
         prototype: HTMLGovTileElement;
         new (): HTMLGovTileElement;
     };
+    interface HTMLGovTilesElement extends Components.GovTiles, HTMLStencilElement {
+    }
+    var HTMLGovTilesElement: {
+        prototype: HTMLGovTilesElement;
+        new (): HTMLGovTilesElement;
+    };
     interface HTMLGovToastElement extends Components.GovToast, HTMLStencilElement {
     }
     var HTMLGovToastElement: {
@@ -1887,6 +2139,7 @@ declare global {
         "gov-attachments-item": HTMLGovAttachmentsItemElement;
         "gov-backdrop": HTMLGovBackdropElement;
         "gov-badge": HTMLGovBadgeElement;
+        "gov-breadcrumbs": HTMLGovBreadcrumbsElement;
         "gov-button": HTMLGovButtonElement;
         "gov-card": HTMLGovCardElement;
         "gov-container": HTMLGovContainerElement;
@@ -1896,7 +2149,6 @@ declare global {
         "gov-form-autocomplete": HTMLGovFormAutocompleteElement;
         "gov-form-checkbox": HTMLGovFormCheckboxElement;
         "gov-form-control": HTMLGovFormControlElement;
-        "gov-form-dropdown": HTMLGovFormDropdownElement;
         "gov-form-file": HTMLGovFormFileElement;
         "gov-form-group": HTMLGovFormGroupElement;
         "gov-form-input": HTMLGovFormInputElement;
@@ -1908,9 +2160,16 @@ declare global {
         "gov-form-select": HTMLGovFormSelectElement;
         "gov-form-switch": HTMLGovFormSwitchElement;
         "gov-grid": HTMLGovGridElement;
+        "gov-grid-item": HTMLGovGridItemElement;
         "gov-icon": HTMLGovIconElement;
+        "gov-layout": HTMLGovLayoutElement;
+        "gov-layout-aside": HTMLGovLayoutAsideElement;
+        "gov-layout-content": HTMLGovLayoutContentElement;
+        "gov-loading": HTMLGovLoadingElement;
         "gov-message": HTMLGovMessageElement;
         "gov-modal": HTMLGovModalElement;
+        "gov-nav": HTMLGovNavElement;
+        "gov-nav-item": HTMLGovNavItemElement;
         "gov-pagination": HTMLGovPaginationElement;
         "gov-prompt": HTMLGovPromptElement;
         "gov-side-nav": HTMLGovSideNavElement;
@@ -1923,6 +2182,7 @@ declare global {
         "gov-tabs": HTMLGovTabsElement;
         "gov-tabs-item": HTMLGovTabsItemElement;
         "gov-tile": HTMLGovTileElement;
+        "gov-tiles": HTMLGovTilesElement;
         "gov-toast": HTMLGovToastElement;
         "gov-tooltip": HTMLGovTooltipElement;
         "gov-tooltip-content": HTMLGovTooltipContentElement;
@@ -1935,7 +2195,7 @@ declare namespace LocalJSX {
         /**
           * Called when the accordion state changes
          */
-        "onGov-change"?: (event: GovAccordionCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovAccordionCustomEvent<GovAccordionItemChangeEvent>) => void;
         /**
           * Accordion’s size.
          */
@@ -1954,6 +2214,10 @@ declare namespace LocalJSX {
         "wcagLabelledBy"?: string;
     }
     interface GovAccordionItem {
+        /**
+          * Item annotation of the accordion
+         */
+        "annotation"?: string;
         /**
           * Makes the button component disabled. This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
          */
@@ -2025,7 +2289,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the file is removed
          */
-        "onGov-remove"?: (event: GovAttachmentsItemCustomEvent<any>) => void;
+        "onGov-remove"?: (event: GovAttachmentsItemCustomEvent<PointerEvent>) => void;
         /**
           * Adds accessible label for the remove button that is only shown for screen readers.
          */
@@ -2036,6 +2300,10 @@ declare namespace LocalJSX {
         "wcagRemoveLabelledBy"?: string;
     }
     interface GovBackdrop {
+        /**
+          * Determide if component should have inversed colors to be used on dark background.
+         */
+        "inverse"?: boolean;
         /**
           * Emitted when button clicks.
          */
@@ -2101,9 +2369,31 @@ declare namespace LocalJSX {
          */
         "wcagLabel"?: string;
     }
+    interface GovBreadcrumbs {
+        /**
+          * Defines wether the components can be collapsible when element doesn't fit in one row.
+         */
+        "collapsible"?: boolean;
+        /**
+          * Defines whether the breadcrumbs are open or closed by default
+         */
+        "isExpanded"?: boolean;
+        /**
+          * Called when the Breadrumbs state changes
+         */
+        "onGov-change"?: (event: GovBreadcrumbsCustomEvent<GovBreadcrumbsChangeEvent>) => void;
+        /**
+          * Adds accessible label for the pagination that is only shown for screen readers.
+         */
+        "wcagLabel"?: string;
+        /**
+          * Indicates the id of a component that labels the pagination.
+         */
+        "wcagLabelledBy"?: string;
+    }
     interface GovButton {
         /**
-          * Makes the button component disabled. This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
+          * Makes the button component disabled. This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies
          */
         "disabled"?: boolean;
         /**
@@ -2112,7 +2402,7 @@ declare namespace LocalJSX {
          */
         "download"?: boolean;
         /**
-          * Expands the button to fill 100% of the container width.
+          * Expands the button to fill 100% of the container width
          */
         "expanded"?: boolean;
         /**
@@ -2131,11 +2421,11 @@ declare namespace LocalJSX {
          */
         "hreflang"?: string;
         /**
-          * Custom button identifier.
+          * Custom button identifier
          */
         "identifier"?: string;
         /**
-          * Determide if component should have inversed colors to be used on dark background
+          * Determine if component should have inversed colors to be used on dark background
          */
         "inverse"?: boolean;
         /**
@@ -2143,7 +2433,7 @@ declare namespace LocalJSX {
          */
         "loading"?: string;
         /**
-          * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute.
+          * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute
          */
         "name"?: string;
         /**
@@ -2151,17 +2441,17 @@ declare namespace LocalJSX {
          */
         "nativeType"?: NativeTypesType1;
         /**
-          * Emitted when the button loses focus.
+          * Emitted when the button loses focus
          */
-        "onGov-blur"?: (event: GovButtonCustomEvent<any>) => void;
+        "onGov-blur"?: (event: GovButtonCustomEvent<FocusEvent>) => void;
         /**
-          * Emitted when the button click.
+          * Emitted when the button click
          */
         "onGov-click"?: (event: GovButtonCustomEvent<PointerEvent>) => void;
         /**
-          * Emitted when the button has focus.
+          * Emitted when the button has focus
          */
-        "onGov-focus"?: (event: GovButtonCustomEvent<any>) => void;
+        "onGov-focus"?: (event: GovButtonCustomEvent<FocusEvent>) => void;
         /**
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy
@@ -2173,7 +2463,7 @@ declare namespace LocalJSX {
          */
         "rel"?: string;
         /**
-          * Button’s size.
+          * Button’s size
          */
         "size"?: SizesType;
         /**
@@ -2186,19 +2476,23 @@ declare namespace LocalJSX {
          */
         "type"?: Type;
         /**
-          * Style variation of the button.
+          * Style variation of the button
          */
         "variant"?: VariantType2;
         /**
-          * Indicates the id of a related component’s visually focused element.
+          * Indicates the id of a related component’s visually focused element
          */
         "wcagActiveDescendant"?: string;
         /**
-          * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages.
+          * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages
          */
         "wcagControls"?: string;
         /**
-          * Indicates the id of a component that describes the button.
+          * Indicates the current item within a container or set of related elements
+         */
+        "wcagCurrent"?: string;
+        /**
+          * Indicates the id of a component that describes the button
          */
         "wcagDescribedBy"?: string;
         /**
@@ -2210,15 +2504,15 @@ declare namespace LocalJSX {
          */
         "wcagDetails"?: string;
         /**
-          * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button. Set the value to convey the current expanded (true) or collapsed (false) state of the content.
+          * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button Set the value to convey the current expanded (true) or collapsed (false) state of the content
          */
         "wcagExpanded"?: boolean;
         /**
-          * Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button.
+          * Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button
          */
         "wcagHasPopup"?: string;
         /**
-          * Adds accessible label for the button that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.
+          * Adds accessible label for the button that is only shown for screen readers Typically, this label text replaces the visible text on the button for users who use assistive technology
          */
         "wcagLabel"?: string;
         /**
@@ -2226,11 +2520,11 @@ declare namespace LocalJSX {
          */
         "wcagLabelledBy"?: string;
         /**
-          * Indicates the id of a component owned by the button.
+          * Indicates the id of a component owned by the button
          */
         "wcagOwns"?: string;
         /**
-          * Tells screen reader the element is pressed.
+          * Tells screen reader the element is pressed
          */
         "wcagPressed"?: string;
     }
@@ -2254,7 +2548,7 @@ declare namespace LocalJSX {
         /**
           * Called when the card toggle state changes
          */
-        "onGov-toggle"?: (event: GovCardCustomEvent<any>) => void;
+        "onGov-toggle"?: (event: GovCardCustomEvent<GovCardChangeEvent>) => void;
         /**
           * Style variation of the card.
          */
@@ -2316,7 +2610,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input change value.
          */
-        "onGov-input"?: (event: GovFormAutocompleteCustomEvent<any>) => void;
+        "onGov-input"?: (event: GovFormAutocompleteCustomEvent<InputEvent>) => void;
         /**
           * Emitted when the input change value.
          */
@@ -2390,7 +2684,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the checkbox change value.
          */
-        "onGov-change"?: (event: GovFormCheckboxCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovFormCheckboxCustomEvent<GovFormCheckboxChangeEvent>) => void;
         /**
           * Emitted when the checkbox has focus.
          */
@@ -2421,6 +2715,14 @@ declare namespace LocalJSX {
           * /**   Indicates the form element is disabled
          */
         "disabled"?: boolean;
+        /**
+          * Use control as a fieldset for better accessibility. Note: Don't forget to set the legend attribute of the gov-form-label component
+         */
+        "fieldset"?: boolean;
+        /**
+          * Defines the space between nested components.
+         */
+        "gap"?: SizesType3;
         /**
           * Form element identifier
          */
@@ -2438,8 +2740,6 @@ declare namespace LocalJSX {
          */
         "success"?: boolean;
     }
-    interface GovFormDropdown {
-    }
     interface GovFormFile {
         /**
           * Same as original parameter
@@ -2586,7 +2886,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input change value.
          */
-        "onGov-input"?: (event: GovFormInputCustomEvent<any>) => void;
+        "onGov-input"?: (event: GovFormInputCustomEvent<InputEvent>) => void;
         /**
           * Emitted when the input change value.
          */
@@ -2658,6 +2958,10 @@ declare namespace LocalJSX {
           * Identifier for label.
          */
         "identifier"?: string;
+        /**
+          * Use label as a legend for better accessibility. Note: Don't forget to set the fieldset attribute of the gov-form-control component
+         */
+        "legend"?: boolean;
         /**
           * Emitted when the label click.
          */
@@ -2693,7 +2997,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the select change value.
          */
-        "onGov-change"?: (event: GovFormMultiSelectCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovFormMultiSelectCustomEvent<GovFormMultiSelectItem[]>) => void;
         /**
           * Emitted when the select has focus.
          */
@@ -2755,7 +3059,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the radio change value.
          */
-        "onGov-change"?: (event: GovFormRadioCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovFormRadioCustomEvent<GovFormRadioChangeEvent>) => void;
         /**
           * Emitted when the radio has focus.
          */
@@ -2782,14 +3086,6 @@ declare namespace LocalJSX {
         "wcagLabelledBy"?: string;
     }
     interface GovFormSearch {
-        /**
-          * Size variation of the component.
-         */
-        "size"?: SizesType7;
-        /**
-          * Style variation of the component.
-         */
-        "variant"?: VariantType7;
     }
     interface GovFormSelect {
         /**
@@ -2827,7 +3123,7 @@ declare namespace LocalJSX {
         /**
           * Select’s size.
          */
-        "size"?: SizesType5;
+        "size"?: SizesType7;
         /**
           * Value of select
          */
@@ -2835,7 +3131,7 @@ declare namespace LocalJSX {
         /**
           * Style variation of the form select.
          */
-        "variant"?: VariantType6;
+        "variant"?: VariantType7;
         /**
           * Indicates the id of a related component’s visually focused element.
          */
@@ -2885,7 +3181,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the switch change value.
          */
-        "onGov-change"?: (event: GovFormSwitchCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovFormSwitchCustomEvent<GovFormSwitchChangeEvent>) => void;
         /**
           * Emitted when the switch has focus.
          */
@@ -2913,9 +3209,35 @@ declare namespace LocalJSX {
     }
     interface GovGrid {
         /**
-          * Determide if component should have inversed colors to be used on dark background
+          * Horizontal align of cells
          */
-        "columns"?: number;
+        "alignX"?: string;
+        /**
+          * Vertical align of cells
+         */
+        "alignY"?: string;
+    }
+    interface GovGridItem {
+        /**
+          * Cell size as a fraction of 1/12 of the grid size
+         */
+        "size"?: string;
+        /**
+          * Cell size for LG media query and up as a fraction of 12 of the grid size
+         */
+        "sizeLg"?: string;
+        /**
+          * Cell size for MD media query and up as a fraction of 12 of the grid size
+         */
+        "sizeMd"?: string;
+        /**
+          * Cell size for SM media query and up as a fraction of 12 of the grid size
+         */
+        "sizeSm"?: string;
+        /**
+          * Cell size for XL media query and up as a fraction of 12 of the grid size
+         */
+        "sizeXl"?: string;
     }
     interface GovIcon {
         /**
@@ -2927,6 +3249,26 @@ declare namespace LocalJSX {
          */
         "type"?: Type2;
     }
+    interface GovLayout {
+    }
+    interface GovLayoutAside {
+        /**
+          * Vertical position of component on desktop.
+         */
+        "position"?: string;
+    }
+    interface GovLayoutContent {
+        /**
+          * Vertical align of component on desktop.
+         */
+        "align"?: string;
+    }
+    interface GovLoading {
+        /**
+          * Determine if loading is active
+         */
+        "loading"?: boolean;
+    }
     interface GovMessage {
         /**
           * Style variation of the content message.
@@ -2971,11 +3313,32 @@ declare namespace LocalJSX {
          */
         "wcaglabelledBy"?: string;
     }
+    interface GovNav {
+        /**
+          * Adds accessible label for the accordion that is only shown for screen readers.
+         */
+        "wcagLabel"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "wcagLabelledBy"?: string;
+    }
+    interface GovNavItem {
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+         */
+        "href"?: string;
+    }
     interface GovPagination {
         /**
           * Currently displayed page
          */
         "current"?: number;
+        /**
+          * Set on active page
+         */
+        "inverse"?: boolean;
         /**
           * Setting a link to redirect to a given page. The {PAGE} wildcard can be used in the link to replace the page number. Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.
          */
@@ -2992,7 +3355,22 @@ declare namespace LocalJSX {
           * Maximum number of entries per page
          */
         "pageSize"?: number;
+        /**
+          * Pagination's size
+         */
+        "size"?: SizeType3;
+        /**
+          * Total count of entries
+         */
         "total"?: number;
+        /**
+          * Pagination type
+         */
+        "type"?: Type3;
+        /**
+          * Style variation of the pagination.
+         */
+        "variant"?: VariantType3;
         /**
           * Adds accessible label for the pagination that is only shown for screen readers.
          */
@@ -3060,7 +3438,7 @@ declare namespace LocalJSX {
         /**
           * Called when the sidenav state changes
          */
-        "onGov-change"?: (event: GovSideNavCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovSideNavCustomEvent<GovSideNavItemChangeEvent>) => void;
         /**
           * Adds accessible label for the sidenav that is only shown for screen readers.
          */
@@ -3110,27 +3488,46 @@ declare namespace LocalJSX {
         "onGov-change"?: (event: GovSideNavItemCustomEvent<GovSideNavItemChangeEvent>) => void;
     }
     interface GovSpacer {
+        /**
+          * Breakpoint
+         */
         "breakpoint"?: SpacerBreakpointsType;
+        /**
+          * Spacer’s size
+         */
         "size"?: SpacerSizeType;
     }
     interface GovStatsbar {
+        /**
+          * Icon’s position
+         */
         "iconPosition"?: StatsBarIconPositionType;
+        /**
+          * Style variation
+         */
         "variant"?: StatsBarVariantType;
     }
     interface GovStatsbarItem {
+        /**
+          * Icon’s position
+         */
         "iconPosition"?: StatsBarIconPositionType;
     }
     interface GovStepper {
         /**
           * Called when the Stepper state changes
          */
-        "onGov-change"?: (event: GovStepperCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovStepperCustomEvent<GovStepperItemChangeEvent>) => void;
         /**
-          * Style variation of the button.
+          * Size of stepper
          */
         "size"?: SizesType9;
     }
     interface GovStepperItem {
+        /**
+          * Item annotation of the stepper
+         */
+        "annotation"?: string;
         /**
           * Custom stepper item identifier. Otherwise, it will be generated
          */
@@ -3143,6 +3540,10 @@ declare namespace LocalJSX {
           * Called when the accordion state changes
          */
         "onGov-change"?: (event: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => void;
+        /**
+          * Size of stepper
+         */
+        "size"?: SizesType9;
         /**
           * Used to change the HMTL tag in the stepper trigger for correct semantic structure
          */
@@ -3150,21 +3551,21 @@ declare namespace LocalJSX {
         /**
           * Style variation of the button.
          */
-        "variant"?: VariantType9;
+        "variant"?: VariantType10;
     }
     interface GovTabs {
         /**
           * Emitted when the tab is changed.
          */
-        "onGov-change"?: (event: GovTabsCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovTabsCustomEvent<HTMLGovTabsItemElement>) => void;
         /**
           * Tabs type
          */
-        "type"?: Type3;
+        "type"?: Type4;
         /**
           * Style variation of the tab badges.
          */
-        "variant"?: VariantType3;
+        "variant"?: VariantType4;
         /**
           * Adds accessible label for the tabs that is only shown for screen readers.
          */
@@ -3211,18 +3612,41 @@ declare namespace LocalJSX {
          */
         "promotion"?: boolean;
     }
+    interface GovTiles {
+        /**
+          * Number of columns between 1-4
+         */
+        "columns"?: number;
+    }
     interface GovToast {
+        /**
+          * Closing button texting instead of icons
+         */
+        "closeLabel"?: string;
+        /**
+          * Toast’s gravity
+         */
         "gravity"?: "top" | "bottom";
         /**
           * Called when the close button is clicked
          */
-        "onGov-close"?: (event: GovToastCustomEvent<any>) => void;
+        "onGov-close"?: (event: GovToastCustomEvent<string>) => void;
+        /**
+          * Toast’s position
+         */
         "position"?: "left" | "center" | "right";
+        /**
+          * Number of milliseconds to wait before Toast disappear
+         */
         "time"?: number;
+        /**
+          * Toast type
+         */
+        "type"?: "solid" | "classic";
         /**
           * Style variation of the toast message.
          */
-        "variant"?: VariantType11;
+        "variant"?: VariantType12;
         /**
           * Aria label for the closing button. It is mandatory if the alert is closable
          */
@@ -3248,11 +3672,11 @@ declare namespace LocalJSX {
         /**
           * Tooltip’s size.
          */
-        "size"?: SizeType1;
+        "size"?: SizeType2;
         /**
           * Style variation of the tooltip
          */
-        "variant"?: VariantType12;
+        "variant"?: VariantType13;
     }
     interface GovTooltipContent {
         /**
@@ -3264,7 +3688,7 @@ declare namespace LocalJSX {
         /**
           * Called when the wizzard children state changes
          */
-        "onGov-change"?: (event: GovWizzardCustomEvent<any>) => void;
+        "onGov-change"?: (event: GovWizzardCustomEvent<GovWizzardItemChangeEvent>) => void;
         /**
           * Size of wizzard
          */
@@ -3279,6 +3703,10 @@ declare namespace LocalJSX {
         "wcagLabelledBy"?: string;
     }
     interface GovWizzardItem {
+        /**
+          * Item annotation of the wizzard
+         */
+        "annotation"?: string;
         /**
           * Defines wether the wizzard item can be collapsible
          */
@@ -3307,10 +3735,14 @@ declare namespace LocalJSX {
           * Called when the accordion state changes
          */
         "onGov-change"?: (event: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => void;
+        /**
+          * Size of wizzard
+         */
+        "size"?: SizesType10;
         /**
           * Style variation of the button.
          */
-        "variant"?: VariantType13;
+        "variant"?: VariantType14;
     }
     interface IntrinsicElements {
         "gov-accordion": GovAccordion;
@@ -3321,6 +3753,7 @@ declare namespace LocalJSX {
         "gov-attachments-item": GovAttachmentsItem;
         "gov-backdrop": GovBackdrop;
         "gov-badge": GovBadge;
+        "gov-breadcrumbs": GovBreadcrumbs;
         "gov-button": GovButton;
         "gov-card": GovCard;
         "gov-container": GovContainer;
@@ -3330,7 +3763,6 @@ declare namespace LocalJSX {
         "gov-form-autocomplete": GovFormAutocomplete;
         "gov-form-checkbox": GovFormCheckbox;
         "gov-form-control": GovFormControl;
-        "gov-form-dropdown": GovFormDropdown;
         "gov-form-file": GovFormFile;
         "gov-form-group": GovFormGroup;
         "gov-form-input": GovFormInput;
@@ -3342,9 +3774,16 @@ declare namespace LocalJSX {
         "gov-form-select": GovFormSelect;
         "gov-form-switch": GovFormSwitch;
         "gov-grid": GovGrid;
+        "gov-grid-item": GovGridItem;
         "gov-icon": GovIcon;
+        "gov-layout": GovLayout;
+        "gov-layout-aside": GovLayoutAside;
+        "gov-layout-content": GovLayoutContent;
+        "gov-loading": GovLoading;
         "gov-message": GovMessage;
         "gov-modal": GovModal;
+        "gov-nav": GovNav;
+        "gov-nav-item": GovNavItem;
         "gov-pagination": GovPagination;
         "gov-prompt": GovPrompt;
         "gov-side-nav": GovSideNav;
@@ -3357,6 +3796,7 @@ declare namespace LocalJSX {
         "gov-tabs": GovTabs;
         "gov-tabs-item": GovTabsItem;
         "gov-tile": GovTile;
+        "gov-tiles": GovTiles;
         "gov-toast": GovToast;
         "gov-tooltip": GovTooltip;
         "gov-tooltip-content": GovTooltipContent;
@@ -3376,6 +3816,7 @@ declare module "@stencil/core" {
             "gov-attachments-item": LocalJSX.GovAttachmentsItem & JSXBase.HTMLAttributes<HTMLGovAttachmentsItemElement>;
             "gov-backdrop": LocalJSX.GovBackdrop & JSXBase.HTMLAttributes<HTMLGovBackdropElement>;
             "gov-badge": LocalJSX.GovBadge & JSXBase.HTMLAttributes<HTMLGovBadgeElement>;
+            "gov-breadcrumbs": LocalJSX.GovBreadcrumbs & JSXBase.HTMLAttributes<HTMLGovBreadcrumbsElement>;
             "gov-button": LocalJSX.GovButton & JSXBase.HTMLAttributes<HTMLGovButtonElement>;
             "gov-card": LocalJSX.GovCard & JSXBase.HTMLAttributes<HTMLGovCardElement>;
             "gov-container": LocalJSX.GovContainer & JSXBase.HTMLAttributes<HTMLGovContainerElement>;
@@ -3385,7 +3826,6 @@ declare module "@stencil/core" {
             "gov-form-autocomplete": LocalJSX.GovFormAutocomplete & JSXBase.HTMLAttributes<HTMLGovFormAutocompleteElement>;
             "gov-form-checkbox": LocalJSX.GovFormCheckbox & JSXBase.HTMLAttributes<HTMLGovFormCheckboxElement>;
             "gov-form-control": LocalJSX.GovFormControl & JSXBase.HTMLAttributes<HTMLGovFormControlElement>;
-            "gov-form-dropdown": LocalJSX.GovFormDropdown & JSXBase.HTMLAttributes<HTMLGovFormDropdownElement>;
             "gov-form-file": LocalJSX.GovFormFile & JSXBase.HTMLAttributes<HTMLGovFormFileElement>;
             "gov-form-group": LocalJSX.GovFormGroup & JSXBase.HTMLAttributes<HTMLGovFormGroupElement>;
             "gov-form-input": LocalJSX.GovFormInput & JSXBase.HTMLAttributes<HTMLGovFormInputElement>;
@@ -3397,9 +3837,16 @@ declare module "@stencil/core" {
             "gov-form-select": LocalJSX.GovFormSelect & JSXBase.HTMLAttributes<HTMLGovFormSelectElement>;
             "gov-form-switch": LocalJSX.GovFormSwitch & JSXBase.HTMLAttributes<HTMLGovFormSwitchElement>;
             "gov-grid": LocalJSX.GovGrid & JSXBase.HTMLAttributes<HTMLGovGridElement>;
+            "gov-grid-item": LocalJSX.GovGridItem & JSXBase.HTMLAttributes<HTMLGovGridItemElement>;
             "gov-icon": LocalJSX.GovIcon & JSXBase.HTMLAttributes<HTMLGovIconElement>;
+            "gov-layout": LocalJSX.GovLayout & JSXBase.HTMLAttributes<HTMLGovLayoutElement>;
+            "gov-layout-aside": LocalJSX.GovLayoutAside & JSXBase.HTMLAttributes<HTMLGovLayoutAsideElement>;
+            "gov-layout-content": LocalJSX.GovLayoutContent & JSXBase.HTMLAttributes<HTMLGovLayoutContentElement>;
+            "gov-loading": LocalJSX.GovLoading & JSXBase.HTMLAttributes<HTMLGovLoadingElement>;
             "gov-message": LocalJSX.GovMessage & JSXBase.HTMLAttributes<HTMLGovMessageElement>;
             "gov-modal": LocalJSX.GovModal & JSXBase.HTMLAttributes<HTMLGovModalElement>;
+            "gov-nav": LocalJSX.GovNav & JSXBase.HTMLAttributes<HTMLGovNavElement>;
+            "gov-nav-item": LocalJSX.GovNavItem & JSXBase.HTMLAttributes<HTMLGovNavItemElement>;
             "gov-pagination": LocalJSX.GovPagination & JSXBase.HTMLAttributes<HTMLGovPaginationElement>;
             "gov-prompt": LocalJSX.GovPrompt & JSXBase.HTMLAttributes<HTMLGovPromptElement>;
             "gov-side-nav": LocalJSX.GovSideNav & JSXBase.HTMLAttributes<HTMLGovSideNavElement>;
@@ -3412,6 +3859,7 @@ declare module "@stencil/core" {
             "gov-tabs": LocalJSX.GovTabs & JSXBase.HTMLAttributes<HTMLGovTabsElement>;
             "gov-tabs-item": LocalJSX.GovTabsItem & JSXBase.HTMLAttributes<HTMLGovTabsItemElement>;
             "gov-tile": LocalJSX.GovTile & JSXBase.HTMLAttributes<HTMLGovTileElement>;
+            "gov-tiles": LocalJSX.GovTiles & JSXBase.HTMLAttributes<HTMLGovTilesElement>;
             "gov-toast": LocalJSX.GovToast & JSXBase.HTMLAttributes<HTMLGovToastElement>;
             "gov-tooltip": LocalJSX.GovTooltip & JSXBase.HTMLAttributes<HTMLGovTooltipElement>;
             "gov-tooltip-content": LocalJSX.GovTooltipContent & JSXBase.HTMLAttributes<HTMLGovTooltipContentElement>;