@esri/calcite-components 1.1.1-next.2 → 1.2.0

package/dist/types/components.d.ts

@@ -61,6 +61,7 @@ import { ShellPanelMessages } from "./components/shell-panel/assets/shell-panel/
 import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
 import { TabID, TabLayout, TabPosition } from "./components/tabs/interfaces";
 import { TabChangeEventDetail } from "./components/tab/interfaces";
+import { TextAreaMessages } from "./components/text-area/assets/text-area/t9n";
 import { TileSelectType } from "./components/tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/tile-select-group/interfaces";
 import { TipMessages } from "./components/tip/assets/tip/t9n";
@@ -257,6 +258,10 @@ export namespace Components {
           * Specifies the size of the `calcite-action-menu`.
          */
         "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
     }
     interface CalciteActionMenu {
         /**
@@ -497,6 +502,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
          */
@@ -608,6 +617,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * The `id` attribute of the component. When omitted, a globally unique identifier is used.
          */
@@ -813,6 +826,10 @@ export namespace Components {
           * Defines the available placements that can be used when a flip occurs.
          */
         "flipPlacements": EffectivePlacement[];
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * Accessible name for the component.
          */
@@ -992,6 +1009,10 @@ export namespace Components {
           * Specifies the size of the component.
          */
         "scale": "s" | "m" | "l";
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Specifies the selected date as a string (`"yyyy-mm-dd"`), or an array of strings for `range` values (`["yyyy-mm-dd", "yyyy-mm-dd"]`).
          */
@@ -1168,6 +1189,10 @@ export namespace Components {
           * @readonly
          */
         "selectedItems": HTMLCalciteDropdownItemElement[];
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Specifies the action to open the component from the container element.
          */
@@ -1518,6 +1543,10 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
          */
         "enterKeyHint": string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
@@ -1680,6 +1709,10 @@ export namespace Components {
           * Defines the available placements that can be used when a flip occurs.
          */
         "flipPlacements": EffectivePlacement[];
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * Specifies the number at which section headings should start.
          */
@@ -1816,6 +1849,10 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
          */
         "enterKeyHint": string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
@@ -1970,6 +2007,10 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
          */
         "enterKeyHint": string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * When `true`, the component will not be visible.
           * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
@@ -2073,6 +2114,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -2512,6 +2557,10 @@ export namespace Components {
           * Specifies the size of the component.
          */
         "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Specifies the starting item number.
          */
@@ -2834,6 +2883,10 @@ export namespace Components {
           * The focused state of the component.
          */
         "focused": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * The `id` of the component. When omitted, a globally unique identifier is used.
          */
@@ -2915,6 +2968,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -2975,6 +3032,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * Defines the layout of the component.
          */
@@ -3036,6 +3097,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * Accessible name for the component.
          */
@@ -3129,6 +3194,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
@@ -3313,6 +3382,10 @@ export namespace Components {
           * Specifies the size of the component.
          */
         "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Specifies the width of the component.
          */
@@ -3413,6 +3486,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
         /**
           * Accessible name for the component.
          */
@@ -3533,6 +3610,103 @@ export namespace Components {
          */
         "scale": Scale;
     }
+    interface CalciteTextArea {
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus": boolean;
+        /**
+          * Specifies the component's number of columns.
+          * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)
+         */
+        "columns": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the maximum number of characters allowed.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)
+         */
+        "maxLength": number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TextAreaMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TextAreaMessages;
+        /**
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)
+         */
+        "name": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * Specifies the placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)
+         */
+        "placeholder": string;
+        /**
+          * When `true`, the component's `value` can be read, but cannot be modified.
+          * @readonly 
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly": boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+          * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
+         */
+        "required": boolean;
+        /**
+          * Specifies if the component is resizable.
+         */
+        "resize": "both" | "horizontal" | "vertical" | "none";
+        /**
+          * Specifies the component's number of rows.
+          * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)
+         */
+        "rows": number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": "l" | "m" | "s";
+        /**
+          * Selects the text of the component's `value`.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": string;
+        /**
+          * Specifies the wrapping mechanism for the text.
+          * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)
+         */
+        "wrap": "soft" | "hard";
+    }
     interface CalciteTile {
         /**
           * When `true`, the component is active.
@@ -4186,6 +4360,10 @@ export interface CalciteTabTitleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteTabTitleElement;
 }
+export interface CalciteTextAreaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTextAreaElement;
+}
 export interface CalciteTileSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteTileSelectElement;
@@ -4709,6 +4887,12 @@ declare global {
         prototype: HTMLCalciteTabsElement;
         new (): HTMLCalciteTabsElement;
     };
+    interface HTMLCalciteTextAreaElement extends Components.CalciteTextArea, HTMLStencilElement {
+    }
+    var HTMLCalciteTextAreaElement: {
+        prototype: HTMLCalciteTextAreaElement;
+        new (): HTMLCalciteTextAreaElement;
+    };
     interface HTMLCalciteTileElement extends Components.CalciteTile, HTMLStencilElement {
     }
     var HTMLCalciteTileElement: {
@@ -4867,6 +5051,7 @@ declare global {
         "calcite-tab-nav": HTMLCalciteTabNavElement;
         "calcite-tab-title": HTMLCalciteTabTitleElement;
         "calcite-tabs": HTMLCalciteTabsElement;
+        "calcite-text-area": HTMLCalciteTextAreaElement;
         "calcite-tile": HTMLCalciteTileElement;
         "calcite-tile-select": HTMLCalciteTileSelectElement;
         "calcite-tile-select-group": HTMLCalciteTileSelectGroupElement;
@@ -5290,6 +5475,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
          */
@@ -5393,6 +5582,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * The `id` attribute of the component. When omitted, a globally unique identifier is used.
          */
@@ -5578,6 +5771,10 @@ declare namespace LocalJSX {
           * Defines the available placements that can be used when a flip occurs.
          */
         "flipPlacements"?: EffectivePlacement[];
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * Accessible name for the component.
          */
@@ -6288,6 +6485,10 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
          */
         "enterKeyHint"?: string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
@@ -6441,6 +6642,10 @@ declare namespace LocalJSX {
           * Defines the available placements that can be used when a flip occurs.
          */
         "flipPlacements"?: EffectivePlacement[];
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * Specifies the number at which section headings should start.
          */
@@ -6583,6 +6788,10 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
          */
         "enterKeyHint"?: string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
@@ -6728,6 +6937,10 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
          */
         "enterKeyHint"?: string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * When `true`, the component will not be visible.
           * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
@@ -6827,6 +7040,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -7523,6 +7740,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * The `id` of the component. When omitted, a globally unique identifier is used.
          */
@@ -7600,6 +7821,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -7648,6 +7873,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * Defines the layout of the component.
          */
@@ -7705,6 +7934,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * Accessible name for the component.
          */
@@ -7790,6 +8023,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
@@ -8061,6 +8298,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
         /**
           * Accessible name for the component.
          */
@@ -8159,6 +8400,99 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
     }
+    interface CalciteTextArea {
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus"?: boolean;
+        /**
+          * Specifies the component's number of columns.
+          * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)
+         */
+        "columns"?: number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor `<form>` element, if any.
+         */
+        "form"?: string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * Specifies the maximum number of characters allowed.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TextAreaMessages>;
+        /**
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)
+         */
+        "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires each time a new `value` is typed and committed.
+         */
+        "onCalciteTextAreaChange"?: (event: CalciteTextAreaCustomEvent<void>) => void;
+        /**
+          * Fires each time a new `value` is typed.
+         */
+        "onCalciteTextAreaInput"?: (event: CalciteTextAreaCustomEvent<void>) => void;
+        /**
+          * Specifies the placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)
+         */
+        "placeholder"?: string;
+        /**
+          * When `true`, the component's `value` can be read, but cannot be modified.
+          * @readonly 
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+          * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
+         */
+        "required"?: boolean;
+        /**
+          * Specifies if the component is resizable.
+         */
+        "resize"?: "both" | "horizontal" | "vertical" | "none";
+        /**
+          * Specifies the component's number of rows.
+          * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)
+         */
+        "rows"?: number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: "l" | "m" | "s";
+        /**
+          * The component's value.
+         */
+        "value"?: string;
+        /**
+          * Specifies the wrapping mechanism for the text.
+          * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)
+         */
+        "wrap"?: "soft" | "hard";
+    }
     interface CalciteTile {
         /**
           * When `true`, the component is active.
@@ -8635,6 +8969,7 @@ declare namespace LocalJSX {
         "calcite-tab-nav": CalciteTabNav;
         "calcite-tab-title": CalciteTabTitle;
         "calcite-tabs": CalciteTabs;
+        "calcite-text-area": CalciteTextArea;
         "calcite-tile": CalciteTile;
         "calcite-tile-select": CalciteTileSelect;
         "calcite-tile-select-group": CalciteTileSelectGroup;
@@ -8744,6 +9079,7 @@ declare module "@stencil/core" {
             "calcite-tab-nav": LocalJSX.CalciteTabNav & JSXBase.HTMLAttributes<HTMLCalciteTabNavElement>;
             "calcite-tab-title": LocalJSX.CalciteTabTitle & JSXBase.HTMLAttributes<HTMLCalciteTabTitleElement>;
             "calcite-tabs": LocalJSX.CalciteTabs & JSXBase.HTMLAttributes<HTMLCalciteTabsElement>;
+            "calcite-text-area": LocalJSX.CalciteTextArea & JSXBase.HTMLAttributes<HTMLCalciteTextAreaElement>;
             "calcite-tile": LocalJSX.CalciteTile & JSXBase.HTMLAttributes<HTMLCalciteTileElement>;
             "calcite-tile-select": LocalJSX.CalciteTileSelect & JSXBase.HTMLAttributes<HTMLCalciteTileSelectElement>;
             "calcite-tile-select-group": LocalJSX.CalciteTileSelectGroup & JSXBase.HTMLAttributes<HTMLCalciteTileSelectGroupElement>;

package/dist/types/preact.d.ts

@@ -357,6 +357,11 @@ declare module "preact/src/jsx" {
 
       "calcite-tabs": JSX.CalciteTabs & JSXInternal.HTMLAttributes<HTMLCalciteTabsElement>
 
+      "calcite-text-area": Omit<JSX.CalciteTextArea, "onCalciteTextAreaInput" | "onCalciteTextAreaChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTextAreaElement> & {
+        "oncalciteTextAreaInput"?: (event: CustomEvent<any>) => void;
+        "oncalciteTextAreaChange"?: (event: CustomEvent<any>) => void;
+      }
+
       "calcite-tile": JSX.CalciteTile & JSXInternal.HTMLAttributes<HTMLCalciteTileElement>
 
       "calcite-tile-select": Omit<JSX.CalciteTileSelect, "onCalciteTileSelectChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTileSelectElement> & {

package/dist/types/utils/form.d.ts

@@ -10,8 +10,22 @@ export declare const hiddenFormInputSlotName = "hidden-form-input";
  * Allows calling submit/reset methods on the form.
  */
 export interface FormOwner {
+  /**
+   * The host element.
+   */
+  readonly el: HTMLElement;
+  /**
+   * The ID of the form to associate with the component.
+   *
+   * When not set, the component will be associated with its ancestor `<form>` element, if any.
+   *
+   * Note that this prop should use the @Prop decorator.
+   */
+  form: string;
   /**
    * The form this component is associated with.
+   *
+   * @internal
    */
   formEl: HTMLFormElement;
 }
@@ -31,10 +45,6 @@ export interface FormComponent<T = any> extends FormOwner {
    * @todo remove optional in follow-up PR
    */
   required?: boolean;
-  /**
-   * The host element.
-   */
-  readonly el: HTMLElement;
   /**
    * The name used to submit the value to the associated form.
    *
@@ -100,6 +110,12 @@ export declare function resetForm(component: FormOwner): void;
  * @param component
  */
 export declare function connectForm<T>(component: FormComponent<T>): void;
+/**
+ * Utility method to find a form-component's associated form element.
+ *
+ * @param component
+ */
+export declare function findAssociatedForm(component: FormOwner): HTMLFormElement | null;
 /**
  * Helper to tear down form interactions on disconnectedCallback.
  *