@gov-design-system-ce/components 0.0.12 → 0.0.14

package/dist/stencil.config.js

@@ -3,6 +3,15 @@ import { sass } from '@stencil/sass';
 import autoprefixer from 'autoprefixer';
 import path from 'path';
 import { reactOutputTarget } from '@stencil/react-output-target';
+import { vueOutputTarget } from '@stencil/vue-output-target';
+const componentModels = [
+  {
+    elements: ['gov-form-input'],
+    event: 'govInput',
+    externalEvent: 'on-input',
+    targetAttr: 'value',
+  },
+];
 export const config = {
   namespace: 'core',
   globalStyle: 'src/sass/global.scss',
@@ -58,6 +67,11 @@ export const config = {
       proxiesFile: '../../../packages/core-react/lib/components.ts',
       includeDefineCustomElements: true,
     }),
+    vueOutputTarget({
+      componentCorePackage: '@gov-design-system-ce/components',
+      proxiesFile: '../../../packages/core-vue/lib/components.ts',
+      componentModels
+    }),
   ],
 };
 //# sourceMappingURL=stencil.config.js.map

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;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,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,EAAE;KACvF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,6BAA6B;MACnC,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,sBAAsB;KAC5B;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;OACtD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,wBAAwB,EAAE,IAAI;MAC9B,oBAAoB,EAAE,KAAK;KAC3B;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,gDAAgD;MAC7D,2BAA2B,EAAE,IAAI;KACjC,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'\n\nexport const config: Config = {\n\tnamespace: 'core',\n\tglobalStyle: 'src/sass/global.scss',\n\ttaskQueue: 'async',\n\tsourceMap: true,\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-custom-elements-bundle',\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist',\n\t\t\tesmLoaderPath: '../loader',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\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],\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\tautoDefineCustomElements: true,\n\t\t\tincludeGlobalScripts: false,\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-react/lib/components.ts',\n\t\t\tincludeDefineCustomElements: true,\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,EAAuB,MAAM,4BAA4B,CAAA;AAEjF,MAAM,eAAe,GAA2B;EAC/C;IACC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IAC5B,KAAK,EAAE,UAAU;IACjB,aAAa,EAAE,UAAU;IACzB,UAAU,EAAE,OAAO;GACnB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,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,EAAE;KACvF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,6BAA6B;MACnC,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,sBAAsB;KAC5B;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;OACtD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,wBAAwB,EAAE,IAAI;MAC9B,oBAAoB,EAAE,KAAK;KAC3B;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,gDAAgD;MAC7D,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,eAAe,CAAC;MACf,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,8CAA8C;MAC3D,eAAe;KACf,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, ComponentModelConfig} from '@stencil/vue-output-target'\n\nconst componentModels: ComponentModelConfig[] = [\n\t{\n\t\telements: ['gov-form-input'],\n\t\tevent: 'govInput',\n\t\texternalEvent: 'on-input',\n\t\ttargetAttr: 'value',\n\t},\n];\n\nexport const config: Config = {\n\tnamespace: 'core',\n\tglobalStyle: 'src/sass/global.scss',\n\ttaskQueue: 'async',\n\tsourceMap: true,\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-custom-elements-bundle',\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist',\n\t\t\tesmLoaderPath: '../loader',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\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],\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\tautoDefineCustomElements: true,\n\t\t\tincludeGlobalScripts: false,\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-react/lib/components.ts',\n\t\t\tincludeDefineCustomElements: true,\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-vue/lib/components.ts',\n\t\t\tcomponentModels\n\t\t}),\n\t],\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { Sizes } from '../../core/constants/sizes';
 import { Variants } from '../../core/constants/variants';
 import { ValueOf } from '../../types/interfaces';
-export declare const AccordionSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export declare const AccordionSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
 export declare type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`;
 export declare const AccordionVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "CUSTOM">;
 export declare type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`;

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

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { AccordionSizeType, AccordionVariantType } from './constants';
-import { GovAccordionItemChangeEvent } from './gov-accordion-item.d';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { AccordionSizeType, AccordionVariantType } from "./constants";
+import { GovAccordionItemChangeEvent } from "./gov-accordion-item.d";
 export declare class GovAccordionItem {
   private readonly triggerId;
   private readonly contentId;
@@ -38,9 +38,13 @@ export declare class GovAccordionItem {
    */
   readonly isExpanded: boolean;
   /**
-   * Used to change the HMTL tag in the accordion trigger for correct semantic structure
+   * 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;
   /**
    * Called when the accordion state changes
    */

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

@@ -1,7 +1,3 @@
 export declare const BreadcrumbsClass: {
   root: string;
-  arrow: string;
-  list: string;
-  item: string;
-  button: string;
 };

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

@@ -4,7 +4,6 @@ export declare class GovBreadcrumbs {
   private h;
   constructor();
   readonly host: HTMLGovBreadcrumbsElement;
-  isExpandedState: boolean;
   /**
    * Defines wether the components can be collapsible when element doesn't fit in one row.
    */
@@ -25,21 +24,8 @@ export declare class GovBreadcrumbs {
    * Called when the Breadrumbs state changes
    */
   govChange: EventEmitter<GovBreadcrumbsChangeEvent>;
-  private emmitChange;
   componentDidRender(): Promise<void>;
   render(): any;
-  /**
-   * Opening the Breadcrumbs
-   */
-  open(): Promise<void>;
-  /**
-   * Closing the Breadcrumbs
-   */
-  close(): Promise<void>;
-  /**
-   * Breadcrumbs switch
-   */
-  toggle(): Promise<void>;
   /**
    * Validate the WCAG attributes of the component
    */

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

@@ -1,7 +1,7 @@
 import { Sizes } from '../../core/constants/sizes';
 import { Variants } from '../../core/constants/variants';
 import { ValueOf } from '../../types/interfaces';
-export declare const ButtonSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS" | "_XL">;
+export declare const ButtonSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XL">;
 export declare type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`;
 export declare const ButtonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export declare type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`;

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

@@ -1,6 +1,6 @@
 import { Sizes } from '../../../core/constants/sizes';
 import { ValueOf } from '../../../types/interfaces';
-export declare const FormCheckboxSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare const FormCheckboxSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
 export declare type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`;
 export declare const FormCheckboxClass: {
   root: string;

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

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

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

@@ -1,6 +1,6 @@
 import { Sizes } from "../../../core/constants/sizes";
 import { ValueOf } from "../../../types/interfaces";
-export declare const FormLabelSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS" | "_XL">;
+export declare const FormLabelSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
 export declare type FormLabelSizesTypes = `${ValueOf<typeof FormLabelSizes>}`;
 export declare const FormLabelClass: {
   root: string;

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

@@ -6,7 +6,7 @@ export declare class GovFormMessage {
   constructor();
   host: HTMLGovFormMessageElement;
   /**
-   * Style variation of the mesage.
+   * Style variation of the message.
    */
   readonly variant?: FormMessageVariantType;
   validateVariant(newValue: string): void;

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

@@ -1,6 +1,6 @@
 import { Sizes } from '../../../core/constants/sizes';
 import { ValueOf } from '../../../types/interfaces';
-export declare const FormRadioSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare const FormRadioSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
 export declare type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`;
 export declare const FormRadioClass: {
   root: string;

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

@@ -1,6 +1,6 @@
 import { Sizes } from '../../../core/constants/sizes';
 import { ValueOf } from '../../../types/interfaces';
-export declare const FormSwitchSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare const FormSwitchSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
 export declare type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`;
 export declare const FormSwitchClass: {
   root: string;

package/dist/types/components/gov-loading/skeleton/constants.d.ts

@@ -0,0 +1,20 @@
+import { Variants } from "../../../core/constants/variants";
+import { ValueOf } from "../../../types/interfaces";
+export declare const SkeletonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`;
+export declare enum SkeletonShapes {
+  CIRCLE = "circle",
+  REACT = "rect",
+  TEXT = "text"
+}
+export declare type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`;
+export declare enum SkeletonAnimation {
+  PULSE = "pulse",
+  PROGRESS = "progress",
+  FALSE = "false"
+}
+export declare type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`;
+export declare const SkeletonClass: {
+  root: string;
+  loader: string;
+};

package/dist/types/components/gov-loading/skeleton/gov-skeleton.d.ts

@@ -0,0 +1,52 @@
+import { SkeletonAnimationType, SkeletonShapesType, SkeletonVariantsType } from "./constants";
+import { GovHost } from "../../../helpers/Dom/template.types";
+export declare class GovSkeleton {
+  h: GovHost;
+  constructor();
+  host: HTMLGovSkeletonElement;
+  /**
+   * Style variation of the skeleton.
+   */
+  readonly variant?: SkeletonVariantsType;
+  /**
+   * Number of rows of current skeleton type
+   */
+  count: number;
+  /**
+   * Shape of the skeleton
+   */
+  shape?: SkeletonShapesType;
+  /**
+   * Width of the skeleton ex. 100px, 100%, auto etc.
+   */
+  width: string;
+  /**
+   * Height of the skeleton ex. 100px, 100%, auto etc.
+   */
+  height: string;
+  /**
+   * Animation type
+   */
+  animation?: SkeletonAnimationType;
+  /**
+   * Adds accessible label for the skeleton that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  items: number[];
+  validateVariant(newValue: string): void;
+  validateShape(newValue: string): void;
+  validateAnimation(newValue: string): void;
+  componentWillLoad(): void;
+  componentWillUpdate(): void;
+  componentDidRender(): Promise<void>;
+  init(): void;
+  get style(): {
+    width?: string;
+    height?: string;
+  };
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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, "_S" | "_M" | "_L" | "_2XS" | "_XS" | "_XL" | "_2XL" | "_3XL" | "_5XL">;
+export declare const SpacerSize: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XS" | "_XL" | "_2XL" | "_3XL" | "_5XL">;
 export declare type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`;
 export declare enum SpacerBreakpoints {
   NONE = "none",

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

@@ -3,7 +3,7 @@ import { Sizes } from '../../core/constants/sizes';
 import { ValueOf } from '../../types/interfaces';
 export declare const StepperVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export declare type StepperVariantType = `${ValueOf<typeof StepperVariants>}`;
-export declare const StepperSizes: Pick<typeof Sizes, "_S" | "_M" | "_XS">;
+export declare const StepperSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M">;
 export declare type StepperSizesType = `${ValueOf<typeof StepperSizes>}`;
 export declare const StepperClass: {
   root: string;

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

@@ -3,7 +3,7 @@ import { Sizes } from '../../core/constants/sizes';
 import { ValueOf } from '../../types/interfaces';
 export declare const WizardVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export declare type WizardVariantsType = `${ValueOf<typeof WizardVariants>}`;
-export declare const WizardSizes: Pick<typeof Sizes, "_S" | "_M" | "_XS">;
+export declare const WizardSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M">;
 export declare type WizardSizesType = `${ValueOf<typeof WizardSizes>}`;
 export declare const WizzardClass: {
   root: string;

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { MessageVariantType } from "./components/gov-message/constants";
 import { PaginationSizeType, PaginationType, PaginationVariantType } 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 { SkeletonAnimationType, SkeletonShapesType, SkeletonVariantsType } from "./components/gov-loading/skeleton/constants";
 import { SpacerBreakpointsType, SpacerSizeType } from "./components/gov-spacer/constants";
 import { StatsBarIconPositionType, StatsBarVariantType } from "./components/gov-statsbar/constants";
 import { StepperSizesType, StepperVariantType } from "./components/gov-stepper/constants";
@@ -101,6 +102,10 @@ export namespace Components {
           * Item name of the accordion
          */
         "label": string;
+        /**
+          * To remove the main underline of an item
+         */
+        "noBorder": boolean;
         /**
           * Opening the accordion
          */
@@ -114,7 +119,7 @@ export namespace Components {
          */
         "toggle": () => Promise<void>;
         /**
-          * Used to change the HMTL tag in the accordion trigger for correct semantic structure
+          * Used to change the HTML tag in the accordion trigger for correct semantic structure
          */
         "triggerTag": string;
         /**
@@ -233,10 +238,6 @@ 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.
          */
@@ -245,14 +246,6 @@ export namespace Components {
           * 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
          */
@@ -850,7 +843,7 @@ export namespace Components {
          */
         "identifier": () => Promise<string>;
         /**
-          * Style variation of the mesage.
+          * Style variation of the message.
          */
         "variant"?: FormMessageVariantType;
     }
@@ -1408,6 +1401,40 @@ export namespace Components {
          */
         "toggle": () => Promise<void>;
     }
+    interface GovSkeleton {
+        /**
+          * Animation type
+         */
+        "animation"?: SkeletonAnimationType;
+        /**
+          * Number of rows of current skeleton type
+         */
+        "count": number;
+        /**
+          * Height of the skeleton ex. 100px, 100%, auto etc.
+         */
+        "height": string;
+        /**
+          * Shape of the skeleton
+         */
+        "shape"?: SkeletonShapesType;
+        /**
+          * Validate the WCAG attributes of the component
+         */
+        "validateWcag": () => Promise<void>;
+        /**
+          * Style variation of the skeleton.
+         */
+        "variant"?: SkeletonVariantsType;
+        /**
+          * Adds accessible label for the skeleton that is only shown for screen readers.
+         */
+        "wcagLabel": string;
+        /**
+          * Width of the skeleton ex. 100px, 100%, auto etc.
+         */
+        "width": string;
+    }
     interface GovSpacer {
         /**
           * Breakpoint
@@ -2088,6 +2115,12 @@ declare global {
         prototype: HTMLGovSideNavItemElement;
         new (): HTMLGovSideNavItemElement;
     };
+    interface HTMLGovSkeletonElement extends Components.GovSkeleton, HTMLStencilElement {
+    }
+    var HTMLGovSkeletonElement: {
+        prototype: HTMLGovSkeletonElement;
+        new (): HTMLGovSkeletonElement;
+    };
     interface HTMLGovSpacerElement extends Components.GovSpacer, HTMLStencilElement {
     }
     var HTMLGovSpacerElement: {
@@ -2216,6 +2249,7 @@ declare global {
         "gov-prompt": HTMLGovPromptElement;
         "gov-side-nav": HTMLGovSideNavElement;
         "gov-side-nav-item": HTMLGovSideNavItemElement;
+        "gov-skeleton": HTMLGovSkeletonElement;
         "gov-spacer": HTMLGovSpacerElement;
         "gov-statsbar": HTMLGovStatsbarElement;
         "gov-statsbar-item": HTMLGovStatsbarItemElement;
@@ -2280,6 +2314,10 @@ declare namespace LocalJSX {
           * Item name of the accordion
          */
         "label"?: string;
+        /**
+          * To remove the main underline of an item
+         */
+        "noBorder"?: boolean;
         /**
           * Called when the accordion state changes
          */
@@ -2289,7 +2327,7 @@ declare namespace LocalJSX {
          */
         "size"?: AccordionSizeType;
         /**
-          * Used to change the HMTL tag in the accordion trigger for correct semantic structure
+          * Used to change the HTML tag in the accordion trigger for correct semantic structure
          */
         "triggerTag"?: string;
         /**
@@ -3027,7 +3065,7 @@ declare namespace LocalJSX {
     }
     interface GovFormMessage {
         /**
-          * Style variation of the mesage.
+          * Style variation of the message.
          */
         "variant"?: FormMessageVariantType;
     }
@@ -3561,6 +3599,36 @@ declare namespace LocalJSX {
          */
         "onGov-change"?: (event: GovSideNavItemCustomEvent<GovSideNavItemChangeEvent>) => void;
     }
+    interface GovSkeleton {
+        /**
+          * Animation type
+         */
+        "animation"?: SkeletonAnimationType;
+        /**
+          * Number of rows of current skeleton type
+         */
+        "count"?: number;
+        /**
+          * Height of the skeleton ex. 100px, 100%, auto etc.
+         */
+        "height"?: string;
+        /**
+          * Shape of the skeleton
+         */
+        "shape"?: SkeletonShapesType;
+        /**
+          * Style variation of the skeleton.
+         */
+        "variant"?: SkeletonVariantsType;
+        /**
+          * Adds accessible label for the skeleton that is only shown for screen readers.
+         */
+        "wcagLabel"?: string;
+        /**
+          * Width of the skeleton ex. 100px, 100%, auto etc.
+         */
+        "width"?: string;
+    }
     interface GovSpacer {
         /**
           * Breakpoint
@@ -3869,6 +3937,7 @@ declare namespace LocalJSX {
         "gov-prompt": GovPrompt;
         "gov-side-nav": GovSideNav;
         "gov-side-nav-item": GovSideNavItem;
+        "gov-skeleton": GovSkeleton;
         "gov-spacer": GovSpacer;
         "gov-statsbar": GovStatsbar;
         "gov-statsbar-item": GovStatsbarItem;
@@ -3932,6 +4001,7 @@ declare module "@stencil/core" {
             "gov-prompt": LocalJSX.GovPrompt & JSXBase.HTMLAttributes<HTMLGovPromptElement>;
             "gov-side-nav": LocalJSX.GovSideNav & JSXBase.HTMLAttributes<HTMLGovSideNavElement>;
             "gov-side-nav-item": LocalJSX.GovSideNavItem & JSXBase.HTMLAttributes<HTMLGovSideNavItemElement>;
+            "gov-skeleton": LocalJSX.GovSkeleton & JSXBase.HTMLAttributes<HTMLGovSkeletonElement>;
             "gov-spacer": LocalJSX.GovSpacer & JSXBase.HTMLAttributes<HTMLGovSpacerElement>;
             "gov-statsbar": LocalJSX.GovStatsbar & JSXBase.HTMLAttributes<HTMLGovStatsbarElement>;
             "gov-statsbar-item": LocalJSX.GovStatsbarItem & JSXBase.HTMLAttributes<HTMLGovStatsbarItemElement>;

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.12",
+    "version" : "0.0.14",
     "license" : "EUPL v1.2 Licensed",
     "main" : "./dist/index.cjs.js",
     "module" : "./dist/index.js",

package/dist/cjs/constants-245999e7.js.map

@@ -1 +0,0 @@
-{"file":"constants-245999e7.js","mappings":";;;;;;MAKa,WAAW,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAC;MAG3D,cAAc,GAAGD,UAAI,CAACE,iBAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,EAAC;AAGzFC;AAAZ,WAAY,IAAI;EACf,uBAAe,CAAA;EACf,6BAAqB,CAAA;EACrB,qBAAa,CAAA;EACb,qBAAa,CAAA;AACd,CAAC,EALWA,YAAI,KAAJA,YAAI,QAKf;AAIWC;AAAZ,WAAY,UAAU;EACrB,+BAAiB,CAAA;EACjB,+BAAiB,CAAA;EACjB,6BAAe,CAAA;AAChB,CAAC,EAJWA,kBAAU,KAAVA,kBAAU,QAIrB;AAID,IAAY,YAIX;AAJD,WAAY,YAAY;EACvB,gCAAgB,CAAA;EAChB,8BAAc,CAAA;EACd,4BAAY,CAAA;AACb,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;MAGY,WAAW,GAAG;EAC1B,IAAI,EAAE,YAAY;EAClB,YAAY,EAAE,oBAAoB;;;;;;;","names":["pick","Sizes","Variants","Type","NativeType"],"sources":["../../../packages/core/src/components/gov-button/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ButtonSizes = pick(Sizes, ['_XS' ,'_S', '_M', '_L', '_XL'])\nexport type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`\n\nexport const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`\n\nexport enum Type {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n\tBASE = 'base',\n\tLINK = 'link',\n}\n\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport enum NativeType {\n\tSUBMIT = 'submit',\n\tBUTTON = 'button',\n\tRESET = 'reset',\n}\n\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport enum ButtonTarget {\n\tBLANK = '_blank',\n\tSELF = '_self',\n\tNEW = '_new',\n}\nexport type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`\n\nexport const ButtonClass = {\n\troot: 'gov-button',\n\trootWithIcon: 'gov-button--w-icon',\n}\n"],"version":3}

package/dist/cjs/constants-e175be18.js.map

@@ -1 +0,0 @@
-{"file":"constants-e175be18.js","mappings":";;;;;;MAKa,cAAc,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAC;MAGhD,iBAAiB,GAAGD,UAAI,CAACE,iBAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAC;MAGtE,cAAc,GAAG;EAC7B,IAAI,EAAE,eAAe;EACrB;MAEY,kBAAkB,GAAG;EACjC,IAAI,EAAE,oBAAoB;EAC1B,MAAM,EAAE,4BAA4B;EACpC,KAAK,EAAE,2BAA2B;EAClC,IAAI,EAAE,0BAA0B;EAChC,MAAM,EAAE,4BAA4B;EACpC,KAAK,EAAE,2BAA2B;EAClC,KAAK,EAAE,2BAA2B;EAClC,IAAI,EAAE,0BAA0B;EAChC,KAAK,EAAE,2BAA2B;EAClC,OAAO,EAAE,6BAA6B;;;;;;;;","names":["pick","Sizes","Variants"],"sources":["../../../packages/core/src/components/gov-accordion/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM'])\nexport type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\theader: 'gov-accordion-item__header',\n\tarrow: 'gov-accordion-item__arrow',\n\ticon: 'gov-accordion-item__icon',\n\tsuffix: 'gov-accordion-item__suffix',\n\ttitle: 'gov-accordion-item__title',\n\tlabel: 'gov-accordion-item__label',\n\tname: 'gov-accordion-item__name',\n\tannot: 'gov-accordion-item__annot',\n\tcontent: 'gov-accordion-item__content',\n}\n"],"version":3}