@gov-design-system-ce/components 4.0.5 → 4.0.6

package/dist/hydrate/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@gov-design-system-ce/components/hydrate",
+  "description": "core component hydration app.",
+  "main": "index.js",
+  "types": "index.d.ts"
+}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/stencil.config.js

@@ -0,0 +1,75 @@
+import { postcss } from "@stencil/postcss";
+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";
+import { angularOutputTarget } from "@stencil/angular-output-target";
+export const config = {
+  namespace: "core",
+  globalStyle: "src/sass/global.scss",
+  taskQueue: "async",
+  sourceMap: true,
+  invisiblePrehydration: false,
+  extras: {
+    experimentalSlotFixes: true,
+    enableImportInjection: true,
+    cloneNodeFix: true,
+  },
+  plugins: [
+    sass({
+      injectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\/g, "/")],
+    }),
+    postcss({
+      plugins: [autoprefixer()],
+    }),
+  ],
+  outputTargets: [
+    {
+      type: "dist",
+      esmLoaderPath: "../loader",
+    },
+    {
+      type: "docs-readme",
+      strict: true,
+    },
+    {
+      type: "www",
+      copy: [
+        { src: "../../fonts/lib", dest: "build/assets/fonts" },
+        { src: "../../icons/lib", dest: "build/assets/icons" },
+        { src: "../../styles/lib", dest: "build/assets/styles" },
+      ],
+      serviceWorker: null,
+    },
+    {
+      type: "dist-hydrate-script",
+      dir: "dist/hydrate",
+    },
+    {
+      type: "dist-custom-elements",
+      includeGlobalScripts: false,
+      externalRuntime: false,
+      minify: true,
+      customElementsExportBehavior: 'auto-define-custom-elements'
+    },
+    reactOutputTarget({
+      componentCorePackage: "@gov-design-system-ce/components",
+      proxiesFile: "../../../packages/core-react/lib/index.ts",
+      includeDefineCustomElements: true,
+      includePolyfills: true
+    }),
+    vueOutputTarget({
+      componentCorePackage: "@gov-design-system-ce",
+      proxiesFile: "../../../packages/core-vue/lib/index.ts",
+      includeImportCustomElements: true
+    }),
+    angularOutputTarget({
+      componentCorePackage: "@gov-design-system-ce/components",
+      outputType: 'component',
+      directivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',
+      directivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',
+    }),
+  ],
+};
+//# sourceMappingURL=stencil.config.js.map

package/dist/stencil.config.js.map

@@ -0,0 +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,qBAAqB,EAAE,IAAI;IAC3B,qBAAqB,EAAE,IAAI;IAC3B,YAAY,EAAE,IAAI;GAClB;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\tcloneNodeFix: 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/Users/leo/Projects/repos/asseco/design-system/gov-design-system-ce/packages/core/.stencil/packages/core/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from "../../../../../../../../../../../../stencil-public-runtime";
+export declare const config: Config;

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

@@ -0,0 +1,22 @@
+import { Sizes } from '../../core/constants/sizes';
+import { Variants } from '../../core/constants/variants';
+import { ValueOf } from '../../types/interfaces';
+export declare const AccordionSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
+export type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`;
+export declare const AccordionVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "CUSTOM">;
+export type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`;
+export declare const AccordionClass: {
+  root: string;
+};
+export declare const AccordionItemClass: {
+  root: string;
+  header: string;
+  icon: string;
+  title: string;
+  label: string;
+  annotation: string;
+  suffix: string;
+  right: string;
+  arrow: string;
+  content: string;
+};

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

@@ -0,0 +1,58 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { AccordionSizeType, AccordionVariantType } from "./constants";
+import { AccordionItemEvent } from "./gov-accordion.types";
+export declare class GovAccordionItem {
+  private readonly triggerId;
+  private readonly contentId;
+  private h;
+  constructor();
+  readonly host: HTMLGovAccordionItemElement;
+  isExpandedState: boolean;
+  /**
+   * Style variation of the button.
+   */
+  variant?: AccordionVariantType;
+  /**
+   * Custom accordion item identifier. Otherwise, it will be generated
+   */
+  readonly identifier: string;
+  /**
+   * Accordion’s size.
+   */
+  size?: AccordionSizeType;
+  /**
+   * Makes the button component disabled.
+   * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
+   */
+  readonly disabled: boolean;
+  /**
+   * Defines whether the accordion is open or closed by button
+   */
+  isExpanded: boolean;
+  /**
+   * Called when the accordion state changes
+   */
+  govChange: EventEmitter<AccordionItemEvent>;
+  validateSize(newValue: string): void;
+  validateVariant(newValue: string): void;
+  private emmitChange;
+  componentWillLoad(): void;
+  getPropsFromParents(): void;
+  render(): any;
+  /**
+   * Opening the accordion
+   */
+  open(): Promise<void>;
+  /**
+   * Closing the accordion
+   */
+  close(): Promise<void>;
+  /**
+   * Accordion switch
+   */
+  toggle(): Promise<void>;
+  /**
+   * Returns the current state of the component
+   */
+  currentState(): Promise<boolean>;
+}

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { AccordionSizeType, AccordionVariantType } from './constants';
+import { AccordionEvent } from "./gov-accordion.types";
+export declare class GovAccordion {
+  private h;
+  constructor();
+  readonly host: HTMLGovAccordionElement;
+  /**
+   * Accordion’s size.
+   */
+  readonly size?: AccordionSizeType;
+  /**
+   * Style variation of the button.
+   */
+  readonly variant?: AccordionVariantType;
+  /**
+   * Accordion item underline
+   */
+  readonly noBorder: boolean;
+  /**
+   * Adds accessible label for the accordion that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  /**
+   * String of id's that indicate alternative labels elements
+   */
+  readonly wcagLabelledBy: string;
+  /**
+   * Called when the accordion state changes
+   */
+  govChange: EventEmitter<AccordionEvent>;
+  validateSize(newValue: string): void;
+  validateVariant(newValue: string): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,9 @@
+import { GovBaseEvent } from "../../types/event.types";
+export interface AccordionItemEvent extends GovBaseEvent {
+  open: boolean;
+  ref: HTMLGovAccordionItemElement;
+}
+export interface AccordionEvent extends GovBaseEvent {
+  open: boolean;
+  ref: HTMLGovAccordionItemElement;
+}

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

@@ -0,0 +1,11 @@
+export declare const AttachmentsClass: {
+  root: string;
+  label: string;
+  list: string;
+};
+export declare const AttachmentsItemClass: {
+  root: string;
+  name: string;
+  file: string;
+  messages: string;
+};

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

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

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

@@ -0,0 +1,24 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class GovAttachmentsItem {
+  private h;
+  constructor();
+  readonly host: HTMLGovAttachmentsItemElement;
+  /**
+   * Adds accessible label for the remove button that is only shown for screen readers.
+   */
+  readonly wcagRemoveLabel: string;
+  /**
+   * Indicates the id of a component that labels the remove button.
+   */
+  readonly wcagRemoveLabelledBy: string;
+  /**
+   * Emitted when the file is removed
+   */
+  govRemove: EventEmitter<PointerEvent>;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,19 @@
+export declare class GovAttachments {
+  private h;
+  constructor();
+  readonly host: HTMLGovAttachmentsElement;
+  /**
+   * Label of attachments section
+   */
+  readonly label: string;
+  /**
+   * Adds accessible label for the attachment section that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,4 @@
+export declare const BackdropClass: {
+  root: string;
+  bg: string;
+};

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

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class GovBackdrop {
+  private h;
+  constructor();
+  host: HTMLGovBackdropElement;
+  /**
+   * Determine if component should have inverse colors to be used on dark background.
+   */
+  readonly inverse: boolean;
+  /**
+   * Adds accessible label for the backdrop that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  /**
+   * String of id's that indicate alternative labels elements
+   */
+  readonly wcagLabelledBy: string;
+  /**
+   * Emitted when button clicks.
+   */
+  govClick: EventEmitter<MouseEvent>;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GovBreadcrumbsChangeEvent } from './gov-breadcrumbs.d';
+export declare class GovBreadcrumbs {
+  private h;
+  constructor();
+  readonly host: HTMLGovBreadcrumbsElement;
+  /**
+   * Defines whether the components can be collapsible when element doesn't fit in one row.
+   */
+  readonly collapsible: boolean;
+  /**
+   * Defines whether the breadcrumbs are open or closed by button
+   */
+  readonly isExpanded: boolean;
+  /**
+   * Adds accessible label for the pagination that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  /**
+   * Indicates the id of a component that labels the pagination.
+   */
+  readonly wcagLabelledBy: string;
+  /**
+   * Called when the Breadcrumbs state changes
+   */
+  govChange: EventEmitter<GovBreadcrumbsChangeEvent>;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,30 @@
+import { Sizes } from '../../../core/constants/sizes';
+import { Variants } from '../../../core/constants/variants';
+import { ValueOf } from '../../../types/interfaces';
+export declare const ButtonSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
+export type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`;
+export declare const ButtonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`;
+export declare enum Type {
+  SOLID = "solid",
+  OUTLINED = "outlined",
+  BASE = "base",
+  LINK = "link"
+}
+export type TypesType = `${ValueOf<typeof Type>}`;
+export declare enum NativeType {
+  SUBMIT = "submit",
+  BUTTON = "button",
+  RESET = "reset"
+}
+export type NativeTypesType = `${ValueOf<typeof NativeType>}`;
+export declare enum ButtonTarget {
+  BLANK = "_blank",
+  SELF = "_self",
+  NEW = "_new"
+}
+export type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`;
+export declare const ButtonClass: {
+  root: string;
+  rootWithIcon: string;
+};

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

@@ -0,0 +1,180 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ButtonSizesType, ButtonTargetType, ButtonVariantType, NativeTypesType, TypesType } from "./constants";
+import { ButtonEvent } from "./gov-button.types";
+export declare class GovButton {
+  private h;
+  private triggerRef?;
+  constructor();
+  host: HTMLGovButtonElement;
+  /**
+   * Style variation of the button
+   */
+  readonly variant?: ButtonVariantType;
+  /**
+   * Button’s size
+   */
+  readonly size?: ButtonSizesType;
+  /**
+   * Button's type
+   */
+  readonly type?: TypesType;
+  /**
+   * Expands the button to fill 100% of the container width
+   */
+  readonly expanded: boolean;
+  /**
+   * Determine if component should have inversed colors to be used on dark background
+   */
+  readonly inverse: boolean;
+  /**
+   * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute
+   */
+  readonly name: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconLeft?: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconRight?: 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
+   */
+  readonly disabled: boolean;
+  /**
+   * Same as original parameter
+   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type
+   */
+  readonly nativeType?: NativeTypesType;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+   */
+  readonly href: string;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+   */
+  readonly target?: ButtonTargetType;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
+   */
+  readonly download: boolean;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang
+   */
+  readonly hreflang: string;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy
+   */
+  readonly referrerpolicy: string;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel
+   */
+  readonly rel: string;
+  /**
+   * Indicates whether an asynchronous process is running
+   */
+  readonly loading: string;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
+   */
+  readonly focusable: boolean;
+  /**
+   * Custom button identifier
+   */
+  readonly identifier: string;
+  /**
+   * Indicates the id of a related component’s visually focused element
+   */
+  readonly wcagActiveDescendant: string;
+  /**
+   * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages
+   */
+  readonly wcagControls: string;
+  /**
+   * Indicates the id of a component that describes the button
+   */
+  readonly wcagDescribedBy: string;
+  /**
+   * Aria description the button
+   */
+  readonly wcagDescription: string;
+  /**
+   * Details of the component
+   */
+  readonly wcagDetails: string;
+  /**
+   * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button
+   * Set the value to convey the current expanded (true) or collapsed (false) state of the content
+   */
+  readonly wcagExpanded: boolean;
+  /**
+   * 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;
+  /**
+   * String of id's that indicate alternative labels elements
+   */
+  readonly wcagLabelledBy: string;
+  /**
+   * Indicates the id of a component owned by the button
+   */
+  readonly wcagOwns: string;
+  /**
+   * 	Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button
+   */
+  readonly wcagHasPopup: string;
+  /**
+   * Tells screen reader the element is pressed
+   */
+  readonly wcagPressed: string;
+  /**
+   * Indicates the current item within a container or set of related elements
+   */
+  readonly wcagCurrent: string;
+  /**
+   * Emitted when the button click
+   */
+  govClick: EventEmitter<ButtonEvent>;
+  /**
+   * Emitted when the button has focus
+   */
+  govFocus: EventEmitter<ButtonEvent>;
+  /**
+   * Emitted when the button loses focus
+   */
+  govBlur: EventEmitter<ButtonEvent>;
+  validateVariant(newValue: string): void;
+  validateType(newValue: string): void;
+  validateSize(newValue: string): void;
+  validateNativeType(newValue: string): void;
+  isPressed: boolean;
+  componentWillLoad(): void;
+  componentDidRender(): Promise<void>;
+  get classNames(): string;
+  render(): any;
+  private onClickHandler;
+  private onFocusHandler;
+  private onBlurHandler;
+  /**
+   * Focus button element
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Returns a clickable element instance
+   */
+  getTriggerRef(): Promise<HTMLLinkElement | HTMLButtonElement>;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

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

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

@@ -0,0 +1,10 @@
+import { ValueOf } from "../../../types/interfaces";
+export declare enum Position {
+  LEFT = "left",
+  RIGHT = "right"
+}
+export type PositionType = `${ValueOf<typeof Position>}`;
+export declare const DropdownClass: {
+  root: string;
+  list: string;
+};

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

@@ -0,0 +1,34 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { PositionType } from "./constants";
+import { DropdownEvent } from "./gov-dropdown.types";
+export declare class GovDropdown {
+  private h;
+  private readonly listId;
+  private readonly controlId;
+  constructor();
+  host: HTMLGovButtonElement;
+  /**
+   * Dropdown open state
+   */
+  open: boolean;
+  /**
+   * Menu display position
+   */
+  readonly position: PositionType;
+  /**
+   * Emitted when the dropdown change state
+   */
+  govChange: EventEmitter<DropdownEvent>;
+  componentWillLoad(): void;
+  get trigger(): HTMLGovButtonElement;
+  get list(): HTMLUListElement;
+  render(): any;
+  /**
+   * Returns the current state of the dropdown
+   */
+  getState(): Promise<boolean>;
+  /**
+   * Sets the dropdown state
+   */
+  setOpen(state: boolean): Promise<void>;
+}

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

@@ -0,0 +1,4 @@
+import { GovBaseEvent } from "../../../types/event.types";
+export interface DropdownEvent extends GovBaseEvent {
+  open: boolean;
+}

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

@@ -0,0 +1,13 @@
+export declare const CardClass: {
+  root: string;
+  header: string;
+  title: string;
+  inner: string;
+  img: string;
+  main: string;
+  content: string;
+  icon: string;
+  btns: string;
+  footer: string;
+  arrow: string;
+};