@gov-design-system-ce/components 0.0.62 → 0.0.64

package/dist/stencil.config.js

@@ -12,7 +12,8 @@ export const config = {
   sourceMap: true,
   invisiblePrehydration: false,
   extras: {
-    experimentalImportInjection: true,
+    experimentalSlotFixes: true,
+    enableImportInjection: true,
   },
   plugins: [
     sass({

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,qBAAqB,EAAE,KAAK;EAC5B,MAAM,EAAE;IACP,2BAA2B,EAAE,IAAI;GACjC;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;KACtF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,aAAa;MACnB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,KAAK;MACX,IAAI,EAAE;QACL,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,qBAAqB,EAAE;OACxD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,oBAAoB,EAAE,KAAK;MAC3B,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;MACZ,4BAA4B,EAAE,6BAA6B;KAC3D;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,2CAA2C;MACxD,2BAA2B,EAAE,IAAI;MACjC,gBAAgB,EAAE,IAAI;KACtB,CAAC;IACF,eAAe,CAAC;MACf,oBAAoB,EAAE,uBAAuB;MAC7C,WAAW,EAAE,yCAAyC;MACtD,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,mBAAmB,CAAC;MACnB,oBAAoB,EAAE,kCAAkC;MACxD,UAAU,EAAE,WAAW;MACvB,mBAAmB,EAAE,0DAA0D;MAC/E,mBAAmB,EAAE,+DAA+D;KACpF,CAAC;GACF;CACD,CAAA","sourcesContent":["import { Config } from \"@stencil/core\"\nimport { postcss } from \"@stencil/postcss\"\nimport { sass } from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport { reactOutputTarget } from \"@stencil/react-output-target\"\nimport { vueOutputTarget } from \"@stencil/vue-output-target\"\nimport { angularOutputTarget } from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\tinvisiblePrehydration: false,\n\textras: {\n\t\texperimentalImportInjection: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{ src: \"../../fonts/lib\", dest: \"build/assets/fonts\" },\n\t\t\t\t{ src: \"../../icons/lib\", dest: \"build/assets/icons\" },\n\t\t\t\t{ src: \"../../styles/lib\", dest: \"build/assets/styles\" },\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tincludeGlobalScripts: false,\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t\tcustomElementsExportBehavior: 'auto-define-custom-elements'\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-react/lib/index.ts\",\n\t\t\tincludeDefineCustomElements: true,\n\t\t\tincludePolyfills: true\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/index.ts\",\n\t\t\tincludeImportCustomElements: true\n\t\t}),\n\t\tangularOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\toutputType: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',\n\t\t}),\n\t],\n}\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,qBAAqB,EAAE,KAAK;EAC5B,MAAM,EAAE;IACP,qBAAqB,EAAE,IAAI;IAC3B,qBAAqB,EAAE,IAAI;GAC3B;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;KACtF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,aAAa;MACnB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,KAAK;MACX,IAAI,EAAE;QACL,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,qBAAqB,EAAE;OACxD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,oBAAoB,EAAE,KAAK;MAC3B,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;MACZ,4BAA4B,EAAE,6BAA6B;KAC3D;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,2CAA2C;MACxD,2BAA2B,EAAE,IAAI;MACjC,gBAAgB,EAAE,IAAI;KACtB,CAAC;IACF,eAAe,CAAC;MACf,oBAAoB,EAAE,uBAAuB;MAC7C,WAAW,EAAE,yCAAyC;MACtD,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,mBAAmB,CAAC;MACnB,oBAAoB,EAAE,kCAAkC;MACxD,UAAU,EAAE,WAAW;MACvB,mBAAmB,EAAE,0DAA0D;MAC/E,mBAAmB,EAAE,+DAA+D;KACpF,CAAC;GACF;CACD,CAAA","sourcesContent":["import { Config } from \"@stencil/core\"\nimport { postcss } from \"@stencil/postcss\"\nimport { sass } from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport { reactOutputTarget } from \"@stencil/react-output-target\"\nimport { vueOutputTarget } from \"@stencil/vue-output-target\"\nimport { angularOutputTarget } from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\tinvisiblePrehydration: false,\n\textras: {\n\t\texperimentalSlotFixes: true,\n\t\tenableImportInjection: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{ src: \"../../fonts/lib\", dest: \"build/assets/fonts\" },\n\t\t\t\t{ src: \"../../icons/lib\", dest: \"build/assets/icons\" },\n\t\t\t\t{ src: \"../../styles/lib\", dest: \"build/assets/styles\" },\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tincludeGlobalScripts: false,\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t\tcustomElementsExportBehavior: 'auto-define-custom-elements'\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-react/lib/index.ts\",\n\t\t\tincludeDefineCustomElements: true,\n\t\t\tincludePolyfills: true\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/index.ts\",\n\t\t\tincludeImportCustomElements: true\n\t\t}),\n\t\tangularOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\toutputType: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',\n\t\t}),\n\t],\n}\n"]}

package/dist/types/components/gov-accordion/gov-accordion-item.d.ts

@@ -26,7 +26,7 @@ export declare class GovAccordionItem {
    */
   readonly disabled: boolean;
   /**
-   * Defines whether the accordion is open or closed by default
+   * Defines whether the accordion is open or closed by button
    */
   isExpanded: boolean;
   /**

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

@@ -1,9 +1,8 @@
 import '../../pages/Accordion';
-import '../../pages/Infobar';
-import '../../pages/Badge';
 import '../../pages/Breadcrumbs';
 import '../../pages/Button';
 import '../../pages/Card';
+import '../../pages/Chip';
 import '../../pages/Container';
 import '../../pages/ControlGroup';
 import '../../pages/Cookiebar';
@@ -15,6 +14,7 @@ import '../../pages/Forms';
 import '../../pages/FormsRestructure';
 import '../../pages/Grid';
 import '../../pages/Home';
+import '../../pages/Infobar';
 import '../../pages/Layout';
 import '../../pages/Loading';
 import '../../pages/Message';
@@ -27,6 +27,7 @@ import '../../pages/Spacer';
 import '../../pages/Statsbar';
 import '../../pages/Stepper';
 import '../../pages/Tabs';
+import '../../pages/Tag';
 import '../../pages/Tiles.js';
 import '../../pages/ToastMessage';
 import '../../pages/ToastMessageCountdown';

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

@@ -9,7 +9,7 @@ export declare class GovBreadcrumbs {
    */
   readonly collapsible: boolean;
   /**
-   * Defines whether the breadcrumbs are open or closed by default
+   * Defines whether the breadcrumbs are open or closed by button
    */
   readonly isExpanded: boolean;
   /**

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

@@ -75,7 +75,7 @@ export declare class GovButton {
    */
   readonly loading: string;
   /**
-   * Same as original parametr
+   * Same as original parameter
    * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
    */
   readonly focusable: boolean;

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

@@ -19,7 +19,7 @@ export declare class GovCard {
    */
   readonly collapsible: boolean;
   /**
-   * Defines whether the card is open or closed by default
+   * Defines whether the card is open or closed by button
    */
   readonly expanded: boolean;
   /**

package/dist/types/components/{gov-badge → gov-chip}/constants.d.ts

@@ -5,7 +5,7 @@ export declare enum NativeType {
   BUTTON = "button"
 }
 export type NativeTypesType = `${ValueOf<typeof NativeType>}`;
-export declare const BadgeClass: {
+export declare const ChipClass: {
   root: string;
   inner: string;
   hasRight: string;

package/dist/types/components/{gov-badge/gov-badge.d.ts → gov-chip/gov-chip.d.ts}

@@ -1,17 +1,18 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { NativeTypesType } from "./constants";
-import { ButtonSizesType, ButtonVariantType } from "../gov-button/default/constants";
-export declare class GovBadge {
+import { ButtonSizesType, ButtonVariantType } from "../gov-button/button/constants";
+export declare class GovChip {
   private triggerRef?;
   private h;
+  private readonly chipId;
   constructor();
-  host: HTMLGovBadgeElement;
+  host: HTMLGovChipElement;
   /**
    * Determine if component should have inverse colors to be used on dark background
    */
   readonly inverse: boolean;
   /**
-   * Makes the badge component disabled.
+   * Makes the chip component disabled.
    * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
    */
   readonly disabled: boolean;
@@ -26,22 +27,40 @@ export declare class GovBadge {
    */
   readonly target: string;
   /**
-   * Badge’s size.
+   * Chip’s size.
    */
   readonly size: ButtonSizesType;
   /**
-   * Used to change the HTML tag in the badge
+   * Used to change the HTML tag in the chip
    */
   readonly tag: NativeTypesType;
   /**
-   * Style variation of the badge.
+   * Style variation of the chip.
    */
   readonly variant: ButtonVariantType;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
+   */
+  readonly focusable: boolean;
+  /**
+   * Custom chip identifier. Otherwise, it will be generated
+   */
+  readonly identifier: 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.
    */
   readonly wcagLabel: 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
+   */
+  readonly wcagControls: string;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
+   */
+  readonly wcagSelected: boolean;
   /**
    * Emitted when the button click.
    */
@@ -55,4 +74,12 @@ export declare class GovBadge {
    * Returns a clickable element instance
    */
   getTriggerRef(): Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>;
+  /**
+   * Returns a unique tab trigger identifier
+   */
+  getTriggerIdentifier(): Promise<string>;
+  /**
+   * Focus button element
+   */
+  setFocus(): Promise<void>;
 }

package/dist/types/components/gov-form/checkbox/constants.d.ts

@@ -5,4 +5,5 @@ export type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`;
 export declare const FormCheckboxClass: {
   root: string;
   check: string;
+  label: string;
 };

package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts

@@ -13,7 +13,7 @@ export declare class GovFormCheckbox {
    */
   readonly value: string;
   /**
-   * Checkbox default state
+   * Checkbox button state
    */
   checked: boolean;
   /**

package/dist/types/components/gov-form/group/gov-form-group.d.ts

@@ -1,4 +1,4 @@
-import { FormGroupSizesType, FormGroupOrientationType } from "./constants";
+import { FormGroupOrientationType, FormGroupSizesType } from "./constants";
 export declare class GovFormGroup {
   private readonly h;
   constructor();
@@ -12,6 +12,7 @@ export declare class GovFormGroup {
    */
   readonly orientation?: FormGroupOrientationType;
   validateGap(newValue: string): void;
+  validateOrientation(newValue: string): void;
   componentWillLoad(): void;
   render(): any;
 }

package/dist/types/components/gov-form/password-power/gov-form-password-power.d.ts

@@ -1,7 +1,7 @@
 export declare class GovFormPasswordPower {
   /**
- * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong
- */
+   * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong
+   */
   readonly power: number;
   render(): any;
 }

package/dist/types/components/gov-form/radio/constants.d.ts

@@ -7,4 +7,5 @@ export declare const FormRadioClass: {
   holder: string;
   input: string;
   indicator: string;
+  label: string;
 };

package/dist/types/components/gov-form/radio/gov-form-radio.d.ts

@@ -17,7 +17,7 @@ export declare class GovFormRadio {
    */
   readonly noLabel: boolean;
   /**
-   * Radio default state
+   * Radio button state
    */
   checked: boolean;
   /**

package/dist/types/components/gov-form/select/gov-form-select.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { FormSelectSizesType, FormSelectVariantType } from './constants';
-import { FormSelectEvent } from './gov-form-select.types';
+import { FormSelectEvent, FormSelectOption } from './gov-form-select.types';
 export declare class GovFormSelect {
   private f;
   private readonly h;
@@ -79,6 +79,7 @@ export declare class GovFormSelect {
    */
   govChange: EventEmitter<FormSelectEvent>;
   focused: boolean;
+  options: FormSelectOption[];
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
   watchDisabled(): void;
@@ -103,6 +104,10 @@ export declare class GovFormSelect {
    * Returns an instance of the native html select element
    */
   getRef(): Promise<HTMLSelectElement>;
+  /**
+   * Sets the selection options
+   */
+  setOptions(options: FormSelectOption[]): Promise<void>;
   /**
    * Validate the WCAG attributes of the component
    */

package/dist/types/components/gov-form/select/gov-form-select.types.d.ts

@@ -2,3 +2,8 @@ import { GovBaseEvent } from "../../../types/event.types";
 export interface FormSelectEvent extends GovBaseEvent {
   value: string;
 }
+export interface FormSelectOption {
+  value: string;
+  label: string;
+  disabled?: boolean;
+}

package/dist/types/components/gov-form/switch/gov-form-switch.d.ts

@@ -17,7 +17,7 @@ export declare class GovFormSwitch {
    */
   readonly noLabel: boolean;
   /**
-   * Switch default state
+   * Switch button state
    */
   checked: boolean;
   /**

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

@@ -1,4 +1,3 @@
-import { Type } from "./constants";
 export declare class GovIcon {
   private h;
   constructor();
@@ -8,9 +7,9 @@ export declare class GovIcon {
    */
   name: string;
   /**
-   * Type of icon
+   * Type (folder) of icon
    */
-  type: Type;
+  type: string;
   private iconData;
   private visible;
   private error;

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

@@ -1,5 +1,5 @@
-import { Variants } from '../../../core/constants/variants';
-import { ValueOf } from '../../../types/interfaces';
+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: {
@@ -7,6 +7,7 @@ export declare const InfobarClass: {
   section: string;
   icon: string;
   content: string;
+  closable: string;
   headline: string;
   close: string;
 };

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

@@ -1,7 +1,7 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
+import { EventEmitter } from "../../stencil-public-runtime";
 import { VariantType } from "./constants";
 import { InfobarEvent } from "./gov-infobar.types";
-import { ButtonEvent } from "../../gov-button/default/gov-button.types";
+import { ButtonEvent } from "../gov-button/button/gov-button.types";
 export declare class GovInfobar {
   private h;
   constructor();

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

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

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

@@ -10,6 +10,10 @@ export declare class GovModal {
    * Attribute for modal window display
    */
   open: boolean;
+  /**
+   * Attribute allowing blocking the modal closing
+   */
+  blockClose: boolean;
   /**
    * Title of modal window
    */

package/dist/types/components/gov-side-nav/constants.d.ts

@@ -10,6 +10,6 @@ export declare const SideNavItemClass: {
   name: string;
   label: string;
   arrow: string;
-  badge: string;
+  chip: string;
   content: string;
 };

package/dist/types/components/gov-side-nav/gov-side-nav-item.d.ts

@@ -36,7 +36,7 @@ export declare class GovSideNavItem {
    */
   readonly href: string;
   /**
-   * Defines whether the sidenav is open or closed by default
+   * Defines whether the sidenav is open or closed by button
    */
   readonly isExpanded: boolean;
   /**

package/dist/types/components/gov-tabs/constants.d.ts

@@ -4,7 +4,7 @@ export declare const TabVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY"
 export type VariantType = `${ValueOf<typeof TabVariants>}`;
 export declare enum TabTypes {
   TEXT = "text",
-  BADGE = "badge"
+  CHIP = "chip"
 }
 export type TabType = `${ValueOf<typeof TabTypes>}`;
 export declare enum TabOrientation {

package/dist/types/components/gov-tabs/gov-tabs-item.d.ts

@@ -1,7 +1,7 @@
 export declare class GovTabsItem {
   private h;
   private readonly contentId;
-  private readonly triggeId;
+  private readonly triggerId;
   constructor();
   host: HTMLGovTabsItemElement;
   /**

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

@@ -1,8 +1,7 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { VariantType } from './constants';
-import { GovTabControllerItem } from './gov-tabs.types';
-import { TabType, TabOrientationType } from './constants';
-import { Nullable } from '../../types/interfaces';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { TabOrientationType, TabType, VariantType } from "./constants";
+import { GovTabControllerItem } from "./gov-tabs.types";
+import { Nullable } from "../../types/interfaces";
 export declare class GovTabs {
   private h;
   private triggerRefs;
@@ -18,7 +17,7 @@ export declare class GovTabs {
    */
   readonly type: TabType;
   /**
-   * Style variation of the tab badges.
+   * Style variation of the tab chips.
    */
   readonly variant?: VariantType;
   /**

package/dist/types/components/gov-tag/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const TagClass: {
+  root: string;
+};

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

@@ -0,0 +1,22 @@
+import { ButtonSizesType, ButtonVariantType } from '../gov-button/button/constants';
+export declare class GovTag {
+  private h;
+  constructor();
+  host: HTMLGovTagElement;
+  /**
+   * Determine if component should have inverse colors to be used on dark background
+   */
+  readonly inverse: boolean;
+  /**
+   * Tag’s size.
+   */
+  readonly size: ButtonSizesType;
+  /**
+   * Style variation of the tag.
+   */
+  readonly variant: ButtonVariantType;
+  validateVariant(newValue: string): void;
+  validateSize(newValue: string): void;
+  componentWillLoad(): void;
+  render(): any;
+}

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

@@ -1,4 +1,4 @@
-import { ButtonTargetType } from "../gov-button/default/constants";
+import { ButtonTargetType } from "../gov-button/button/constants";
 export declare class GovTile {
   private triggerRef?;
   private h;

package/dist/types/components/gov-wizard/gov-wizard-item.d.ts

@@ -36,7 +36,7 @@ export declare class GovWizardItem {
    */
   readonly disabled: boolean;
   /**
-   * Defines whether the accordion is open or closed by default
+   * Defines whether the accordion is open or closed by button
    */
   isExpanded: boolean;
   /**