q2-tecton-elements 1.66.1 → 1.67.0

package/dist/types/components.d.ts

@@ -6,35 +6,27 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/types/action-sheet";
-import { IChartData, IDonutChartData } from "q2-tecton-common/lib/types/element-types";
-import { Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow } from "./components/q2-data-table/q2-data-table";
+import { ChartData, DonutChartData, EventDetail, FilesObject, FormatterValueObject, Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow, StepperPaneEvent, ValidFileStatus } from "q2-tecton-common/lib/types/elements";
 import { Q2Input } from "./components/q2-input/q2-input";
-import { FilesObject, ValidFileStatus } from "./components/q2-file-picker/q2-file-picker";
 import { TQ2GridAlignOptions, TQ2GridColumnsOptions, TQ2GridGapOptions, TQ2GridJustifyOptions, TQ2GridRowsOptions } from "./components/q2-grid/q2-grid";
 import { TQ2GridAreaAlignOptions, TQ2GridAreaColumnSpanOptions, TQ2GridAreaColumnStartOptions, TQ2GridAreaJustifyOptions, TQ2GridAreaRowSpanOptions, TQ2GridAreaRowStartOptions, TQ2GridAreaZIndexOptions } from "./components/q2-grid-area/q2-grid-area";
 import { Q2Badge } from "./components/q2-badge/q2-badge";
 import { Q2Icon } from "./components/q2-icon/q2-icon";
 import { InputType } from "./components/q2-input/q2-input";
-import { IEventDetail, IFormatterValueObject } from "./components/q2-input/q2-input-types";
 import { ModalOption, ModalResponse } from "q2-tecton-common/lib/types/modal";
-import { IOptionValue, ValidOptionElements } from "./components/q2-option-list/q2-option-list";
-import { IOptionValue as IOptionValue1 } from "./components/q2-option-list/q2-option-list";
-import { IStepperPaneEvent } from "./components/q2-stepper-pane/q2-stepper-pane";
+import { OptionValue, ValidOptionElements } from "./components/q2-option-list/q2-option-list";
+import { OptionValue as OptionValue1 } from "./components/q2-option-list/q2-option-list";
 export { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/types/action-sheet";
-export { IChartData, IDonutChartData } from "q2-tecton-common/lib/types/element-types";
-export { Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow } from "./components/q2-data-table/q2-data-table";
+export { ChartData, DonutChartData, EventDetail, FilesObject, FormatterValueObject, Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow, StepperPaneEvent, ValidFileStatus } from "q2-tecton-common/lib/types/elements";
 export { Q2Input } from "./components/q2-input/q2-input";
-export { FilesObject, ValidFileStatus } from "./components/q2-file-picker/q2-file-picker";
 export { TQ2GridAlignOptions, TQ2GridColumnsOptions, TQ2GridGapOptions, TQ2GridJustifyOptions, TQ2GridRowsOptions } from "./components/q2-grid/q2-grid";
 export { TQ2GridAreaAlignOptions, TQ2GridAreaColumnSpanOptions, TQ2GridAreaColumnStartOptions, TQ2GridAreaJustifyOptions, TQ2GridAreaRowSpanOptions, TQ2GridAreaRowStartOptions, TQ2GridAreaZIndexOptions } from "./components/q2-grid-area/q2-grid-area";
 export { Q2Badge } from "./components/q2-badge/q2-badge";
 export { Q2Icon } from "./components/q2-icon/q2-icon";
 export { InputType } from "./components/q2-input/q2-input";
-export { IEventDetail, IFormatterValueObject } from "./components/q2-input/q2-input-types";
 export { ModalOption, ModalResponse } from "q2-tecton-common/lib/types/modal";
-export { IOptionValue, ValidOptionElements } from "./components/q2-option-list/q2-option-list";
-export { IOptionValue as IOptionValue1 } from "./components/q2-option-list/q2-option-list";
-export { IStepperPaneEvent } from "./components/q2-stepper-pane/q2-stepper-pane";
+export { OptionValue, ValidOptionElements } from "./components/q2-option-list/q2-option-list";
+export { OptionValue as OptionValue1 } from "./components/q2-option-list/q2-option-list";
 export namespace Components {
     interface ClickElsewhere {
     }
@@ -149,6 +141,10 @@ export namespace Components {
           * @private Role attribute for better semantic accessibility support
          */
         "_role": string;
+        /**
+          * @private Tooltip text set by a parent q2-tooltip component for accessibility.
+         */
+        "_tooltip": string;
         /**
           * Displays the component in an active state.
           * @info Only intended for use with the `badge` property.
@@ -574,6 +570,10 @@ export namespace Components {
           * @deprecated
          */
         "ariaLabel": string;
+        /**
+          * Position to show the navigation arrows `float`: vertically centered and float over the carousel pane. `bottom`: bottom area around pagination indicator, the arrows at far left/right edges. `hug`: bottom area around pagination indicator and wraps the pagination indicator.
+         */
+        "arrowPosition": 'bottom' | 'hug' | 'float' | undefined;
         /**
           * Enables the auto-play feature and starts the carousel without user input.
           * @default false
@@ -682,7 +682,7 @@ export namespace Components {
           * An array of objects that contain the data to be displayed.
           * @default []
          */
-        "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.
          */
@@ -807,7 +807,7 @@ export namespace Components {
           * An array of objects that contain the data to be displayed.
           * @default []
          */
-        "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.
          */
@@ -883,7 +883,7 @@ export namespace Components {
           * An array of objects that contain the data to be displayed.
           * @default []
          */
-        "data": IDonutChartData[];
+        "data": DonutChartData[];
         /**
           * Controls whether values on the value axis are shown as numbers or as currency.
          */
@@ -958,7 +958,16 @@ export namespace Components {
          */
         "summaryName": string;
     }
+    /**
+     * @name Checkbox
+     * @category Forms
+     * @summary Use as a single binary choice; nest within a Checkbox Group for grouped selection.
+     */
     interface Q2Checkbox {
+        /**
+          * @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.
          */
@@ -2221,7 +2230,7 @@ export namespace Components {
           * An array of objects that contain the data to be displayed.
           * @default []
          */
-        "data": IDonutChartData[];
+        "data": DonutChartData[];
         /**
           * The format of the value displayed in the legend.
           * @default 'default'
@@ -2244,6 +2253,10 @@ export namespace Components {
      * @summary Use for navigation to other pages or sections. Prefer over q2-btn for non-action navigation.
      */
     interface Q2Link {
+        /**
+          * @private Tooltip text set by a parent q2-tooltip component for accessibility.
+         */
+        "_tooltip": string;
         /**
           * A method for click.
           * @testOnly
@@ -2496,22 +2509,6 @@ export namespace Components {
           * 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.
          */
@@ -2674,7 +2671,7 @@ export namespace Components {
           * A list of the selected options on the element.
           * @default []
          */
-        "selectedOptions": IOptionValue[];
+        "selectedOptions": OptionValue[];
         "setActiveElement": (index: number) => Promise<void>;
         "setDefaultActiveElement": () => Promise<void>;
         /**
@@ -2858,7 +2855,7 @@ export namespace Components {
           * A list of the selected options on the element.
           * @default []
          */
-        "selectedOptions": IOptionValue1[];
+        "selectedOptions": OptionValue1[];
         /**
           * Emulates clicking the `<button>` to display the popover and selecting the option(s) with the specified value(s).  If multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed after the option(s) are selected.
           * @testOnly
@@ -2884,6 +2881,11 @@ export namespace Components {
           * @default 'left'
          */
         "align": 'left' | 'right';
+        /**
+          * Controls whether the popover is animated when opening/closing. Default is true (animated). Set to false to disable animations. Animation is also disabled if the user has enabled prefers-reduced-motion.
+          * @default true
+         */
+        "animated": boolean;
         /**
           * Indicates the popover will match the width of its parent element.
          */
@@ -3345,6 +3347,10 @@ export namespace Components {
           * @localizable
          */
         "description": string;
+        /**
+          * Disables the pane's step button in the stepper, preventing user interaction.
+         */
+        "disabled": boolean;
         /**
           * Used by q2-stepper and q2-stepper-vertical to determine which pane is active
           * @private
@@ -4137,11 +4143,11 @@ declare global {
     interface HTMLQ2ChartAreaElementEventMap {
         "change": {
         index: number;
-        data: IChartData;
+        data: ChartData;
     };
         "tctChange": {
         index: number;
-        data: IChartData;
+        data: ChartData;
     };
     }
     /**
@@ -4175,10 +4181,10 @@ declare global {
         new (): HTMLQ2ChartBarElement;
     };
     interface HTMLQ2ChartDonutElementEventMap {
-        "change": IDonutChartData;
-        "click": IDonutChartData;
-        "tctChange": IDonutChartData;
-        "tctClick": IDonutChartData;
+        "change": DonutChartData;
+        "click": DonutChartData;
+        "tctChange": DonutChartData;
+        "tctClick": DonutChartData;
     }
     /**
      * @name Donut Chart
@@ -4203,6 +4209,11 @@ declare global {
         "change": { value: string; checked: boolean };
         "tctChange": { value: string; checked: boolean };
     }
+    /**
+     * @name Checkbox
+     * @category Forms
+     * @summary Use as a single binary choice; nest within a Checkbox Group for grouped selection.
+     */
     interface HTMLQ2CheckboxElement extends Components.Q2Checkbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLQ2CheckboxElementEventMap>(type: K, listener: (this: HTMLQ2CheckboxElement, ev: Q2CheckboxCustomEvent<HTMLQ2CheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4478,16 +4489,16 @@ declare global {
         new (): HTMLQ2IconElement;
     };
     interface HTMLQ2InputElementEventMap {
-        "change": IEventDetail;
+        "change": EventDetail;
         "clear": undefined;
-        "formatted": IFormatterValueObject;
-        "input": IEventDetail;
-        "invalid": IEventDetail;
-        "tctChange": IEventDetail;
+        "formatted": FormatterValueObject;
+        "input": EventDetail;
+        "invalid": EventDetail;
+        "tctChange": EventDetail;
         "tctClear": undefined;
-        "tctFormatted": IFormatterValueObject;
-        "tctInput": IEventDetail;
-        "tctInvalid": IEventDetail;
+        "tctFormatted": FormatterValueObject;
+        "tctInput": EventDetail;
+        "tctInvalid": EventDetail;
     }
     /**
      * @name Input
@@ -4520,12 +4531,12 @@ declare global {
         new (): HTMLQ2ItemElement;
     };
     interface HTMLQ2LegendElementEventMap {
-        "click": IDonutChartData;
-        "mouseenter": IDonutChartData;
-        "mouseleave": IDonutChartData;
-        "tctClick": IDonutChartData;
-        "tctMouseEnter": IDonutChartData;
-        "tctMouseLeave": IDonutChartData;
+        "click": DonutChartData;
+        "mouseenter": DonutChartData;
+        "mouseleave": DonutChartData;
+        "tctClick": DonutChartData;
+        "tctMouseEnter": DonutChartData;
+        "tctMouseLeave": DonutChartData;
     }
     /**
      * @name Legend
@@ -4729,10 +4740,10 @@ declare global {
         new (): HTMLQ2OptionElement;
     };
     interface HTMLQ2OptionListElementEventMap {
-        "change": { value: string; values: IOptionValue[] };
+        "change": { value: string; values: OptionValue[] };
         "popoverState": { open: boolean; action: 'close' | 'select' | 'open' };
         "ready": undefined;
-        "tctChange": { value: string; values: IOptionValue[] };
+        "tctChange": { value: string; values: OptionValue[] };
     }
     /**
      * @name Option List
@@ -4754,8 +4765,8 @@ declare global {
         new (): HTMLQ2OptionListElement;
     };
     interface HTMLQ2PaginationElementEventMap {
-        "change": { page: number };
-        "tctChange": { page: number };
+        "change": { page: number; perPage: number };
+        "tctChange": { page: number; perPage: number };
     }
     /**
      * @name Pagination
@@ -4777,8 +4788,8 @@ declare global {
         new (): HTMLQ2PaginationElement;
     };
     interface HTMLQ2PillElementEventMap {
-        "change": { value: string; values: IOptionValue1[]; active: boolean };
-        "tctChange": { value: string; values: IOptionValue1[]; active: boolean };
+        "change": { value: string; values: OptionValue1[]; active: boolean };
+        "tctChange": { value: string; values: OptionValue1[]; active: boolean };
     }
     /**
      * @name Pill
@@ -4984,11 +4995,11 @@ declare global {
         new (): HTMLQ2StepperElement;
     };
     interface HTMLQ2StepperPaneElementEventMap {
-        "activeChange": IStepperPaneEvent;
+        "activeChange": StepperPaneEvent;
         "contentChange": undefined;
-        "statusChange": IStepperPaneEvent;
-        "tctActiveChange": IStepperPaneEvent;
-        "tctStatusChange": IStepperPaneEvent;
+        "statusChange": StepperPaneEvent;
+        "tctActiveChange": StepperPaneEvent;
+        "tctStatusChange": StepperPaneEvent;
     }
     /**
      * @name Stepper Pane
@@ -5378,6 +5389,10 @@ declare namespace LocalJSX {
           * @private Role attribute for better semantic accessibility support
          */
         "_role"?: string;
+        /**
+          * @private Tooltip text set by a parent q2-tooltip component for accessibility.
+         */
+        "_tooltip"?: string;
         /**
           * Displays the component in an active state.
           * @info Only intended for use with the `badge` property.
@@ -5848,6 +5863,10 @@ declare namespace LocalJSX {
           * @deprecated
          */
         "ariaLabel"?: string;
+        /**
+          * Position to show the navigation arrows `float`: vertically centered and float over the carousel pane. `bottom`: bottom area around pagination indicator, the arrows at far left/right edges. `hug`: bottom area around pagination indicator and wraps the pagination indicator.
+         */
+        "arrowPosition"?: 'bottom' | 'hug' | 'float' | undefined;
         /**
           * Enables the auto-play feature and starts the carousel without user input.
           * @default false
@@ -5963,7 +5982,7 @@ declare namespace LocalJSX {
           * An array of objects that contain the data to be displayed.
           * @default []
          */
-        "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.
          */
@@ -6020,14 +6039,14 @@ declare namespace LocalJSX {
          */
         "onChange"?: (event: Q2ChartAreaCustomEvent<{
         index: number;
-        data: IChartData;
+        data: ChartData;
     }>) => void;
         /**
           * Emitted when a data point is clicked.
          */
         "onTctChange"?: (event: Q2ChartAreaCustomEvent<{
         index: number;
-        data: IChartData;
+        data: ChartData;
     }>) => void;
         /**
           * Controls color of vertical pointer on a line chart. Accepts variables, hex codes, and CSS color names.  **Examples:**
@@ -6098,7 +6117,7 @@ declare namespace LocalJSX {
           * An array of objects that contain the data to be displayed.
           * @default []
          */
-        "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.
          */
@@ -6170,7 +6189,7 @@ declare namespace LocalJSX {
           * An array of objects that contain the data to be displayed.
           * @default []
          */
-        "data"?: IDonutChartData[];
+        "data"?: DonutChartData[];
         /**
           * Controls whether values on the value axis are shown as numbers or as currency.
          */
@@ -6200,20 +6219,20 @@ declare namespace LocalJSX {
           * Emitted when a slice is selected.
           * @deprecated Use 'tctChange' instead
          */
-        "onChange"?: (event: Q2ChartDonutCustomEvent<IDonutChartData>) => void;
+        "onChange"?: (event: Q2ChartDonutCustomEvent<DonutChartData>) => void;
         /**
           * Emitted when the center button is clicked.  Requires the `isClickable` prop to be set to `true`.
           * @deprecated Use 'tctClick' instead
          */
-        "onClick"?: (event: Q2ChartDonutCustomEvent<IDonutChartData>) => void;
+        "onClick"?: (event: Q2ChartDonutCustomEvent<DonutChartData>) => void;
         /**
           * Emitted when a slice is selected.
          */
-        "onTctChange"?: (event: Q2ChartDonutCustomEvent<IDonutChartData>) => void;
+        "onTctChange"?: (event: Q2ChartDonutCustomEvent<DonutChartData>) => void;
         /**
           * Emitted when the center button is clicked.  Requires the `isClickable` prop to be set to `true`.
          */
-        "onTctClick"?: (event: Q2ChartDonutCustomEvent<IDonutChartData>) => void;
+        "onTctClick"?: (event: Q2ChartDonutCustomEvent<DonutChartData>) => void;
         /**
           * The outer radius of the chart slices which is represented by a percentage of the radius.
           * @warning If you update this property to be less than or equal to the `innerRadius`, we automatically set it to be 15% greater than the current `innerRadius` to prevent display issues.
@@ -6245,7 +6264,16 @@ declare namespace LocalJSX {
          */
         "summaryName"?: string;
     }
+    /**
+     * @name Checkbox
+     * @category Forms
+     * @summary Use as a single binary choice; nest within a Checkbox Group for grouped selection.
+     */
     interface Q2Checkbox {
+        /**
+          * @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.
          */
@@ -7449,7 +7477,7 @@ declare namespace LocalJSX {
           * @deprecated Use 'tctChange' instead
           * @legacyEvent
          */
-        "onChange"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
+        "onChange"?: (event: Q2InputCustomEvent<EventDetail>) => void;
         /**
           * Emitted when the field value is cleared. Emitted with `{ source: 'input' }` when search text is cleared by keyboard. Emitted with `{ source: 'button' }` when search text is cleared by clicking clear icon.
           * @deprecated Use 'tctClear' instead
@@ -7459,24 +7487,24 @@ declare namespace LocalJSX {
           * Emitted when the field value is formatted.
           * @deprecated Use 'tctFormatted' instead
          */
-        "onFormatted"?: (event: Q2InputCustomEvent<IFormatterValueObject>) => void;
+        "onFormatted"?: (event: Q2InputCustomEvent<FormatterValueObject>) => void;
         /**
           * Emitted when the field value is updated.
           * @deprecated Use 'tctInput' instead
           * @legacyEvent
          */
-        "onInput"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
+        "onInput"?: (event: Q2InputCustomEvent<EventDetail>) => void;
         /**
           * Emitted when the validation is updated.
           * @deprecated Use 'tctInvalid' instead
           * @legacyEvent
          */
-        "onInvalid"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
+        "onInvalid"?: (event: Q2InputCustomEvent<EventDetail>) => void;
         /**
           * Emitted when the field loses focus after the value has been changed.
           * @legacyEvent
          */
-        "onTctChange"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
+        "onTctChange"?: (event: Q2InputCustomEvent<EventDetail>) => void;
         /**
           * Emitted when the field value is cleared. Emitted with `{ source: 'input' }` when search text is cleared by keyboard. Emitted with `{ source: 'button' }` when search text is cleared by clicking clear icon.
          */
@@ -7484,17 +7512,17 @@ declare namespace LocalJSX {
         /**
           * Emitted when the field value is formatted.
          */
-        "onTctFormatted"?: (event: Q2InputCustomEvent<IFormatterValueObject>) => void;
+        "onTctFormatted"?: (event: Q2InputCustomEvent<FormatterValueObject>) => void;
         /**
           * Emitted when the field value is updated.
           * @legacyEvent
          */
-        "onTctInput"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
+        "onTctInput"?: (event: Q2InputCustomEvent<EventDetail>) => void;
         /**
           * Emitted when the validation is updated.
           * @legacyEvent
          */
-        "onTctInvalid"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
+        "onTctInvalid"?: (event: Q2InputCustomEvent<EventDetail>) => void;
         /**
           * Appends "(optional)" to the field label, and sets `aria-required` on the nested input tag to `false`.
          */
@@ -7578,7 +7606,7 @@ declare namespace LocalJSX {
           * An array of objects that contain the data to be displayed.
           * @default []
          */
-        "data"?: IDonutChartData[];
+        "data"?: DonutChartData[];
         /**
           * The format of the value displayed in the legend.
           * @default 'default'
@@ -7593,29 +7621,29 @@ declare namespace LocalJSX {
           * Emitted when a legend item is clicked.
           * @deprecated Use 'tctClick' instead
          */
-        "onClick"?: (event: Q2LegendCustomEvent<IDonutChartData>) => void;
+        "onClick"?: (event: Q2LegendCustomEvent<DonutChartData>) => void;
         /**
           * Emitted when the mouse enters a legend item.
           * @deprecated Use 'tctMouseenter' instead
          */
-        "onMouseenter"?: (event: Q2LegendCustomEvent<IDonutChartData>) => void;
+        "onMouseenter"?: (event: Q2LegendCustomEvent<DonutChartData>) => void;
         /**
           * Emitted when the mouse leaves a legend item.
           * @deprecated Use 'tctMouseleave' instead
          */
-        "onMouseleave"?: (event: Q2LegendCustomEvent<IDonutChartData>) => void;
+        "onMouseleave"?: (event: Q2LegendCustomEvent<DonutChartData>) => void;
         /**
           * Emitted when a legend item is clicked.
          */
-        "onTctClick"?: (event: Q2LegendCustomEvent<IDonutChartData>) => void;
+        "onTctClick"?: (event: Q2LegendCustomEvent<DonutChartData>) => void;
         /**
           * Emitted when the mouse enters a legend item.
          */
-        "onTctMouseEnter"?: (event: Q2LegendCustomEvent<IDonutChartData>) => void;
+        "onTctMouseEnter"?: (event: Q2LegendCustomEvent<DonutChartData>) => void;
         /**
           * Emitted when the mouse leaves a legend item.
          */
-        "onTctMouseLeave"?: (event: Q2LegendCustomEvent<IDonutChartData>) => void;
+        "onTctMouseLeave"?: (event: Q2LegendCustomEvent<DonutChartData>) => void;
         /**
           * The id of the item to set as selected.
           * @default null
@@ -7628,6 +7656,10 @@ declare namespace LocalJSX {
      * @summary Use for navigation to other pages or sections. Prefer over q2-btn for non-action navigation.
      */
     interface Q2Link {
+        /**
+          * @private Tooltip text set by a parent q2-tooltip component for accessibility.
+         */
+        "_tooltip"?: string;
         /**
           * Determines whether the component and `tctClick` event are disabled.
           * @default false
@@ -7875,22 +7907,6 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -8077,7 +8093,7 @@ declare namespace LocalJSX {
           * Emitted when an option is selected or deselected.  When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property will contain the selected option values.
           * @deprecated Use 'tctChange' instead
          */
-        "onChange"?: (event: Q2OptionListCustomEvent<{ value: string; values: IOptionValue[] }>) => void;
+        "onChange"?: (event: Q2OptionListCustomEvent<{ value: string; values: OptionValue[] }>) => void;
         /**
           * Emitted to indicate the intended state of the popover.
           * @private
@@ -8091,12 +8107,12 @@ declare namespace LocalJSX {
         /**
           * Emitted when an option is selected or deselected.  When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property will contain the selected option values.
          */
-        "onTctChange"?: (event: Q2OptionListCustomEvent<{ value: string; values: IOptionValue[] }>) => void;
+        "onTctChange"?: (event: Q2OptionListCustomEvent<{ value: string; values: OptionValue[] }>) => void;
         /**
           * A list of the selected options on the element.
           * @default []
          */
-        "selectedOptions"?: IOptionValue[];
+        "selectedOptions"?: OptionValue[];
         /**
           * Applies focus to the selected option.
          */
@@ -8133,12 +8149,12 @@ declare namespace LocalJSX {
           * @legacyEvent 
           * @deprecated Use 'tctChange' instead
          */
-        "onChange"?: (event: Q2PaginationCustomEvent<{ page: number }>) => void;
+        "onChange"?: (event: Q2PaginationCustomEvent<{ page: number; perPage: number }>) => void;
         /**
           * Emitted when the page is changed.
           * @legacyEvent
          */
-        "onTctChange"?: (event: Q2PaginationCustomEvent<{ page: number }>) => void;
+        "onTctChange"?: (event: Q2PaginationCustomEvent<{ page: number; perPage: number }>) => void;
         /**
           * The current page that is being displayed.
          */
@@ -8223,12 +8239,12 @@ declare namespace LocalJSX {
           * @legacyEvent 
           * @deprecated Use 'tctChange' instead
          */
-        "onChange"?: (event: Q2PillCustomEvent<{ value: string; values: IOptionValue1[]; active: boolean }>) => void;
+        "onChange"?: (event: Q2PillCustomEvent<{ value: string; values: OptionValue1[]; active: boolean }>) => void;
         /**
           * Emitted when the pill is clicked or the selected options change.  When multi-select is enabled, `value` will be `undefined`.
           * @legacyEvent
          */
-        "onTctChange"?: (event: Q2PillCustomEvent<{ value: string; values: IOptionValue1[]; active: boolean }>) => void;
+        "onTctChange"?: (event: Q2PillCustomEvent<{ value: string; values: OptionValue1[]; active: boolean }>) => void;
         /**
           * Determine whether the popover is open or closed.
           * @readonly
@@ -8260,7 +8276,7 @@ declare namespace LocalJSX {
           * A list of the selected options on the element.
           * @default []
          */
-        "selectedOptions"?: IOptionValue1[];
+        "selectedOptions"?: OptionValue1[];
         /**
           * The color of the element when in the active state.
          */
@@ -8281,6 +8297,11 @@ declare namespace LocalJSX {
           * @default 'left'
          */
         "align"?: 'left' | 'right';
+        /**
+          * Controls whether the popover is animated when opening/closing. Default is true (animated). Set to false to disable animations. Animation is also disabled if the user has enabled prefers-reduced-motion.
+          * @default true
+         */
+        "animated"?: boolean;
         /**
           * Indicates the popover will match the width of its parent element.
          */
@@ -8758,6 +8779,10 @@ declare namespace LocalJSX {
           * @localizable
          */
         "description"?: string;
+        /**
+          * Disables the pane's step button in the stepper, preventing user interaction.
+         */
+        "disabled"?: boolean;
         /**
           * Used by q2-stepper and q2-stepper-vertical to determine which pane is active
           * @private
@@ -8772,7 +8797,7 @@ declare namespace LocalJSX {
           * Emitted when the active state of the pane changes.
           * @deprecated Use 'tctActiveChange' instead
          */
-        "onActiveChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
+        "onActiveChange"?: (event: Q2StepperPaneCustomEvent<StepperPaneEvent>) => void;
         /**
           * Emitted when the content of the pane changes.
           * @private
@@ -8782,15 +8807,15 @@ declare namespace LocalJSX {
           * Emitted when the status of the pane changes.
           * @deprecated Use 'tctStatusChange' instead
          */
-        "onStatusChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
+        "onStatusChange"?: (event: Q2StepperPaneCustomEvent<StepperPaneEvent>) => void;
         /**
           * Emitted when the active state of the pane changes.
          */
-        "onTctActiveChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
+        "onTctActiveChange"?: (event: Q2StepperPaneCustomEvent<StepperPaneEvent>) => void;
         /**
           * Emitted when the status of the pane changes.
          */
-        "onTctStatusChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
+        "onTctStatusChange"?: (event: Q2StepperPaneCustomEvent<StepperPaneEvent>) => void;
         /**
           * Indicates to display the content of the pane when one of its children is selected.
           * @info Currently only supported in the `<q2-stepper-vertical>` component.
@@ -9365,6 +9390,11 @@ declare module "@stencil/core" {
              * @summary Use for showing proportions of a whole as segments in a ring.
              */
             "q2-chart-donut": LocalJSX.Q2ChartDonut & JSXBase.HTMLAttributes<HTMLQ2ChartDonutElement>;
+            /**
+             * @name Checkbox
+             * @category Forms
+             * @summary Use as a single binary choice; nest within a Checkbox Group for grouped selection.
+             */
             "q2-checkbox": LocalJSX.Q2Checkbox & JSXBase.HTMLAttributes<HTMLQ2CheckboxElement>;
             /**
              * @name Checkbox Group