@gov-design-system-ce/components 4.2.6 → 4.2.7

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

@@ -58,6 +58,11 @@ export declare class GovButton {
      * @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 tabindex: number;
     /**
      * Same as original parameter
      * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang

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

@@ -17,6 +17,10 @@ export declare class GovCard {
      * Defines weather the card can be collapsible
      */
     readonly collapsible: boolean;
+    /**
+     * Defines weather the card can be clickable with hover effect
+     */
+    readonly clickable: boolean;
     /**
      * Defines whether the card is open or closed
      */

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

@@ -74,7 +74,7 @@ export declare class GovChip {
     /**
      * Returns a clickable element instance
      */
-    geRef(): Promise<HTMLButtonElement | HTMLSpanElement | HTMLLinkElement>;
+    geRef(): Promise<HTMLButtonElement | HTMLLinkElement | HTMLSpanElement>;
     /**
      * Focus button element
      */

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

@@ -6,6 +6,8 @@ export declare class GovDialog {
     private readonly contentId;
     private hydrated;
     private closeCtaRef?;
+    private dialogRef?;
+    private lastActiveElementRef?;
     constructor();
     host: HTMLGovDialogElement;
     /**
@@ -29,7 +31,7 @@ export declare class GovDialog {
      */
     readonly labelTag: string;
     /**
-     * String of id's that indicate alternative labels elements
+     * String of id's that indicates alternative labels elements
      */
     accessibleLabelledBy: string;
     /**
@@ -45,13 +47,14 @@ export declare class GovDialog {
      */
     accessibleCloseLabelledBy: string;
     /**
-     * Emitted when dialog window closes.
+     * Emitted when a dialog window closes.
      */
     govClose: EventEmitter<PointerEvent>;
     watchOpen(newValue: boolean): void;
     private showDialog;
     private hideDialog;
     componentDidRender(): Promise<void>;
+    private focusTrap;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): any;

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

@@ -7,6 +7,12 @@ export declare enum EmptyDirection {
     VERTICAL = "vertical"
 }
 export type EmptyDirectionType = `${ValueOf<typeof EmptyDirection>}`;
+export declare enum EmptyAlign {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+export type EmptyAlignType = `${ValueOf<typeof EmptyAlign>}`;
 export declare const EmptyClass: {
     root: string;
     content: string;

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

@@ -1,4 +1,4 @@
-import { EmptyDirectionType, EmptySizesType } from './constants';
+import { EmptyAlignType, EmptyDirectionType, EmptySizesType } from './constants';
 export declare class GovEmpty {
     private h;
     constructor();
@@ -11,6 +11,10 @@ export declare class GovEmpty {
      * Element direction
      */
     readonly direction: EmptyDirectionType;
+    /**
+     * Element alignment.
+     */
+    readonly align?: EmptyAlignType;
     validateSize(newValue: string): void;
     componentWillLoad(): void;
     render(): any;

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

@@ -10,7 +10,7 @@ export declare class GovFormControl {
      */
     readonly identifier: string;
     /**
-     * Indicates the entered value of child form element does not conform to the format expected by the application.
+     * Indicates the entered value of a child form element does not conform to the format expected by the application.
      */
     readonly invalid: boolean;
     /**
@@ -20,12 +20,12 @@ export declare class GovFormControl {
     readonly disabled: boolean;
     /**
     /**
-    * Indicates the entered value of child form element does conform to the format expected by the application.
+    * Indicates the entered value of a child form element does conform to the format expected by the application.
      */
     readonly success: boolean;
     /**
      * Use control as a fieldset for better accessibility.
-     * Note: Don't forget to set the legend attribute of the gov-form-label component
+     * Note: Remember to set the legend attribute of the gov-form-label component
      */
     readonly fieldset: boolean;
     /**

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

@@ -2,5 +2,6 @@ export declare const FormFileClass: {
     root: string;
     area: string;
     input: string;
+    inputFocus: string;
     attachments: string;
 };

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

@@ -8,4 +8,5 @@ export declare const FormSwitchClass: {
     input: string;
     indicator: string;
     label: string;
+    noLabel: string;
 };

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

@@ -3,10 +3,6 @@ export declare class GovGrid {
     private h;
     constructor();
     host: HTMLGovGridElement;
-    /**
-     * Setting the number of grid columns
-     */
-    columns?: string;
     /**
      * Horizontal align of cells
      */

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

@@ -0,0 +1,21 @@
+import { Colors } from '../../../core/constants/colors';
+import { Sizes } from '../../../core/constants/sizes';
+import { ValueOf } from '../../../types/interfaces';
+export declare const StepperColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export type StepperColorType = `${ValueOf<typeof StepperColors>}`;
+export declare const StepperSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export type StepperSizesType = `${ValueOf<typeof StepperSizes>}`;
+export declare const StepperClass: {
+    root: string;
+};
+export declare const StepperItemClass: {
+    root: string;
+    header: string;
+    label: string;
+    steps: string;
+    prefix: string;
+    main: string;
+    headline: string;
+    annotation: string;
+    content: string;
+};

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

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { StepperSizesType, StepperColorType } from './constants';
+import { GovStepperItemChangeEvent } from './gov-stepper-item.d';
+export declare class GovStepperItem {
+    private h;
+    private readonly triggerId;
+    private readonly contentId;
+    private hydrated;
+    constructor();
+    readonly host: HTMLGovStepperItemElement;
+    /**
+     * Style variation of the button.
+     */
+    readonly color?: StepperColorType;
+    /**
+     * Size of stepper
+     */
+    readonly size?: StepperSizesType;
+    /**
+     * Custom stepper item identifier. Otherwise, it will be generated
+     */
+    readonly identifier: string;
+    /**
+     * Called when the accordion state changes
+     */
+    govChange: EventEmitter<GovStepperItemChangeEvent>;
+    validateColor(newValue: string): void;
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    render(): any;
+}

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { StepperSizesType } from './constants';
+import { GovStepperItemChangeEvent } from './gov-stepper-item.d';
+export declare class GovStepper {
+    private h;
+    private hydrated;
+    constructor();
+    readonly host: HTMLGovStepperElement;
+    /**
+     * Size of stepper
+     */
+    readonly size?: StepperSizesType;
+    /**
+     * Called when the Stepper state changes
+     */
+    govChange: EventEmitter<GovStepperItemChangeEvent>;
+    validateSize(newValue: string): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    render(): any;
+}

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

@@ -30,5 +30,5 @@ export declare class GovTile {
     /**
      * Returns a clickable element instance
      */
-    getTriggerRef(): Promise<HTMLSpanElement | HTMLLinkElement>;
+    getTriggerRef(): Promise<HTMLLinkElement | HTMLSpanElement>;
 }