@gov-design-system-ce/components 4.6.2 → 4.6.3

package/dist/hydrate/package.json

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

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,91 @@
+import { postcss } from "@stencil/postcss";
+import { sass } from "@stencil/sass";
+import autoprefixer from "autoprefixer";
+import path from "path";
+import { vueOutputTarget } from "@stencil/vue-output-target";
+import { angularOutputTarget } from "@stencil/angular-output-target";
+export const config = {
+    namespace: "core",
+    tsconfig: "tsconfig.lib.json",
+    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" },
+                { src: "../../core/src/assets", dest: "build/assets" },
+            ],
+            serviceWorker: null,
+            baseUrl: '/playground'
+        },
+        {
+            type: "dist-hydrate-script",
+            dir: "dist/hydrate",
+        },
+        {
+            type: "dist-custom-elements",
+            includeGlobalScripts: false,
+            externalRuntime: false,
+            minify: true,
+            customElementsExportBehavior: 'auto-define-custom-elements'
+        },
+        vueOutputTarget({
+            componentCorePackage: "@gov-design-system-ce/components",
+            proxiesFile: "../../../packages/core-vue/lib/index.ts",
+            includeImportCustomElements: false,
+            includePolyfills: false,
+            componentModels: [
+                {
+                    elements: ['gov-form-autocomplete', 'gov-form-input', 'gov-form-range'],
+                    event: 'gov-input',
+                    targetAttr: 'value',
+                },
+                {
+                    elements: ['gov-form-autocomplete'],
+                    event: 'gov-select',
+                    targetAttr: 'value',
+                },
+                {
+                    elements: ['gov-form-checkbox', 'gov-form-switch'],
+                    event: 'gov-change',
+                    targetAttr: 'checked',
+                },
+                {
+                    elements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio', 'gov-form-radio-group', 'gov-form-checkbox-group'],
+                    event: 'gov-change',
+                    targetAttr: 'value',
+                },
+            ],
+        }),
+        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":"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","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 {vueOutputTarget} from \"@stencil/vue-output-target\"\nimport {angularOutputTarget} from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\ttsconfig: \"tsconfig.lib.json\",\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{ type: \"dist\", esmLoaderPath: \"../loader\" },\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\t{src: \"../../core/src/assets\", dest: \"build/assets\"},\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t\tbaseUrl: '/playground'\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\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: false,\n\t\t\tincludePolyfills: false,\n\t\t\tcomponentModels: [\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete', 'gov-form-input', 'gov-form-range'],\n\t\t\t\t\tevent: 'gov-input',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete'],\n\t\t\t\t\tevent: 'gov-select',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-checkbox', 'gov-form-switch'],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'checked',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio', 'gov-form-radio-group', 'gov-form-checkbox-group'],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t],\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

@@ -0,0 +1,19 @@
+import { Sizes } from '../../core/constants/sizes';
+import { ValueOf } from '../../types/interfaces';
+export declare const AccordionSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
+export type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`;
+export declare const AccordionClass: {
+    root: string;
+};
+export declare const AccordionItemClass: {
+    root: string;
+    disabled: string;
+    details: string;
+    summary: string;
+    icon: string;
+    title: string;
+    suffix: string;
+    right: string;
+    arrow: string;
+    content: string;
+};

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

@@ -0,0 +1,43 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { AccordionSizeType } from "./constants";
+import { AccordionItemEvent } from "./gov-accordion.types";
+export declare class GovAccordionItem {
+    private h;
+    private inheritedAttributes;
+    constructor();
+    readonly host: HTMLGovAccordionItemElement;
+    openState: boolean;
+    /**
+     * Custom accordion item identifier.
+     */
+    readonly identifier: string;
+    /**
+     * Accordion’s size.
+     */
+    size?: AccordionSizeType;
+    /**
+     * Makes the button component disabled.
+     */
+    readonly disabled: boolean;
+    /**
+     * Defines whether the accordion is open or closed by button
+     */
+    open: boolean;
+    /**
+     * Called when the accordion state changes
+     */
+    govChange: EventEmitter<AccordionItemEvent>;
+    validateSize(newValue: string): void;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    private getPropsFromParents;
+    render(): any;
+    /**
+     * 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,26 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { AccordionSizeType } from './constants';
+import { AccordionEvent } from "./gov-accordion.types";
+export declare class GovAccordion {
+    private h;
+    private hydrated;
+    constructor();
+    readonly host: HTMLGovAccordionElement;
+    /**
+     * Accordion’s size.
+     */
+    readonly size?: AccordionSizeType;
+    /**
+     * Accordion item underline
+     */
+    readonly noBorder: boolean;
+    /**
+     * Called when the accordion state changes
+     */
+    govChange: EventEmitter<AccordionEvent>;
+    validateSize(newValue: string): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    render(): any;
+}

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 accessibleRemoveLabel: string;
+    /**
+     * Indicates the id of a component that labels the remove button.
+     */
+    readonly accessibleRemoveLabelledBy: string;
+    /**
+     * Emitted when the file is removed
+     */
+    govRemove: EventEmitter<PointerEvent>;
+    componentDidRender(): Promise<void>;
+    render(): any;
+    /**
+     * Validate the accessible attributes of the component
+     */
+    validateAccessibility(): 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,32 @@
+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;
+    /**
+     * Makes the backdrop component disabled.
+     */
+    readonly disabled: boolean;
+    /**
+     * Adds accessible label for the backdrop that is only shown for screen readers.
+     */
+    readonly accessibleLabel: string;
+    /**
+     * String of id's that indicate alternative labels elements
+     */
+    readonly accessibleLabelledBy: string;
+    /**
+     * Emitted when button clicks.
+     */
+    govClick: EventEmitter<MouseEvent>;
+    componentDidRender(): Promise<void>;
+    render(): any;
+    /**
+     * Validate the accessibility attributes of the component
+     */
+    validateAccessibility(): Promise<void>;
+}

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

@@ -0,0 +1,26 @@
+import { ValueOf } from "../../types/interfaces";
+import { Sizes } from "../../core/constants/sizes";
+export declare const BannerSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XL">;
+export type BannerSizesType = `${ValueOf<typeof BannerSizes>}`;
+export declare enum BannerBackground {
+    SIMPLE = "simple",
+    WAVES = "waves",
+    STRIPES = "stripes",
+    LINES = "lines"
+}
+export type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`;
+export declare enum BannerForeground {
+    IMAGE = "image",
+    LOGO = "logo",
+    ICON = "icon"
+}
+export type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`;
+export declare enum BannerTextColor {
+    LIGHT = "light",
+    DARK = "dark"
+}
+export type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`;
+export declare const BannerClass: {
+    root: string;
+    content: string;
+};

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

@@ -0,0 +1,28 @@
+import { BannerBackgroundsType, BannerForegroundsType, BannerSizesType, BannerTextColorsType } from "./constants";
+export declare class GovBanner {
+    private h;
+    constructor();
+    host: HTMLGovBannerElement;
+    /**
+     * Banner’s size.
+     */
+    readonly size: BannerSizesType;
+    /**
+     * Banner’s background
+     */
+    readonly background: BannerBackgroundsType;
+    /**
+     * Banner’s foreground
+     */
+    readonly foreground: BannerForegroundsType;
+    /**
+     * XL Banner’s text color
+     */
+    readonly textColor: BannerTextColorsType;
+    validateSize(newValue: string): void;
+    validateBackground(newValue: string): void;
+    validateForeground(newValue: string): void;
+    validateTextColor(newValue: string): void;
+    componentWillLoad(): void;
+    render(): any;
+}

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

@@ -0,0 +1,10 @@
+import { ValueOf } from "../../types/interfaces";
+export declare enum BlockquoteType {
+    PRIMARY = "primary",
+    SUBTLE = "subtle",
+    NEUTRAL = "neutral"
+}
+export type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`;
+export declare const BlockquoteClass: {
+    root: string;
+};

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

@@ -0,0 +1,15 @@
+import { BlockquoteTypesType } from "./constants";
+export declare class GovBlockquote {
+    private h;
+    constructor();
+    host: HTMLGovBlockquoteElement;
+    /**
+     * Blockquote’s type
+     */
+    readonly type: BlockquoteTypesType;
+    /**
+     * Blockquote’s cite url
+     */
+    readonly cite: string;
+    render(): any;
+}

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,42 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GovBreadcrumbsChangeEvent } from './gov-breadcrumbs.d';
+export declare class GovBreadcrumbs {
+    private inited;
+    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 accessibleLabel: string;
+    /**
+     * Indicates the id of a component that labels the pagination.
+     */
+    readonly accessibleLabelledBy: string;
+    /**
+     * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.
+     */
+    readonly accessibleToggleLabel: string;
+    /**
+     * Called when the Breadcrumbs state changes
+     */
+    govChange: EventEmitter<GovBreadcrumbsChangeEvent>;
+    expanded: boolean;
+    toggleOption: boolean;
+    componentDidRender(): Promise<void>;
+    private scheduleContentVerification;
+    private calculateWidthOfItems;
+    render(): any;
+    /**
+     * Validate the WCAG attributes of the component
+     */
+    validateAccessibility(): Promise<void>;
+}

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

@@ -0,0 +1,29 @@
+import { Sizes } from '../../../core/constants/sizes';
+import { Colors } from '../../../core/constants/colors';
+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 ButtonColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export type ButtonColorType = `${ValueOf<typeof ButtonColors>}`;
+export declare enum ButtonType {
+    SOLID = "solid",
+    OUTLINED = "outlined",
+    BASE = "base",
+    LINK = "link"
+}
+export type ButtonTypesType = `${ValueOf<typeof ButtonType>}`;
+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;
+};

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

@@ -0,0 +1,133 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ButtonColorType, ButtonSizesType, ButtonTargetType, ButtonTypesType, NativeTypesType } from "./constants";
+import { ButtonEvent } from "./gov-button.types";
+import { Attributes } from "../../../helpers/Dom/attribute";
+export declare class GovButton {
+    private h;
+    private triggerRef?;
+    private attributeObserver;
+    private hydrated;
+    constructor();
+    host: HTMLGovButtonElement;
+    /**
+     * Style variation of the button
+     */
+    readonly color: ButtonColorType;
+    /**
+     * Button’s size
+     */
+    readonly size?: ButtonSizesType;
+    /**
+     * Button's type
+     */
+    readonly type: ButtonTypesType;
+    /**
+     * Expands the button to fill 100% of the container width
+     */
+    readonly expanded: boolean;
+    /**
+     * Expands the button to fill 100% of the container width only on mobile
+     */
+    readonly expandedMobile: 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;
+    /**
+     * 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-download
+     */
+    readonly tab: number;
+    /**
+     * 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;
+    /**
+     * 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>;
+    validateColor(newValue: string): void;
+    validateType(newValue: string): void;
+    validateSize(newValue: string): void;
+    validateNativeType(newValue: string): void;
+    inheritedAttributes: Attributes;
+    componentDidLoad(): void;
+    onAriaAttributeChange(attributeName: string, newValue: string): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidRender(): Promise<void>;
+    connectedCallback(): void;
+    render(): any;
+    private onClickHandler;
+    private onFocusHandler;
+    private onBlurHandler;
+    /**
+     * Focus button element
+     */
+    setFocus(): Promise<void>;
+    /**
+     * Returns a clickable element instance
+     */
+    getRef(): Promise<HTMLLinkElement | HTMLButtonElement>;
+    /**
+     * Validate the Accessibility attributes of the component
+     */
+    validateAccessibility(): 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;
+};