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

package/dist/stencil.config.js

@@ -64,10 +64,9 @@ export const config = {
     }),
     angularOutputTarget({
       componentCorePackage: "@gov-design-system-ce/components",
-      outputType: 'standalone',
+      outputType: 'component',
       directivesProxyFile: '../../../packages/core-angular/lib/components.ts',
       directivesArrayFile: '../../../packages/core-angular/lib/index.ts',
-      customElementsDir: 'dist'
     }),
   ],
 };

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,kCAAkC;MACxD,WAAW,EAAE,yCAAyC;MACtD,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,mBAAmB,CAAC;MACnB,oBAAoB,EAAE,kCAAkC;MACxD,UAAU,EAAE,WAAW;MACvB,mBAAmB,EAAE,kDAAkD;MACvE,mBAAmB,EAAE,6CAA6C;KAClE,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: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/lib/components.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/lib/index.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-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-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.d.ts

@@ -14,7 +14,7 @@ import { NativeTypesType } from "./components/gov-badge/constants";
 import { GovBreadcrumbsChangeEvent } from "./components/gov-breadcrumbs/gov-breadcrumbs.d";
 import { ButtonEvent } from "./components/gov-button/default/gov-button.types";
 import { GovCardChangeEvent } from "./components/gov-card/interfaces";
-import { ControlGroupType } from "./components/gov-control-group/constants";
+import { ControlGroupVariantType } from "./components/gov-control-group/constants";
 import { PositionType } from "./components/gov-button/dropdown/constants";
 import { DropdownEvent } from "./components/gov-button/dropdown/gov-dropdown.types";
 import { SizesType, VariantType as VariantType1 } from "./components/gov-form/autocomplete/constants";
@@ -23,8 +23,9 @@ import { FormCheckboxSizesType } from "./components/gov-form/checkbox/constants"
 import { FormCheckboxEvent } from "./components/gov-form/checkbox/gov-form-checkbox.types";
 import { FormControlSizesType } from "./components/gov-form/control/constants";
 import { GovFormFileEvent } from "./components/gov-form/file/gov-form-file.types";
-import { FormGroupSizesType } from "./components/gov-form/group/constants";
+import { FormGroupOrientationType, FormGroupSizesType } from "./components/gov-form/group/constants";
 import { FormInputSizesType, FormInputVariantType, InputType, Type } from "./components/gov-form/input/constants";
+import { Nullable } from "./types/interfaces";
 import { FormInputEvent } from "./components/gov-form/input/gov-form-input.types";
 import { FormLabelSizesTypes } from "./components/gov-form/label/constants";
 import { FormMessageVariantType } from "./components/gov-form/message/constants";
@@ -49,7 +50,6 @@ import { StatsBarIconPositionType, StatsBarVariantType } from "./components/gov-
 import { StepperSizesType, StepperVariantType } from "./components/gov-stepper/constants";
 import { GovStepperItemChangeEvent } from "./components/gov-stepper/gov-stepper-item.d";
 import { TabOrientationType, TabType, VariantType as VariantType2 } from "./components/gov-tabs/constants";
-import { Nullable } from "./types/interfaces";
 import { ToastTypesType, ToastVariantType } from "./components/gov-toast/constants";
 import { TooltipPositionType, TooltipSizeType, TooltipVariantType } from "./components/gov-tooltip/constants";
 import { WizardSizesType, WizardVariantsType } from "./components/gov-wizzard/constants";
@@ -64,7 +64,7 @@ export { NativeTypesType } from "./components/gov-badge/constants";
 export { GovBreadcrumbsChangeEvent } from "./components/gov-breadcrumbs/gov-breadcrumbs.d";
 export { ButtonEvent } from "./components/gov-button/default/gov-button.types";
 export { GovCardChangeEvent } from "./components/gov-card/interfaces";
-export { ControlGroupType } from "./components/gov-control-group/constants";
+export { ControlGroupVariantType } from "./components/gov-control-group/constants";
 export { PositionType } from "./components/gov-button/dropdown/constants";
 export { DropdownEvent } from "./components/gov-button/dropdown/gov-dropdown.types";
 export { SizesType, VariantType as VariantType1 } from "./components/gov-form/autocomplete/constants";
@@ -73,8 +73,9 @@ export { FormCheckboxSizesType } from "./components/gov-form/checkbox/constants"
 export { FormCheckboxEvent } from "./components/gov-form/checkbox/gov-form-checkbox.types";
 export { FormControlSizesType } from "./components/gov-form/control/constants";
 export { GovFormFileEvent } from "./components/gov-form/file/gov-form-file.types";
-export { FormGroupSizesType } from "./components/gov-form/group/constants";
+export { FormGroupOrientationType, FormGroupSizesType } from "./components/gov-form/group/constants";
 export { FormInputSizesType, FormInputVariantType, InputType, Type } from "./components/gov-form/input/constants";
+export { Nullable } from "./types/interfaces";
 export { FormInputEvent } from "./components/gov-form/input/gov-form-input.types";
 export { FormLabelSizesTypes } from "./components/gov-form/label/constants";
 export { FormMessageVariantType } from "./components/gov-form/message/constants";
@@ -99,7 +100,6 @@ export { StatsBarIconPositionType, StatsBarVariantType } from "./components/gov-
 export { StepperSizesType, StepperVariantType } from "./components/gov-stepper/constants";
 export { GovStepperItemChangeEvent } from "./components/gov-stepper/gov-stepper-item.d";
 export { TabOrientationType, TabType, VariantType as VariantType2 } from "./components/gov-tabs/constants";
-export { Nullable } from "./types/interfaces";
 export { ToastTypesType, ToastVariantType } from "./components/gov-toast/constants";
 export { TooltipPositionType, TooltipSizeType, TooltipVariantType } from "./components/gov-tooltip/constants";
 export { WizardSizesType, WizardVariantsType } from "./components/gov-wizzard/constants";
@@ -133,10 +133,6 @@ export namespace Components {
         "wcagLabelledBy": string;
     }
     interface GovAccordionItem {
-        /**
-          * Item annotation of the accordion
-         */
-        "annotation": string;
         /**
           * Closing the accordion
          */
@@ -157,14 +153,6 @@ export namespace Components {
           * Defines whether the accordion is open or closed by default
          */
         "isExpanded": boolean;
-        /**
-          * Item name of the accordion
-         */
-        "label": string;
-        /**
-          * To remove the main underline of an item
-         */
-        "noBorder": boolean;
         /**
           * Opening the accordion
          */
@@ -177,10 +165,6 @@ export namespace Components {
           * Accordion switch
          */
         "toggle": () => Promise<void>;
-        /**
-          * Used to change the HTML tag in the accordion trigger for correct semantic structure
-         */
-        "triggerTag": string;
         /**
           * Style variation of the button.
          */
@@ -248,7 +232,7 @@ export namespace Components {
     }
     interface GovBackdrop {
         /**
-          * 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.
          */
         "inverse": boolean;
         /**
@@ -279,7 +263,7 @@ export namespace Components {
          */
         "href": string;
         /**
-          * 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
          */
         "inverse": boolean;
         /**
@@ -287,7 +271,7 @@ export namespace Components {
          */
         "size": ButtonSizesType;
         /**
-          * Used to change the HMTL tag in the badge
+          * Used to change the HTML tag in the badge
          */
         "tag": NativeTypesType;
         /**
@@ -295,10 +279,6 @@ export namespace Components {
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
          */
         "target": string;
-        /**
-          * Badges's type
-         */
-        "type": TypesType;
         /**
           * Style variation of the badge.
          */
@@ -310,7 +290,7 @@ export namespace Components {
     }
     interface GovBreadcrumbs {
         /**
-          * 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.
          */
         "collapsible": boolean;
         /**
@@ -524,7 +504,7 @@ export namespace Components {
         /**
           * Style variation of the content message.
          */
-        "variant": ControlGroupType;
+        "variant": ControlGroupVariantType;
     }
     interface GovCookiebar {
     }
@@ -826,6 +806,10 @@ export namespace Components {
           * Gap's size.
          */
         "gap"?: FormGroupSizesType;
+        /**
+          * Elements orientation
+         */
+        "orientation"?: FormGroupOrientationType;
     }
     interface GovFormInput {
         /**
@@ -905,7 +889,7 @@ export namespace Components {
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role
          */
-        "role": string;
+        "role": Nullable<string>;
         /**
           * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows
          */
@@ -1333,7 +1317,7 @@ export namespace Components {
         /**
           * Role of modal
          */
-        "role": string;
+        "role": Nullable<string>;
         /**
           * Showing the modal
          */
@@ -1458,7 +1442,7 @@ export namespace Components {
         /**
           * Role of modal
          */
-        "role": string;
+        "role": Nullable<string>;
         /**
           * Showing the modal
          */
@@ -2472,10 +2456,6 @@ 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.
          */
@@ -2488,14 +2468,6 @@ declare namespace LocalJSX {
           * Defines whether the accordion is open or closed by default
          */
         "isExpanded"?: boolean;
-        /**
-          * Item name of the accordion
-         */
-        "label"?: string;
-        /**
-          * To remove the main underline of an item
-         */
-        "noBorder"?: boolean;
         /**
           * Called when the accordion state changes
          */
@@ -2504,10 +2476,6 @@ declare namespace LocalJSX {
           * Accordion’s size.
          */
         "size"?: AccordionSizeType;
-        /**
-          * Used to change the HTML tag in the accordion trigger for correct semantic structure
-         */
-        "triggerTag"?: string;
         /**
           * Style variation of the button.
          */
@@ -2571,7 +2539,7 @@ declare namespace LocalJSX {
     }
     interface GovBackdrop {
         /**
-          * 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.
          */
         "inverse"?: boolean;
         /**
@@ -2598,7 +2566,7 @@ declare namespace LocalJSX {
          */
         "href"?: string;
         /**
-          * 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
          */
         "inverse"?: boolean;
         /**
@@ -2610,7 +2578,7 @@ declare namespace LocalJSX {
          */
         "size"?: ButtonSizesType;
         /**
-          * Used to change the HMTL tag in the badge
+          * Used to change the HTML tag in the badge
          */
         "tag"?: NativeTypesType;
         /**
@@ -2618,10 +2586,6 @@ declare namespace LocalJSX {
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
          */
         "target"?: string;
-        /**
-          * Badges's type
-         */
-        "type"?: TypesType;
         /**
           * Style variation of the badge.
          */
@@ -2633,7 +2597,7 @@ declare namespace LocalJSX {
     }
     interface GovBreadcrumbs {
         /**
-          * 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.
          */
         "collapsible"?: boolean;
         /**
@@ -2641,7 +2605,7 @@ declare namespace LocalJSX {
          */
         "isExpanded"?: boolean;
         /**
-          * Called when the Breadrumbs state changes
+          * Called when the Breadcrumbs state changes
          */
         "onGov-change"?: (event: GovBreadcrumbsCustomEvent<GovBreadcrumbsChangeEvent>) => void;
         /**
@@ -2834,7 +2798,7 @@ declare namespace LocalJSX {
         /**
           * Style variation of the content message.
          */
-        "variant"?: ControlGroupType;
+        "variant"?: ControlGroupVariantType;
     }
     interface GovCookiebar {
     }
@@ -3135,6 +3099,10 @@ declare namespace LocalJSX {
           * Gap's size.
          */
         "gap"?: FormGroupSizesType;
+        /**
+          * Elements orientation
+         */
+        "orientation"?: FormGroupOrientationType;
     }
     interface GovFormInput {
         /**
@@ -3226,7 +3194,7 @@ declare namespace LocalJSX {
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role
          */
-        "role"?: string;
+        "role"?: Nullable<string>;
         /**
           * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows
          */
@@ -3642,7 +3610,7 @@ declare namespace LocalJSX {
         /**
           * Role of modal
          */
-        "role"?: string;
+        "role"?: Nullable<string>;
         /**
           * Adds accessible label for the modal close button that is only shown for screen readers.
          */
@@ -3755,7 +3723,7 @@ declare namespace LocalJSX {
         /**
           * Role of modal
          */
-        "role"?: string;
+        "role"?: Nullable<string>;
         /**
           * Adds accessible label for the modal close button that is only shown for screen readers.
          */

package/dist/types/core/constants/tokens.d.ts

@@ -0,0 +1 @@
+export declare const backgroundTokenClasses: any[];

package/package.json

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