@gov-design-system-ce/components 4.0.8-rc23 → 4.1.0-rc03

package/dist/stencil.config.js

@@ -41,6 +41,7 @@ export const config = {
                 { src: "../../styles/lib", dest: "build/assets/styles" },
             ],
             serviceWorker: null,
+            baseUrl: '/playground'
         },
         {
             type: "dist-hydrate-script",
@@ -60,9 +61,10 @@ export const config = {
             includePolyfills: true
         }),
         vueOutputTarget({
-            componentCorePackage: "@gov-design-system-ce",
+            componentCorePackage: "@gov-design-system-ce/components",
             proxiesFile: "../../../packages/core-vue/lib/index.ts",
-            includeImportCustomElements: true,
+            includeImportCustomElements: false,
+            includePolyfills: false,
             componentModels: [
                 {
                     elements: ['gov-form-autocomplete', 'gov-form-input'],

package/dist/stencil.config.js.map

@@ -1 +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 {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\tcomponentModels: [\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete', 'gov-form-input'],\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',],\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"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAA;AAClC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AAEnE,MAAM,CAAC,MAAM,MAAM,GAAW;IAC7B,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,sBAAsB;IACnC,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,IAAI;IACf,qBAAqB,EAAE,KAAK;IAC5B,MAAM,EAAE;QACP,qBAAqB,EAAE,IAAI;QAC3B,qBAAqB,EAAE,IAAI;QAC3B,YAAY,EAAE,IAAI;KAClB;IACD,OAAO,EAAE;QACR,IAAI,CAAC;YACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;SACtF,CAAC;QACF,OAAO,CAAC;YACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;SACzB,CAAC;KACF;IACD,aAAa,EAAE;QACd;YACC,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,WAAW;SAC1B;QACD;YACC,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE,IAAI;SACZ;QACD;YACC,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACL,EAAC,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAC;gBACpD,EAAC,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAC;gBACpD,EAAC,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,qBAAqB,EAAC;aACtD;YACD,aAAa,EAAE,IAAI;YACnB,OAAO,EAAE,aAAa;SACtB;QACD;YACC,IAAI,EAAE,qBAAqB;YAC3B,GAAG,EAAE,cAAc;SACnB;QACD;YACC,IAAI,EAAE,sBAAsB;YAC5B,oBAAoB,EAAE,KAAK;YAC3B,eAAe,EAAE,KAAK;YACtB,MAAM,EAAE,IAAI;YACZ,4BAA4B,EAAE,6BAA6B;SAC3D;QAED,iBAAiB,CAAC;YACjB,oBAAoB,EAAE,kCAAkC;YACxD,WAAW,EAAE,2CAA2C;YACxD,2BAA2B,EAAE,IAAI;YACjC,gBAAgB,EAAE,IAAI;SACtB,CAAC;QACF,eAAe,CAAC;YACf,oBAAoB,EAAE,kCAAkC;YACxD,WAAW,EAAE,yCAAyC;YACtD,2BAA2B,EAAE,KAAK;YAClC,gBAAgB,EAAE,KAAK;YACvB,eAAe,EAAE;gBAChB;oBACC,QAAQ,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC;oBACrD,KAAK,EAAE,WAAW;oBAClB,UAAU,EAAE,OAAO;iBACnB;gBACD;oBACC,QAAQ,EAAE,CAAC,uBAAuB,CAAC;oBACnC,KAAK,EAAE,YAAY;oBACnB,UAAU,EAAE,OAAO;iBACnB;gBACD;oBACC,QAAQ,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;oBAClD,KAAK,EAAE,YAAY;oBACnB,UAAU,EAAE,SAAS;iBACrB;gBACD;oBACC,QAAQ,EAAE,CAAC,sBAAsB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;oBACxE,KAAK,EAAE,YAAY;oBACnB,UAAU,EAAE,OAAO;iBACnB;aACD;SACD,CAAC;QACF,mBAAmB,CAAC;YACnB,oBAAoB,EAAE,kCAAkC;YACxD,UAAU,EAAE,WAAW;YACvB,mBAAmB,EAAE,0DAA0D;YAC/E,mBAAmB,EAAE,+DAA+D;SACpF,CAAC;KACF;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\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\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: 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'],\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',],\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

@@ -1,20 +1,17 @@
 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 declare const AccordionSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
 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;
+    disabled: string;
+    details: string;
+    summary: string;
     icon: string;
     title: string;
-    label: string;
-    annotation: string;
     suffix: string;
     right: string;
     arrow: string;

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

@@ -1,19 +1,14 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { AccordionSizeType, AccordionVariantType } from "./constants";
+import { AccordionSizeType } from "./constants";
 import { AccordionItemEvent } from "./gov-accordion.types";
 export declare class GovAccordionItem {
-    private readonly triggerId;
-    private readonly contentId;
     private h;
+    private inheritedAttributes;
     constructor();
     readonly host: HTMLGovAccordionItemElement;
-    isExpandedState: boolean;
+    openState: boolean;
     /**
-     * Style variation of the button.
-     */
-    variant?: AccordionVariantType;
-    /**
-     * Custom accordion item identifier. Otherwise, it will be generated
+     * Custom accordion item identifier.
      */
     readonly identifier: string;
     /**
@@ -22,31 +17,20 @@ export declare class GovAccordionItem {
     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;
+    open: boolean;
     /**
      * Called when the accordion state changes
      */
     govChange: EventEmitter<AccordionItemEvent>;
     validateSize(newValue: string): void;
-    validateVariant(newValue: string): void;
-    private emmitChange;
     componentWillLoad(): void;
-    getPropsFromParents(): void;
+    private getPropsFromParents;
     render(): any;
-    /**
-     * Opening the accordion
-     */
-    open(): Promise<void>;
-    /**
-     * Closing the accordion
-     */
-    close(): Promise<void>;
     /**
      * Accordion switch
      */

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

@@ -1,42 +1,26 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { AccordionSizeType, AccordionVariantType } from './constants';
+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;
-    /**
-     * 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>;
+    connectedCallback(): void;
     render(): any;
-    /**
-     * Validate the WCAG attributes of the component
-     */
-    validateWcag(): Promise<void>;
 }

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

@@ -6,11 +6,11 @@ export declare class GovAttachmentsItem {
     /**
      * Adds accessible label for the remove button that is only shown for screen readers.
      */
-    readonly wcagRemoveLabel: string;
+    readonly accessibleRemoveLabel: string;
     /**
      * Indicates the id of a component that labels the remove button.
      */
-    readonly wcagRemoveLabelledBy: string;
+    readonly accessibleRemoveLabelledBy: string;
     /**
      * Emitted when the file is removed
      */
@@ -18,7 +18,7 @@ export declare class GovAttachmentsItem {
     componentDidRender(): Promise<void>;
     render(): any;
     /**
-     * Validate the WCAG attributes of the component
+     * Validate the accessible attributes of the component
      */
-    validateWcag(): Promise<void>;
+    validateAccessibility(): Promise<void>;
 }

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

@@ -7,14 +7,18 @@ export declare class GovBackdrop {
      * 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 wcagLabel: string;
+    readonly accessibleLabel: string;
     /**
      * String of id's that indicate alternative labels elements
      */
-    readonly wcagLabelledBy: string;
+    readonly accessibleLabelledBy: string;
     /**
      * Emitted when button clicks.
      */
@@ -22,7 +26,7 @@ export declare class GovBackdrop {
     componentDidRender(): Promise<void>;
     render(): any;
     /**
-     * Validate the WCAG attributes of the component
+     * Validate the accessibility attributes of the component
      */
-    validateWcag(): Promise<void>;
+    validateAccessibility(): Promise<void>;
 }

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

@@ -16,20 +16,20 @@ export declare class GovBreadcrumbs {
     /**
      * Adds accessible label for the pagination that is only shown for screen readers.
      */
-    readonly wcagLabel: string;
+    readonly accessibleLabel: string;
     /**
      * Indicates the id of a component that labels the pagination.
      */
-    readonly wcagLabelledBy: string;
+    readonly accessibleLabelledBy: string;
     /**
      * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.
      */
-    readonly wcagToggleLabel: string;
+    readonly accessibleToggleLabel: string;
     /**
      * Called when the Breadcrumbs state changes
      */
     govChange: EventEmitter<GovBreadcrumbsChangeEvent>;
-    collapsed: boolean;
+    expanded: boolean;
     toggleOption: boolean;
     componentDidRender(): Promise<void>;
     private scheduleContentVerification;
@@ -38,5 +38,5 @@ export declare class GovBreadcrumbs {
     /**
      * Validate the WCAG attributes of the component
      */
-    validateWcag(): Promise<void>;
+    validateAccessibility(): Promise<void>;
 }

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

@@ -1,17 +1,17 @@
 import { Sizes } from '../../../core/constants/sizes';
-import { Variants } from '../../../core/constants/variants';
+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 ButtonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
-export type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`;
-export declare enum Type {
+export declare const ButtonColors: Pick<typeof Colors, "PRIMARY" | "SECONDARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export type ButtonColorType = `${ValueOf<typeof ButtonColors>}`;
+export declare enum ButtonType {
     SOLID = "solid",
     OUTLINED = "outlined",
     BASE = "base",
     LINK = "link"
 }
-export type TypesType = `${ValueOf<typeof Type>}`;
+export type ButtonTypesType = `${ValueOf<typeof ButtonType>}`;
 export declare enum NativeType {
     SUBMIT = "submit",
     BUTTON = "button",
@@ -26,5 +26,4 @@ export declare enum ButtonTarget {
 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

@@ -1,16 +1,18 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ButtonSizesType, ButtonTargetType, ButtonVariantType, NativeTypesType, TypesType } from "./constants";
+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 variant: ButtonVariantType;
+    readonly color: ButtonColorType;
     /**
      * Button’s size
      */
@@ -18,27 +20,15 @@ export declare class GovButton {
     /**
      * Button's type
      */
-    readonly type: TypesType;
+    readonly type: ButtonTypesType;
     /**
      * 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
@@ -92,56 +82,6 @@ export declare class GovButton {
      * 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: boolean;
-    /**
-     * Indicates the current item within a container or set of related elements
-     */
-    readonly wcagCurrent: string;
     /**
      * Emitted when the button click
      */
@@ -154,13 +94,16 @@ export declare class GovButton {
      * Emitted when the button loses focus
      */
     govBlur: EventEmitter<ButtonEvent>;
-    validateVariant(newValue: string): void;
+    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>;
-    get classNames(): string;
     connectedCallback(): void;
     render(): any;
     private onClickHandler;
@@ -173,9 +116,9 @@ export declare class GovButton {
     /**
      * Returns a clickable element instance
      */
-    getTriggerRef(): Promise<HTMLLinkElement | HTMLButtonElement>;
+    getRef(): Promise<HTMLLinkElement | HTMLButtonElement>;
     /**
-     * Validate the WCAG attributes of the component
+     * Validate the Accessibility attributes of the component
      */
-    validateWcag(): Promise<void>;
+    validateAccessibility(): Promise<void>;
 }

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

@@ -13,7 +13,7 @@ export declare class GovDropdown {
      */
     readonly identifier: string;
     /**
-     * Dropdown open state
+     * Dropdown state
      */
     open: boolean;
     /**
@@ -24,16 +24,17 @@ export declare class GovDropdown {
      * Emitted when the dropdown change state
      */
     govChange: EventEmitter<DropdownEvent>;
-    componentWillLoad(): void;
+    watchOpen(): void;
     get trigger(): HTMLGovButtonElement;
     get list(): Nullable<HTMLUListElement>;
+    componentWillLoad(): void;
     render(): any;
     /**
      * Returns the current state of the dropdown
      */
     getState(): Promise<boolean>;
     /**
-     * Sets the dropdown state
+     * Toggle state of dropdown
      */
-    setOpen(state: boolean): Promise<void>;
+    toggle(): Promise<void>;
 }

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

@@ -5,7 +5,6 @@ export declare const CardClass: {
     inner: string;
     img: string;
     main: string;
-    content: string;
     icon: string;
     btns: string;
     footer: string;

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

@@ -4,6 +4,7 @@ export declare class GovCard {
     private h;
     private readonly headlineId;
     private readonly contentId;
+    private hydrated;
     constructor();
     host: HTMLGovCardElement;
     /**
@@ -11,50 +12,31 @@ export declare class GovCard {
      */
     readonly promotion: boolean;
     /**
-     * Item label of the card
-     */
-    readonly label: string;
-    /**
-     * Defines wether the card can be collapsible
+     * Defines weather the card can be collapsible
      */
     readonly collapsible: boolean;
     /**
-     * Defines whether the card is open or closed by button
-     */
-    readonly expanded: boolean;
-    /**
-     * Used to change the HMTL tag in the card headline for correct semantic structure
+     * Defines whether the card is open or closed
      */
-    readonly headlineTag: string;
+    open: boolean;
     /**
      * Adds accessible label for the collapsible button that is only shown for screen readers.
      */
-    wcagTriggerLabel: string;
+    accessibleTriggerLabel: string;
     /**
      * A string of identifiers that indicate alternative label elements for collapsible card
      */
-    wcagTriggerLabelledBy: string;
+    accessibleTriggerLabelledBy: string;
     /**
      * Called when the card toggle state changes
      */
     govToggle: EventEmitter<GovCardChangeEvent>;
-    isExpanded: boolean;
-    validateHeadlineTag(newValue: string): void;
-    componentWillLoad(): void;
     componentDidRender(): Promise<void>;
-    private emmitChange;
+    connectedCallback(): void;
     render(): any;
     private onClickHandler;
     /**
-     * Open the card if it is collapsible
-     */
-    open(): Promise<void>;
-    /**
-     * Close the card if it is collapsible
-     */
-    close(): Promise<void>;
-    /**
-     * Validate the WCAG attributes of the component
+     * Validate the accessible attributes of the component
      */
-    validateWcag(): Promise<void>;
+    validateAccessibility(): Promise<void>;
 }

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

@@ -1,4 +1,12 @@
 import { ValueOf } from '../../types/interfaces';
+import { Sizes } from "../../core/constants/sizes";
+export declare const ChipSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M">;
+export type ChipSizesType = `${ValueOf<typeof ChipSizes>}`;
+export declare enum ChipType {
+    SOLID = "solid",
+    OUTLINED = "outlined"
+}
+export type ChipTypesType = `${ValueOf<typeof ChipType>}`;
 export declare enum NativeType {
     A = "a",
     SPAN = "span",

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

@@ -1,19 +1,17 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { ButtonSizesType, ButtonVariantType } from "../gov-button/button/constants";
-import { NativeTypesType } from "./constants";
+import { ChipSizesType, ChipTypesType, NativeTypesType } from "./constants";
+import { ButtonColorType } from "../gov-button/button/constants";
+import { Attributes } from "../../helpers/Dom/attribute";
 export declare class GovChip {
     private triggerRef?;
     private h;
     private readonly chipId;
+    private hydrated;
+    private attributeObserver;
     constructor();
     host: HTMLGovChipElement;
-    /**
-     * Determine if component should have inverse colors to be used on dark background
-     */
-    readonly inverse: boolean;
     /**
      * Makes the chip component disabled.
-     * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
      */
     readonly disabled: boolean;
     /**
@@ -37,7 +35,7 @@ export declare class GovChip {
     /**
      * Chip’s size.
      */
-    readonly size: ButtonSizesType;
+    readonly size: ChipSizesType;
     /**
      * Used to change the HTML tag in the chip
      */
@@ -45,7 +43,11 @@ export declare class GovChip {
     /**
      * Style variation of the chip.
      */
-    readonly variant: ButtonVariantType;
+    readonly color: ButtonColorType;
+    /**
+     * Chip’s type
+     */
+    readonly type: ChipTypesType;
     /**
      * Same as original parameter
      * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
@@ -55,37 +57,24 @@ export declare class GovChip {
      * Custom chip identifier. Otherwise, it will be generated
      */
     readonly identifier: string;
-    /**
-     * 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;
-    /**
-     * 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;
-    /**
-     * Same as original parameter
-     * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
-     */
-    readonly wcagSelected: boolean;
     /**
      * Emitted when the button click.
      */
     govClick: EventEmitter<PointerEvent>;
-    validateVariant(newValue: string): void;
+    validateColor(newValue: string): void;
     validateSize(newValue: string): void;
+    inheritedAttributes: Attributes;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    onAriaAttributeChange(attributeName: string, newValue: string): void;
     render(): any;
     private onClickHandler;
     /**
      * Returns a clickable element instance
      */
-    getTriggerRef(): Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>;
-    /**
-     * Returns a unique tab trigger identifier
-     */
-    getTriggerIdentifier(): Promise<string>;
+    geRef(): Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>;
     /**
      * Focus button element
      */

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

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