q2-tecton-elements 1.66.1 → 1.67.0

package/dist/types/components/q2-chart-bar/q2-chart-bar.d.ts

@@ -1,6 +1,6 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 import * as echarts from 'echarts/core';
-import type { IChartData } from 'q2-tecton-common/lib/types/element-types';
+import type { ChartData } from 'q2-tecton-common/lib/types/elements';
 /**
  * @name Bar Chart
  * @category Data Visualization
@@ -37,7 +37,7 @@ export declare class Q2ChartBar implements ComponentInterface {
      */
     color: string;
     /** An array of objects that contain the data to be displayed. */
-    data: IChartData[];
+    data: ChartData[];
     /**
      * Allows control of how labels on the name axis will be handled if the text length is wider than the available space.
      * Values will ellipsize if the truncate option is used.
@@ -101,7 +101,7 @@ export declare class Q2ChartBar implements ComponentInterface {
     propsUpdates(): void;
     cacheComputedStyles(): void;
     getColor(color: string): any;
-    processData(data: IChartData[]): {
+    processData(data: ChartData[]): {
         value: number;
         itemStyle: {
             color: any;

package/dist/types/components/q2-chart-donut/q2-chart-donut.d.ts

@@ -1,6 +1,6 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import * as echarts from 'echarts/core';
-import type { IDonutChartData } from 'q2-tecton-common/lib/types/element-types';
+import type { DonutChartData } from 'q2-tecton-common/lib/types/elements';
 /**
  * @name Donut Chart
  * @category Data Visualization
@@ -23,7 +23,7 @@ export declare class Q2ChartDonut implements ComponentInterface {
     resizeObserver: ResizeObserver;
     hostElement: HTMLElement;
     hoveredId: string;
-    legendData: IDonutChartData[];
+    legendData: DonutChartData[];
     /**
      * The title of the chart. We recommend always including this for accessibility purposes.
      *
@@ -32,7 +32,7 @@ export declare class Q2ChartDonut implements ComponentInterface {
      */
     chartName: string;
     /** An array of objects that contain the data to be displayed. */
-    data: IDonutChartData[];
+    data: DonutChartData[];
     /** Controls whether values on the value axis are shown as numbers or as currency. */
     format: 'currency' | 'default';
     /** The amount which the slice will scale when hovered. */
@@ -84,24 +84,24 @@ export declare class Q2ChartDonut implements ComponentInterface {
      * Emitted when a slice is selected.
      * @deprecated Use 'tctChange' instead
      */
-    change: EventEmitter<IDonutChartData>;
+    change: EventEmitter<DonutChartData>;
     /**
      * Emitted when the center button is clicked.
      *
      * Requires the `isClickable` prop to be set to `true`.
      * @deprecated Use 'tctClick' instead
      */
-    click: EventEmitter<IDonutChartData>;
+    click: EventEmitter<DonutChartData>;
     /**
      * Emitted when a slice is selected.
      */
-    tctChange: EventEmitter<IDonutChartData>;
+    tctChange: EventEmitter<DonutChartData>;
     /**
      * Emitted when the center button is clicked.
      *
      * Requires the `isClickable` prop to be set to `true`.
      */
-    tctClick: EventEmitter<IDonutChartData>;
+    tctClick: EventEmitter<DonutChartData>;
     disconnectedCallback(): void;
     componentDidLoad(): void;
     delegateFocus(event: FocusEvent): void;
@@ -158,8 +158,8 @@ export declare class Q2ChartDonut implements ComponentInterface {
     displayValue(value: string | number): string;
     getColors(): any[];
     getCSSProperty(name: string): any;
-    getDataById(id: string): IDonutChartData;
-    getDataByIndex(index: number): IDonutChartData;
+    getDataById(id: string): DonutChartData;
+    getDataByIndex(index: number): DonutChartData;
     getDataIndexForId(id: string): number;
     getIndexById(id: string): number;
     getMinSliceSizeAsAngle(): number;

package/dist/types/components/q2-checkbox/q2-checkbox.d.ts

@@ -1,8 +1,18 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @name Checkbox
+ * @category Forms
+ * @summary Use as a single binary choice; nest within a Checkbox Group for grouped selection.
+ */
 export declare class Q2Checkbox implements ComponentInterface {
     _id: string;
     inputElement: HTMLInputElement;
     hostElement: HTMLElement;
+    /**
+     * @private
+     * Tooltip text set by a parent q2-tooltip component for accessibility.
+     */
+    _tooltip: string;
     /** Determine which side of the label the checkbox will render on. */
     alignment: string;
     /** @deprecated */
@@ -75,6 +85,7 @@ export declare class Q2Checkbox implements ComponentInterface {
     defaultChangeHandler(event: CustomEvent): void;
     delegateFocus(event: FocusEvent): void;
     ariaLabelObserver(): void;
+    get composedAriaLabel(): string | undefined;
     handleChangeEvent(event: CustomEvent<{
         checked: boolean;
         value: string;

package/dist/types/components/q2-data-table/q2-data-table.d.ts

@@ -1,45 +1,11 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-export type Q2DataTableCellAlignOptions = 'start' | 'center' | 'end';
-export type Q2DataTableCellType = {
-    type?: 'text' | 'number' | 'icon' | 'boolean' | 'code';
-} | {
-    type?: 'badge';
-    badgeStatus?: HTMLQ2BadgeElement['status'];
-    badgeTheme?: HTMLQ2BadgeElement['theme'];
-};
-export type Q2DataTableHeader = {
-    title: string;
-    align?: Q2DataTableCellAlignOptions;
-    key?: string;
-    sortable?: boolean | 'auto' | 'manual';
-    width?: string;
-    backgroundColor?: string;
-    sorted?: 'ASC' | 'DESC';
-    ariaLabel?: string;
-    lineClamp?: number;
-    verticalAlign?: 'top' | 'bottom';
-} & Partial<Q2DataTableCellType>;
-export type Q2DataTableCell = {
-    value: string | number | boolean;
-    align?: Q2DataTableCellAlignOptions;
-    ariaLabel?: string;
-    lineClamp?: number;
-    verticalAlign?: 'top' | 'bottom';
-} & Q2DataTableCellType;
-export type Q2DataTableBaseRow = {
-    id: string | number;
-    selected?: boolean;
-    expanded?: boolean;
-    disabled?: boolean;
-    selectAriaLabel?: string | string[];
-};
-export type Q2DataTableCells = Record<string, string | number | Q2DataTableCell>;
-export type Q2DataTableSerializedCells = Record<string, Q2DataTableCell>;
-export type Q2DataTableRow = Q2DataTableBaseRow & {
-    cells: Q2DataTableCells;
-};
-export type Q2DataTableSerializedRow = Q2DataTableBaseRow & {
-    cells: Q2DataTableSerializedCells;
+import type { Q2DataTableHeader, Q2DataTableCell, Q2DataTableRow, Q2DataTableSerializedRow } from 'q2-tecton-common/lib/types/elements';
+export type Q2DataTableBadgeCell = Q2DataTableCell & {
+    type: 'badge';
+    tags: {
+        value: any;
+        badgeTheme: HTMLQ2BadgeElement['theme'];
+    }[];
 };
 /**
  * @name Data Table
@@ -325,6 +291,7 @@ export declare class Q2DataTable implements ComponentInterface {
     selectableHandler(): void;
     get mappedHeaders(): Record<string, Q2DataTableHeader>;
     get numberOfColumns(): number;
+    _badgeColumnContent(cell: Q2DataTableBadgeCell): any;
     checkSlots: () => void;
     getSelectRowLabel(row: Q2DataTableSerializedRow): string;
     onClickRow: (event: MouseEvent, row: Q2DataTableSerializedRow) => void;

package/dist/types/components/q2-editable-field/q2-editable-field.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { IEventDetail, Q2InputCustomEvent } from "../../components";
+import type { EventDetail, FormatterValueObject } from 'q2-tecton-common/lib/types/elements';
+import { Q2InputCustomEvent } from "../../components";
 import { Q2Input } from '../q2-input/q2-input';
-import { IFormatterValueObject } from '../q2-input/q2-input-types';
 /**
  * @name Editable Field
  * @category Forms
@@ -119,7 +119,7 @@ export declare class Q2EditableField {
     componentDidRender(): void;
     onHostElementChange(event: CustomEvent): void;
     delegateFocus(event: FocusEvent): void;
-    inputFormatted(event: CustomEvent<IFormatterValueObject>): void;
+    inputFormatted(event: CustomEvent<FormatterValueObject>): void;
     /**
      * Emulates clicking the cancel button, which will hide the `<q2-input>` field.
      *
@@ -162,7 +162,7 @@ export declare class Q2EditableField {
     generateReadStateDOM(): any;
     inputChange: (e: CustomEvent) => void;
     inputClick: (event: MouseEvent) => void;
-    inputInput: (event: Q2InputCustomEvent<IEventDetail> & InputEvent) => void;
+    inputInput: (event: Q2InputCustomEvent<EventDetail> & InputEvent) => void;
     inputKeyDown: (e: KeyboardEvent) => void;
     saveClick: (event?: CustomEvent) => void;
     render(): any;

package/dist/types/components/q2-file-picker/q2-file-picker.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { ValidFileStatus, FilesObject } from 'q2-tecton-common/lib/types/elements';
 type DisplayedFile = {
     file: File;
     message?: string;
@@ -7,19 +8,6 @@ type DisplayedFile = {
 };
 type ValidFileStatusType = 'in-progress' | 'failed' | 'uploaded';
 type InvalidFileStatusType = 'invalid-type' | 'over-size-limit' | 'over-max-files-limit';
-export type ValidFileStatus = {
-    name: string;
-    status: ValidFileStatusType;
-    message?: string;
-};
-export type InvalidFileStatus = {
-    file: File;
-    status: InvalidFileStatusType;
-};
-export type FilesObject = {
-    invalidFiles: InvalidFileStatus[];
-    validFiles: File[];
-};
 /**
  * @name File Picker
  * @category Forms

package/dist/types/components/q2-input/formatting/alpha.d.ts

@@ -1 +1 @@
-export default function formatAlpha(value: string, modifier?: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatAlpha(value: string, modifier?: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/alphanumeric.d.ts

@@ -1 +1 @@
-export default function formatAlphanumeric(value: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatAlphanumeric(value: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/cif.d.ts

@@ -1 +1 @@
-export default function formatCIF(value: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatCIF(value: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/clabe.d.ts

@@ -1 +1 @@
-export default function formatCLABE(value: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatCLABE(value: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/credit-card.d.ts

@@ -1,5 +1,5 @@
-import { IFormatterValueObject } from '../q2-input-types';
-interface FormattedCreditCardObject extends IFormatterValueObject {
+import type { FormatterValueObject } from 'q2-tecton-common/lib/types/elements';
+interface FormattedCreditCardObject extends FormatterValueObject {
     type: string;
     leftIcon: string;
     leftIconMuted: boolean;

package/dist/types/components/q2-input/formatting/currency.d.ts

@@ -1,4 +1,4 @@
-import { IFormatterValueObject } from '../q2-input-types';
+import type { FormatterValueObject } from 'q2-tecton-common/lib/types/elements';
 export declare const currencyFormats: {
     AED: {
         prefix: string;
@@ -1128,4 +1128,4 @@ export declare const currencyFormats: {
         thousandsSeparator: string;
     };
 };
-export default function formatCurrency(value: string, currencyCode?: string, explicit?: boolean): IFormatterValueObject;
+export default function formatCurrency(value: string, currencyCode?: string, explicit?: boolean): FormatterValueObject;

package/dist/types/components/q2-input/formatting/generic.d.ts

@@ -1,5 +1,5 @@
-import { IFormatterValueObject } from '../q2-input-types';
+import type { FormatterValueObject } from 'q2-tecton-common/lib/types/elements';
 export default function formatValue(value?: string, mask?: string, options?: {
     prefix?: string;
     suffix?: string;
-}): IFormatterValueObject;
+}): FormatterValueObject;

package/dist/types/components/q2-input/formatting/iban.d.ts

@@ -1 +1 @@
-export default function formatIBAN(value: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatIBAN(value: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/number.d.ts

@@ -1,2 +1,3 @@
-import { IFormatterValueObject, INumberInputFormatOptions } from '../q2-input-types';
-export default function formatNumber(val?: string, options?: INumberInputFormatOptions, explicit?: boolean): IFormatterValueObject;
+import type { FormatterValueObject } from 'q2-tecton-common/lib/types/elements';
+import { NumberInputFormatOptions } from '../q2-input-types';
+export default function formatNumber(val?: string, options?: NumberInputFormatOptions, explicit?: boolean): FormatterValueObject;

package/dist/types/components/q2-input/formatting/numeric.d.ts

@@ -1,3 +1,3 @@
-declare function formatNumeric(value?: string, modifier?: string, explicit?: boolean): import("../q2-input-types").IFormatterValueObject;
-export declare function formatPercentage(value?: string, modifier?: string, explicit?: boolean): import("../q2-input-types").IFormatterValueObject;
+declare function formatNumeric(value?: string, modifier?: string, explicit?: boolean): import("q2-tecton-common/lib/types/elements").FormatterValueObject;
+export declare function formatPercentage(value?: string, modifier?: string, explicit?: boolean): import("q2-tecton-common/lib/types/elements").FormatterValueObject;
 export default formatNumeric;

package/dist/types/components/q2-input/formatting/phone.d.ts

@@ -1,2 +1,2 @@
-import { IFormatterValueObject } from '../q2-input-types';
-export default function formatPhoneNumber(value: string, isoCode?: string): IFormatterValueObject;
+import type { FormatterValueObject } from 'q2-tecton-common/lib/types/elements';
+export default function formatPhoneNumber(value: string, isoCode?: string): FormatterValueObject;

package/dist/types/components/q2-input/formatting/postal.d.ts

@@ -195,4 +195,4 @@ export declare const postalCodeFormats: {
     US: string;
     'US+4': string;
 };
-export default function formatPostalCode(value: string, modifier?: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatPostalCode(value: string, modifier?: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/routingnumber.d.ts

@@ -1 +1 @@
-export default function formatRoutingNumber(value: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatRoutingNumber(value: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/ssn.d.ts

@@ -1 +1 @@
-export default function formatSSN(value: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatSSN(value: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/swift.d.ts

@@ -1 +1 @@
-export default function formatSwift(value: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatSwift(value: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/formatting/tin.d.ts

@@ -1 +1 @@
-export default function formatTIN(value: string): import("../q2-input-types").IFormatterValueObject;
+export default function formatTIN(value: string): import("q2-tecton-common/lib/types/elements").FormatterValueObject;

package/dist/types/components/q2-input/q2-input-types.d.ts

@@ -1,30 +1,10 @@
-export interface IValueObject {
-    value: string;
-    formattedValue: string;
-}
-export interface IFormatterValueObject extends IValueObject {
-    fullyFormattedValue: string;
-    prefix?: string;
-    suffix?: string;
-    formattingCharacterCount?: number;
-    maxlength?: number;
-    minFormattedLength?: number;
-    unformattedValue?: string;
-    type?: string;
-    leftIcon?: string;
-    leftIconMuted?: boolean;
-}
-export interface IEventDetail extends IValueObject {
-    minFormattedLength?: number;
-    type?: string;
-}
-export interface ICursorData {
+export interface CursorData {
     startingPosition: number;
     valueLength: number;
     previousValueLength: number;
     hasSelection: boolean;
 }
-export interface INumberInputFormatOptions {
+export interface NumberInputFormatOptions {
     prefix: string;
     suffix: string;
     decimals: number;

package/dist/types/components/q2-input/q2-input.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { IFormatterValueObject, ICursorData, IEventDetail } from './q2-input-types';
+import type { FormatterValueObject, EventDetail } from 'q2-tecton-common/lib/types/elements';
+import { CursorData } from './q2-input-types';
 import { Q2Icon } from '../q2-icon/q2-icon';
 import { Q2Badge } from '../q2-badge/q2-badge';
 declare const inputTypeMap: {
@@ -48,7 +49,7 @@ export declare class Q2Input {
     valueOnFocus: string;
     hostElement: HTMLElement;
     checkSlotCount: number;
-    formattedValueObject: IFormatterValueObject;
+    formattedValueObject: FormatterValueObject;
     hasFocus: boolean;
     isSmall: boolean;
     /**
@@ -247,7 +248,7 @@ export declare class Q2Input {
      * @deprecated Use 'tctChange' instead
      * @legacyEvent
      */
-    change: EventEmitter<IEventDetail>;
+    change: EventEmitter<EventDetail>;
     /**
      * Emitted when the field value is cleared.
      * Emitted with `{ source: 'input' }` when search text is cleared by keyboard.
@@ -260,24 +261,24 @@ export declare class Q2Input {
      *
      * @deprecated Use 'tctFormatted' instead
      */
-    formatted: EventEmitter<IFormatterValueObject>;
+    formatted: EventEmitter<FormatterValueObject>;
     /**
      * Emitted when the field value is updated.
      * @deprecated Use 'tctInput' instead
      * @legacyEvent
      */
-    input: EventEmitter<IEventDetail>;
+    input: EventEmitter<EventDetail>;
     /**
      * Emitted when the validation is updated.
      * @deprecated Use 'tctInvalid' instead
      * @legacyEvent
      */
-    invalid: EventEmitter<IEventDetail>;
+    invalid: EventEmitter<EventDetail>;
     /**
      * Emitted when the field loses focus after the value has been changed.
      * @legacyEvent
      */
-    tctChange: EventEmitter<IEventDetail>;
+    tctChange: EventEmitter<EventDetail>;
     /**
      * Emitted when the field value is cleared.
      * Emitted with `{ source: 'input' }` when search text is cleared by keyboard.
@@ -287,17 +288,17 @@ export declare class Q2Input {
     /**
      * Emitted when the field value is formatted.
      */
-    tctFormatted: EventEmitter<IFormatterValueObject>;
+    tctFormatted: EventEmitter<FormatterValueObject>;
     /**
      * Emitted when the field value is updated.
      * @legacyEvent
      */
-    tctInput: EventEmitter<IEventDetail>;
+    tctInput: EventEmitter<EventDetail>;
     /**
      * Emitted when the validation is updated.
      * @legacyEvent
      */
-    tctInvalid: EventEmitter<IEventDetail>;
+    tctInvalid: EventEmitter<EventDetail>;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
@@ -366,17 +367,17 @@ export declare class Q2Input {
     get visibilityToggleAriaLabel(): string;
     get visibilityToggleText(): string;
     get wrapperClasses(): string;
-    calculateCursorPositionOnFocus(): ICursorData;
-    calculateCursorPositionOnInput(): ICursorData;
+    calculateCursorPositionOnFocus(): CursorData;
+    calculateCursorPositionOnInput(): CursorData;
     formatAndUpdateValueFromProp(): void;
-    getFormattedValue(value: string, valueChangedFromProperty: boolean): IFormatterValueObject;
+    getFormattedValue(value: string, valueChangedFromProperty: boolean): FormatterValueObject;
     handleCurrencyDeletion(event: InputEvent): void;
     /**
      * Sets textSelectedForDeletion to true if the user has selected text for deletion
      * This is used to prevent other logic from running when text is deleted
      */
     handleCurrencyKeydown: (event: KeyboardEvent) => void;
-    handleDataInput(newFormattedValue: IFormatterValueObject): void;
+    handleDataInput(newFormattedValue: FormatterValueObject): void;
     handleValueAndCursor: () => void;
     initMutationObserver: () => void;
     onClearInput: () => void;
@@ -391,7 +392,7 @@ export declare class Q2Input {
     onRefocusInput: () => void;
     onToggleVisibility: () => void;
     placeCursorAtEnd(): void;
-    setCursorPosition(cursorData: ICursorData): void;
+    setCursorPosition(cursorData: CursorData): void;
     validateInput: () => boolean;
     renderCountDOM(): any;
     renderInputContainerDOM(): any;

package/dist/types/components/q2-legend/q2-legend.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { IDonutChartData } from 'q2-tecton-common/lib/types/element-types';
+import type { DonutChartData } from 'q2-tecton-common/lib/types/elements';
 /**
  * @name Legend
  * @category Data Visualization
@@ -9,7 +9,7 @@ export declare class Q2Legend implements ComponentInterface {
     hoveredItemIndex: number;
     selectedItemIndex: number;
     /** An array of objects that contain the data to be displayed. */
-    data: IDonutChartData[];
+    data: DonutChartData[];
     /** The format of the value displayed in the legend. */
     format: 'default' | 'currency';
     /** The id of the item to set as hovered. */
@@ -20,29 +20,29 @@ export declare class Q2Legend implements ComponentInterface {
      * Emitted when a legend item is clicked.
      * @deprecated Use 'tctClick' instead
      */
-    click: EventEmitter<IDonutChartData>;
+    click: EventEmitter<DonutChartData>;
     /**
      * Emitted when the mouse enters a legend item.
      * @deprecated Use 'tctMouseenter' instead
      */
-    mouseenter: EventEmitter<IDonutChartData>;
+    mouseenter: EventEmitter<DonutChartData>;
     /**
      * Emitted when the mouse leaves a legend item.
      * @deprecated Use 'tctMouseleave' instead
      */
-    mouseleave: EventEmitter<IDonutChartData>;
+    mouseleave: EventEmitter<DonutChartData>;
     /**
      * Emitted when a legend item is clicked.
      */
-    tctClick: EventEmitter<IDonutChartData>;
+    tctClick: EventEmitter<DonutChartData>;
     /**
      * Emitted when the mouse enters a legend item.
      */
-    tctMouseEnter: EventEmitter<IDonutChartData>;
+    tctMouseEnter: EventEmitter<DonutChartData>;
     /**
      * Emitted when the mouse leaves a legend item.
      */
-    tctMouseLeave: EventEmitter<IDonutChartData>;
+    tctMouseLeave: EventEmitter<DonutChartData>;
     componentWillLoad(): void;
     watchHoveredItemId(newItemId: string): void;
     watchSelectedItemId(newItemId: string): void;
@@ -63,9 +63,9 @@ export declare class Q2Legend implements ComponentInterface {
     getDataIndexForId(id: string): number;
     isItemButtonFaded(index: number): boolean;
     isItemButtonSelected(index: number): boolean;
-    onClick(event: MouseEvent, itemData: IDonutChartData): void;
+    onClick(event: MouseEvent, itemData: DonutChartData): void;
     onClickElsewhere(obj: any): void;
-    onMouseEnter(event: Event, itemData: IDonutChartData): void;
-    onMouseLeave(event: Event, itemData: IDonutChartData): void;
+    onMouseEnter(event: Event, itemData: DonutChartData): void;
+    onMouseLeave(event: Event, itemData: DonutChartData): void;
     render(): any;
 }

package/dist/types/components/q2-link/q2-link.d.ts

@@ -6,6 +6,11 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
  */
 export declare class Q2Link implements ComponentInterface {
     hostElement: HTMLElement;
+    /**
+     * @private
+     * Tooltip text set by a parent q2-tooltip component for accessibility.
+     */
+    _tooltip: string;
     /** Determines whether the component and `tctClick` event are disabled. */
     disabled: boolean;
     /** If `true`, the label will be truncated with an ellipsis when it's too long. */
@@ -42,6 +47,7 @@ export declare class Q2Link implements ComponentInterface {
      */
     clickLink(): Promise<void>;
     get classes(): string;
+    get composedAriaLabel(): string | undefined;
     handleClick(event: MouseEvent): void;
     render(): any;
 }

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

@@ -32,22 +32,6 @@ export declare class Q2Modal implements ComponentInterface {
      * The icon to display at the top of the modal. [See Icon documentation](https://tecton.q2developer.com/design-system/q2-icon).
      */
     icon: string;
-    /**
-     * The icon fill color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
-     */
-    iconFillColor: string;
-    /**
-     * The icon primary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
-     */
-    iconStrokePrimary: string;
-    /**
-     * The icon secondary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
-     */
-    iconStrokeSecondary: string;
-    /**
-     * The icon secondary stroke width, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
-     */
-    iconStrokeWidth: string;
     /**
      * An image URL to be displayed beneath the title. It renders with 100% width.
      */
@@ -78,7 +62,6 @@ export declare class Q2Modal implements ComponentInterface {
     componentDidRender(): void;
     closeModal(data?: ModalResponse): Promise<void>;
     openModal(option?: ModalOption): Promise<void>;
-    iconStyle: () => {};
     initializeModal: () => void;
     onCancel: (event: Event) => void;
     onClick: (event: MouseEvent) => void;

package/dist/types/components/q2-option-list/q2-option-list.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-export interface IOptionValue {
+export interface OptionValue {
     value: string;
     display?: string;
 }
@@ -38,7 +38,7 @@ export declare class Q2OptionList implements ComponentInterface {
     /** Disables the logic that handles selecting and focusing an option in the option list. */
     noSelect: boolean;
     /** A list of the selected options on the element. */
-    selectedOptions: IOptionValue[];
+    selectedOptions: OptionValue[];
     /** Applies focus to the selected option. */
     showSelected: boolean;
     /** Translates to the role of the option list */
@@ -52,7 +52,7 @@ export declare class Q2OptionList implements ComponentInterface {
      */
     change: EventEmitter<{
         value: string;
-        values: IOptionValue[];
+        values: OptionValue[];
     }>;
     /**
      * Emitted to indicate the intended state of the popover.
@@ -75,7 +75,7 @@ export declare class Q2OptionList implements ComponentInterface {
      */
     tctChange: EventEmitter<{
         value: string;
-        values: IOptionValue[];
+        values: OptionValue[];
     }>;
     componentWillLoad(): void;
     componentDidLoad(): void;

package/dist/types/components/q2-pagination/q2-pagination.d.ts

@@ -68,6 +68,7 @@ export declare class Q2Pagination implements ComponentInterface {
      */
     change: EventEmitter<{
         page: number;
+        perPage: number;
     }>;
     /**
      * Emitted when the page is changed.
@@ -75,6 +76,7 @@ export declare class Q2Pagination implements ComponentInterface {
      */
     tctChange: EventEmitter<{
         page: number;
+        perPage: number;
     }>;
     disconnectedCallback(): void;
     componentWillLoad(): void;