@gov-design-system-ce/components 0.0.52 → 0.0.54

package/dist/stencil.config.js

@@ -58,16 +58,15 @@ export const config = {
       includePolyfills: true
     }),
     vueOutputTarget({
-      componentCorePackage: "@gov-design-system-ce/components",
+      componentCorePackage: "@gov-design-system-ce",
       proxiesFile: "../../../packages/core-vue/lib/index.ts",
       includeImportCustomElements: true
     }),
     angularOutputTarget({
       componentCorePackage: "@gov-design-system-ce/components",
-      outputType: 'standalone',
-      directivesProxyFile: '../../../packages/core-angular/lib/components.ts',
-      directivesArrayFile: '../../../packages/core-angular/lib/index.ts',
-      customElementsDir: 'dist'
+      outputType: 'component',
+      directivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',
+      directivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',
     }),
   ],
 };

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,kCAAkC;MACxD,WAAW,EAAE,yCAAyC;MACtD,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,mBAAmB,CAAC;MACnB,oBAAoB,EAAE,kCAAkC;MACxD,UAAU,EAAE,YAAY;MACxB,mBAAmB,EAAE,kDAAkD;MACvE,mBAAmB,EAAE,6CAA6C;MAClE,iBAAiB,EAAE,MAAM;KACzB,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/components\",\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: 'standalone',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/lib/components.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/lib/index.ts',\n\t\t\tcustomElementsDir: 'dist'\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,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"]}

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

@@ -17,6 +17,6 @@ export declare const AccordionItemClass: {
   title: string;
   label: string;
   name: string;
-  annot: string;
+  annotation: string;
   content: string;
 };

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

@@ -20,14 +20,6 @@ export declare class GovAccordionItem {
    * Accordion’s size.
    */
   size?: AccordionSizeType;
-  /**
-   * Item name of the accordion
-   */
-  readonly label: string;
-  /**
-   * Item annotation of the accordion
-   */
-  readonly 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.
@@ -36,21 +28,11 @@ export declare class GovAccordionItem {
   /**
    * Defines whether the accordion is open or closed by default
    */
-  readonly isExpanded: boolean;
-  /**
-   * Used to change the HTML tag in the accordion trigger for correct semantic structure
-   */
-  readonly triggerTag: string;
-  /**
-   * To remove the main underline of an item
-   */
-  readonly noBorder: boolean;
+  isExpanded: boolean;
   /**
    * Called when the accordion state changes
    */
   govChange: EventEmitter<AccordionItemEvent>;
-  validateLabel(newValue: string): void;
-  validateTriggerTag(newValue: string): void;
   validateSize(newValue: string): void;
   validateVariant(newValue: string): void;
   private emmitChange;

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

@@ -32,7 +32,7 @@ import '../../pages/ToastMessage';
 import '../../pages/ToastMessageCountdown';
 import '../../pages/Tooltip';
 import '../../pages/Typography';
-import '../../pages/Wizzard';
+import '../../pages/Wizard';
 export declare class GovApp {
   componentWillLoad(): void;
   render(): any;

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

@@ -4,7 +4,7 @@ export declare class GovBackdrop {
   constructor();
   host: HTMLGovAlertElement;
   /**
-   * Determide if component should have inversed colors to be used on dark background.
+   * Determine if component should have inverse colors to be used on dark background.
    */
   readonly inverse: boolean;
   /**

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

@@ -1,13 +1,13 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { NativeTypesType } from "./constants";
-import { ButtonSizesType, ButtonVariantType, TypesType } from "../gov-button/default/constants";
+import { ButtonSizesType, ButtonVariantType } from "../gov-button/default/constants";
 export declare class GovBadge {
   private triggerRef?;
   private h;
   constructor();
   host: HTMLGovBadgeElement;
   /**
-   * Determide if component should have inversed colors to be used on dark background
+   * Determine if component should have inverse colors to be used on dark background
    */
   readonly inverse: boolean;
   /**
@@ -30,11 +30,7 @@ export declare class GovBadge {
    */
   readonly size: ButtonSizesType;
   /**
-   * Badges's type
-   */
-  readonly type: TypesType;
-  /**
-   * Used to change the HMTL tag in the badge
+   * Used to change the HTML tag in the badge
    */
   readonly tag: NativeTypesType;
   /**
@@ -52,7 +48,6 @@ export declare class GovBadge {
   govClick: EventEmitter<PointerEvent>;
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
-  validateType(newValue: string): void;
   componentWillLoad(): void;
   render(): any;
   private onClickHandler;

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

@@ -5,7 +5,7 @@ export declare class GovBreadcrumbs {
   constructor();
   readonly host: HTMLGovBreadcrumbsElement;
   /**
-   * Defines wether the components can be collapsible when element doesn't fit in one row.
+   * Defines whether the components can be collapsible when element doesn't fit in one row.
    */
   readonly collapsible: boolean;
   /**
@@ -21,7 +21,7 @@ export declare class GovBreadcrumbs {
    */
   readonly wcagLabelledBy: string;
   /**
-   * Called when the Breadrumbs state changes
+   * Called when the Breadcrumbs state changes
    */
   govChange: EventEmitter<GovBreadcrumbsChangeEvent>;
   componentDidRender(): Promise<void>;

package/dist/types/components/gov-control-group/constants.d.ts

@@ -1,7 +1,7 @@
 import { Variants } from '../../core/constants/variants';
 import { ValueOf } from '../../types/interfaces';
-export declare const ControlGroups: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export type ControlGroupType = `${ValueOf<typeof ControlGroups>}`;
+export declare const ControlGroupVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export type ControlGroupVariantType = `${ValueOf<typeof ControlGroupVariants>}`;
 export declare const ControlGroupClass: {
   root: string;
 };

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

@@ -1,4 +1,4 @@
-import { ControlGroupType } from "./constants";
+import { ControlGroupVariantType } from "./constants";
 export declare class GovControlGroup {
   private readonly h;
   constructor();
@@ -6,7 +6,7 @@ export declare class GovControlGroup {
   /**
    * Style variation of the content message.
    */
-  readonly variant: ControlGroupType;
+  readonly variant: ControlGroupVariantType;
   /**
    * Specifies the display of the border between elements
    */

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

@@ -2,6 +2,11 @@ import { Sizes } from "../../../core/constants/sizes";
 import { ValueOf } from "../../../types/interfaces";
 export declare const FormGroupSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XS">;
 export type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`;
+export declare enum FormGroupOrientation {
+  HORIZONTAL = "horizontal",
+  VERTICAL = "vertical"
+}
+export type FormGroupOrientationType = `${ValueOf<typeof FormGroupOrientation>}`;
 export declare const FormGroupClass: {
   root: string;
 };

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

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

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

@@ -1,6 +1,7 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormInputSizesType, FormInputVariantType, InputType, Type } from './constants';
-import { FormInputEvent } from './gov-form-input.types';
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FormInputSizesType, FormInputVariantType, InputType, Type } from "./constants";
+import { FormInputEvent } from "./gov-form-input.types";
+import { Nullable } from "../../../types/interfaces";
 export declare class GovFormInput {
   private f;
   private readonly h;
@@ -99,7 +100,7 @@ export declare class GovFormInput {
    * Same as original parameter
    * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role
    */
-  readonly role: string;
+  readonly role: Nullable<string>;
   /**
    * Indicates the entered value does not conform to the format expected by the application.
    */

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

@@ -1,4 +1,4 @@
-import { Type } from './constants';
+import { Type } from "./constants";
 export declare class GovIcon {
   private h;
   constructor();

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { Nullable } from "../../types/interfaces";
 export declare class GovModal {
   private h;
   private readonly labelId;
@@ -16,7 +17,7 @@ export declare class GovModal {
   /**
    * Role of modal
    */
-  role: string;
+  role: Nullable<string>;
   /**
    * Used to change the HTML tag in the modal label for correct semantic structure
    */

package/dist/types/components/gov-promp/gov-prompt.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { Nullable } from "../../types/interfaces";
 export declare class GovPrompt {
   private h;
   private readonly labelId;
@@ -16,7 +17,7 @@ export declare class GovPrompt {
   /**
    * Role of modal
    */
-  role: string;
+  role: Nullable<string>;
   /**
    * Used to change the HTML tag in the modal label for correct semantic structure
    */

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

@@ -1,6 +1,6 @@
 import { Sizes } from '../../core/constants/sizes';
 import { ValueOf } from '../../types/interfaces';
-export declare const SpacerSize: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XS" | "_XL" | "_2XL" | "_3XL" | "_5XL">;
+export declare const SpacerSize: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XS" | "_XL" | "_2XL" | "_3XL" | "_4XL">;
 export type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`;
 export declare enum SpacerBreakpoints {
   NONE = "none",

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

@@ -1,4 +1,4 @@
-import { StatsBarVariantType, StatsBarIconPositionType } from './constants';
+import { StatsBarIconPositionType, StatsBarVariantType } from "./constants";
 export declare class GovStatsbar {
   private h;
   constructor();

package/dist/types/components/{gov-wizzard → gov-wizard}/constants.d.ts

@@ -5,10 +5,10 @@ export declare const WizardVariants: Pick<typeof Variants, "PRIMARY" | "SECONDAR
 export type WizardVariantsType = `${ValueOf<typeof WizardVariants>}`;
 export declare const WizardSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M">;
 export type WizardSizesType = `${ValueOf<typeof WizardSizes>}`;
-export declare const WizzardClass: {
+export declare const WizardClass: {
   root: string;
 };
-export declare const WizzardItemClass: {
+export declare const WizardItemClass: {
   root: string;
   header: string;
   arrow: string;

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

@@ -0,0 +1,4 @@
+export interface GovWizardItemChangeEvent {
+  open: boolean;
+  element: HTMLGovWizardItemElement;
+}

package/dist/types/components/{gov-wizzard/gov-wizzard-item.d.ts → gov-wizard/gov-wizard-item.d.ts}

@@ -1,38 +1,38 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { WizardSizesType, WizardVariantsType } from "./constants";
-import { WizzardItemEvent } from "./gov-wizzard-item.types";
-export declare class GovWizzardItem {
+import { WizardItemEvent } from "./gov-wizard-item.types";
+export declare class GovWizardItem {
   private h;
   private readonly triggerId;
   private readonly contentId;
   constructor();
-  readonly host: HTMLGovWizzardItemElement;
+  readonly host: HTMLGovWizardItemElement;
   /**
    * Style variation of the button.
    */
   readonly variant?: WizardVariantsType;
   /**
-   * Size of wizzard
+   * Size of wizard
    */
   readonly size?: WizardSizesType;
   /**
-   * Custom wizzard item identifier. Otherwise, it will be generated
+   * Custom wizard item identifier. Otherwise, it will be generated
    */
   readonly identifier: string;
   /**
-   * Defines weather the wizzard item can be collapsible
+   * Defines weather the wizard item can be collapsible
    */
   readonly collapsible: boolean;
   /**
-   * Item annotation of the wizzard
+   * Item annotation of the wizard
    */
   readonly annotation: string;
   /**
-   * Item label of the wizzard
+   * Item label of the wizard
    */
   readonly label: string;
   /**
-   * Makes the wizzard component disabled.
+   * Makes the wizard component disabled.
    */
   readonly disabled: boolean;
   /**
@@ -46,7 +46,7 @@ export declare class GovWizzardItem {
   /**
    * Called when the accordion state changes
    */
-  govChange: EventEmitter<WizzardItemEvent>;
+  govChange: EventEmitter<WizardItemEvent>;
   private validateLabel;
   private validateTriggerTag;
   private validateVariant;
@@ -54,15 +54,15 @@ export declare class GovWizzardItem {
   componentWillLoad(): void;
   render(): any;
   /**
-   * Opening the Wizzard
+   * Opening the Wizard
    */
   open(): Promise<void>;
   /**
-   * Closing the Wizzard
+   * Closing the Wizard
    */
   close(): Promise<void>;
   /**
-   * Wizzard switch
+   * Wizard switch
    */
   toggle(): Promise<void>;
   /**

package/dist/types/components/{gov-wizzard/gov-wizzard-item.types.d.ts → gov-wizard/gov-wizard-item.types.d.ts}

@@ -1,4 +1,4 @@
 import { GovBaseEvent } from "../../types/event.types";
-export interface WizzardItemEvent extends GovBaseEvent {
+export interface WizardItemEvent extends GovBaseEvent {
   expanded: boolean;
 }

package/dist/types/components/{gov-wizzard/gov-wizzard.d.ts → gov-wizard/gov-wizard.d.ts}

@@ -1,16 +1,16 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { WizardSizesType } from "./constants";
-import { GovWizzardItemChangeEvent } from "./gov-wizzard-item.d";
-export declare class GovWizzard {
+import { GovWizardItemChangeEvent } from "./gov-wizard-item.d";
+export declare class GovWizard {
   private h;
-  readonly host: HTMLGovWizzardElement;
+  readonly host: HTMLGovWizardElement;
   constructor();
   /**
-   * Size of wizzard
+   * Size of wizard
    */
   readonly size?: WizardSizesType;
   /**
-   * Adds accessible label for the wizzard that is only shown for screen readers.
+   * Adds accessible label for the wizard that is only shown for screen readers.
    */
   readonly wcagLabel: string;
   /**
@@ -18,9 +18,9 @@ export declare class GovWizzard {
    */
   readonly wcagLabelledBy: string;
   /**
-   * Called when the wizzard children state changes
+   * Called when the wizard children state changes
    */
-  govChange: EventEmitter<GovWizzardItemChangeEvent>;
+  govChange: EventEmitter<GovWizardItemChangeEvent>;
   private validateSize;
   componentWillLoad(): void;
   componentDidLoad(): void;