@gov-design-system-ce/components 0.0.61 → 0.0.63

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

@@ -26,7 +26,7 @@ export declare class GovAccordionItem {
    */
   readonly disabled: boolean;
   /**
-   * Defines whether the accordion is open or closed by default
+   * Defines whether the accordion is open or closed by button
    */
   isExpanded: boolean;
   /**

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

@@ -1,9 +1,8 @@
 import '../../pages/Accordion';
-import '../../pages/Infobar';
-import '../../pages/Badge';
 import '../../pages/Breadcrumbs';
 import '../../pages/Button';
 import '../../pages/Card';
+import '../../pages/Chip';
 import '../../pages/Container';
 import '../../pages/ControlGroup';
 import '../../pages/Cookiebar';
@@ -15,6 +14,7 @@ import '../../pages/Forms';
 import '../../pages/FormsRestructure';
 import '../../pages/Grid';
 import '../../pages/Home';
+import '../../pages/Infobar';
 import '../../pages/Layout';
 import '../../pages/Loading';
 import '../../pages/Message';
@@ -27,6 +27,7 @@ import '../../pages/Spacer';
 import '../../pages/Statsbar';
 import '../../pages/Stepper';
 import '../../pages/Tabs';
+import '../../pages/Tag';
 import '../../pages/Tiles.js';
 import '../../pages/ToastMessage';
 import '../../pages/ToastMessageCountdown';

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

@@ -9,7 +9,7 @@ export declare class GovBreadcrumbs {
    */
   readonly collapsible: boolean;
   /**
-   * Defines whether the breadcrumbs are open or closed by default
+   * Defines whether the breadcrumbs are open or closed by button
    */
   readonly isExpanded: boolean;
   /**

package/dist/types/components/gov-button/{default → button}/gov-button.d.ts

@@ -75,7 +75,7 @@ export declare class GovButton {
    */
   readonly loading: string;
   /**
-   * Same as original parametr
+   * Same as original parameter
    * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
    */
   readonly focusable: boolean;

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

@@ -19,7 +19,7 @@ export declare class GovCard {
    */
   readonly collapsible: boolean;
   /**
-   * Defines whether the card is open or closed by default
+   * Defines whether the card is open or closed by button
    */
   readonly expanded: boolean;
   /**

package/dist/types/components/{gov-badge → gov-chip}/constants.d.ts

@@ -5,7 +5,7 @@ export declare enum NativeType {
   BUTTON = "button"
 }
 export type NativeTypesType = `${ValueOf<typeof NativeType>}`;
-export declare const BadgeClass: {
+export declare const ChipClass: {
   root: string;
   inner: string;
   hasRight: string;

package/dist/types/components/{gov-badge/gov-badge.d.ts → gov-chip/gov-chip.d.ts}

@@ -1,17 +1,18 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { NativeTypesType } from "./constants";
-import { ButtonSizesType, ButtonVariantType } from "../gov-button/default/constants";
-export declare class GovBadge {
+import { ButtonSizesType, ButtonVariantType } from "../gov-button/button/constants";
+export declare class GovChip {
   private triggerRef?;
   private h;
+  private readonly chipId;
   constructor();
-  host: HTMLGovBadgeElement;
+  host: HTMLGovChipElement;
   /**
    * Determine if component should have inverse colors to be used on dark background
    */
   readonly inverse: boolean;
   /**
-   * Makes the badge component disabled.
+   * 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;
@@ -26,22 +27,40 @@ export declare class GovBadge {
    */
   readonly target: string;
   /**
-   * Badge’s size.
+   * Chip’s size.
    */
   readonly size: ButtonSizesType;
   /**
-   * Used to change the HTML tag in the badge
+   * Used to change the HTML tag in the chip
    */
   readonly tag: NativeTypesType;
   /**
-   * Style variation of the badge.
+   * Style variation of the chip.
    */
   readonly variant: ButtonVariantType;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
+   */
+  readonly focusable: boolean;
+  /**
+   * 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.
    */
@@ -55,4 +74,12 @@ export declare class GovBadge {
    * Returns a clickable element instance
    */
   getTriggerRef(): Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>;
+  /**
+   * Returns a unique tab trigger identifier
+   */
+  getTriggerIdentifier(): Promise<string>;
+  /**
+   * Focus button element
+   */
+  setFocus(): Promise<void>;
 }

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

@@ -5,4 +5,5 @@ export type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`;
 export declare const FormCheckboxClass: {
   root: string;
   check: string;
+  label: string;
 };

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

@@ -13,7 +13,7 @@ export declare class GovFormCheckbox {
    */
   readonly value: string;
   /**
-   * Checkbox default state
+   * Checkbox button state
    */
   checked: boolean;
   /**

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

@@ -1,4 +1,4 @@
-import { FormGroupSizesType, FormGroupOrientationType } from "./constants";
+import { FormGroupOrientationType, FormGroupSizesType } from "./constants";
 export declare class GovFormGroup {
   private readonly h;
   constructor();
@@ -12,6 +12,7 @@ export declare class GovFormGroup {
    */
   readonly orientation?: FormGroupOrientationType;
   validateGap(newValue: string): void;
+  validateOrientation(newValue: string): void;
   componentWillLoad(): void;
   render(): any;
 }

package/dist/types/components/gov-form/password-power/gov-form-password-power.d.ts

@@ -1,7 +1,7 @@
 export declare class GovFormPasswordPower {
   /**
- * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong
- */
+   * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong
+   */
   readonly power: number;
   render(): any;
 }

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

@@ -7,4 +7,5 @@ export declare const FormRadioClass: {
   holder: string;
   input: string;
   indicator: string;
+  label: string;
 };

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

@@ -17,7 +17,7 @@ export declare class GovFormRadio {
    */
   readonly noLabel: boolean;
   /**
-   * Radio default state
+   * Radio button state
    */
   checked: boolean;
   /**

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { FormSelectSizesType, FormSelectVariantType } from './constants';
-import { FormSelectEvent } from './gov-form-select.types';
+import { FormSelectEvent, FormSelectOption } from './gov-form-select.types';
 export declare class GovFormSelect {
   private f;
   private readonly h;
@@ -79,6 +79,7 @@ export declare class GovFormSelect {
    */
   govChange: EventEmitter<FormSelectEvent>;
   focused: boolean;
+  options: FormSelectOption[];
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
   watchDisabled(): void;
@@ -103,6 +104,10 @@ export declare class GovFormSelect {
    * Returns an instance of the native html select element
    */
   getRef(): Promise<HTMLSelectElement>;
+  /**
+   * Sets the selection options
+   */
+  setOptions(options: FormSelectOption[]): Promise<void>;
   /**
    * Validate the WCAG attributes of the component
    */

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

@@ -2,3 +2,8 @@ import { GovBaseEvent } from "../../../types/event.types";
 export interface FormSelectEvent extends GovBaseEvent {
   value: string;
 }
+export interface FormSelectOption {
+  value: string;
+  label: string;
+  disabled?: boolean;
+}

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

@@ -17,7 +17,7 @@ export declare class GovFormSwitch {
    */
   readonly noLabel: boolean;
   /**
-   * Switch default state
+   * Switch button state
    */
   checked: boolean;
   /**

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

@@ -1,4 +1,3 @@
-import { Type } from "./constants";
 export declare class GovIcon {
   private h;
   constructor();
@@ -8,9 +7,9 @@ export declare class GovIcon {
    */
   name: string;
   /**
-   * Type of icon
+   * Type (folder) of icon
    */
-  type: Type;
+  type: string;
   private iconData;
   private visible;
   private error;

package/dist/types/components/gov-infobar/{default/constants.d.ts → constants.d.ts}

@@ -1,5 +1,5 @@
-import { Variants } from '../../../core/constants/variants';
-import { ValueOf } from '../../../types/interfaces';
+import { Variants } from '../../core/constants/variants';
+import { ValueOf } from '../../types/interfaces';
 export declare const InfobarVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export type VariantType = `${ValueOf<typeof InfobarVariants>}`;
 export declare const InfobarClass: {
@@ -7,6 +7,7 @@ export declare const InfobarClass: {
   section: string;
   icon: string;
   content: string;
+  closable: string;
   headline: string;
   close: string;
 };

package/dist/types/components/gov-infobar/{default/gov-infobar.d.ts → gov-infobar.d.ts}

@@ -1,7 +1,7 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
+import { EventEmitter } from "../../stencil-public-runtime";
 import { VariantType } from "./constants";
 import { InfobarEvent } from "./gov-infobar.types";
-import { ButtonEvent } from "../../gov-button/default/gov-button.types";
+import { ButtonEvent } from "../gov-button/button/gov-button.types";
 export declare class GovInfobar {
   private h;
   constructor();

package/dist/types/components/gov-infobar/{default/gov-infobar.types.d.ts → gov-infobar.types.d.ts}

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

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

@@ -10,6 +10,10 @@ export declare class GovModal {
    * Attribute for modal window display
    */
   open: boolean;
+  /**
+   * Attribute allowing blocking the modal closing
+   */
+  blockClose: boolean;
   /**
    * Title of modal window
    */

package/dist/types/components/gov-side-nav/constants.d.ts

@@ -10,6 +10,6 @@ export declare const SideNavItemClass: {
   name: string;
   label: string;
   arrow: string;
-  badge: string;
+  chip: string;
   content: string;
 };

package/dist/types/components/gov-side-nav/gov-side-nav-item.d.ts

@@ -36,7 +36,7 @@ export declare class GovSideNavItem {
    */
   readonly href: string;
   /**
-   * Defines whether the sidenav is open or closed by default
+   * Defines whether the sidenav is open or closed by button
    */
   readonly isExpanded: boolean;
   /**

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

@@ -4,7 +4,7 @@ export declare const TabVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY"
 export type VariantType = `${ValueOf<typeof TabVariants>}`;
 export declare enum TabTypes {
   TEXT = "text",
-  BADGE = "badge"
+  CHIP = "chip"
 }
 export type TabType = `${ValueOf<typeof TabTypes>}`;
 export declare enum TabOrientation {

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

@@ -1,7 +1,7 @@
 export declare class GovTabsItem {
   private h;
   private readonly contentId;
-  private readonly triggeId;
+  private readonly triggerId;
   constructor();
   host: HTMLGovTabsItemElement;
   /**

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

@@ -1,8 +1,7 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { VariantType } from './constants';
-import { GovTabControllerItem } from './gov-tabs.types';
-import { TabType, TabOrientationType } from './constants';
-import { Nullable } from '../../types/interfaces';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { TabOrientationType, TabType, VariantType } from "./constants";
+import { GovTabControllerItem } from "./gov-tabs.types";
+import { Nullable } from "../../types/interfaces";
 export declare class GovTabs {
   private h;
   private triggerRefs;
@@ -18,7 +17,7 @@ export declare class GovTabs {
    */
   readonly type: TabType;
   /**
-   * Style variation of the tab badges.
+   * Style variation of the tab chips.
    */
   readonly variant?: VariantType;
   /**

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

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

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

@@ -0,0 +1,22 @@
+import { ButtonSizesType, ButtonVariantType } from '../gov-button/button/constants';
+export declare class GovTag {
+  private h;
+  constructor();
+  host: HTMLGovTagElement;
+  /**
+   * Determine if component should have inverse colors to be used on dark background
+   */
+  readonly inverse: boolean;
+  /**
+   * Tag’s size.
+   */
+  readonly size: ButtonSizesType;
+  /**
+   * Style variation of the tag.
+   */
+  readonly variant: ButtonVariantType;
+  validateVariant(newValue: string): void;
+  validateSize(newValue: string): void;
+  componentWillLoad(): void;
+  render(): any;
+}

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

@@ -1,4 +1,4 @@
-import { ButtonTargetType } from "../gov-button/default/constants";
+import { ButtonTargetType } from "../gov-button/button/constants";
 export declare class GovTile {
   private triggerRef?;
   private h;

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

@@ -36,7 +36,7 @@ export declare class GovWizardItem {
    */
   readonly disabled: boolean;
   /**
-   * Defines whether the accordion is open or closed by default
+   * Defines whether the accordion is open or closed by button
    */
   isExpanded: boolean;
   /**