@esri/calcite-components 5.0.0-next.73 → 5.0.0-next.75

package/dist/components/calcite-text-area/customElement.d.ts

@@ -1,178 +1,181 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FormComponent, MutableValidityState } from '../../utils/form';
-import { LabelableComponent } from '../../utils/label';
-import { NumberingSystem } from '../../utils/locale';
-import { Status } from '../interfaces';
-import { TextualInputComponent } from '../calcite-input/common/input';
-import { IconName } from '../calcite-icon/interfaces';
-import { Label } from '../calcite-label/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { MutableValidityState } from "../../utils/form.js";
+import type { NumberingSystem } from "../../utils/locale.js";
+import type { Status } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
 /**
+ * @cssproperty [--calcite-text-area-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-text-area-border-color] - Specifies the component's text area border color.
+ * @cssproperty [--calcite-text-area-character-limit-text-color] - Specifies the color of the character limit text displayed in the footer of the component.
+ * @cssproperty [--calcite-text-area-divider-color] - Specifies the color of the divider between the text area and footer.
+ * @cssproperty [--calcite-text-area-font-size] - Specifies the font size of the text area and footer.
+ * @cssproperty [--calcite-text-area-max-height] - Specifies the component's text area maximum height.
+ * @cssproperty [--calcite-text-area-min-height] - Specifies the component's text area minimum height.
+ * @cssproperty [--calcite-text-area-max-width] - Specifies the component's text area maximum width.
+ * @cssproperty [--calcite-text-area-min-width] - Specifies the component's text area minimum width.
+ * @cssproperty [--calcite-text-area-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-text-area-footer-border-color] - Specifies the footer's border color.
+ * @cssproperty [--calcite-text-area-corner-radius] - Specifies component's corner radius.
+ * @cssproperty [--calcite-text-area-shadow] - Specifies the component's shadow.
+ * @cssproperty [--calcite-text-area-footer-background-color] - Specifies the footer's background color.
  * @slot  - A slot for adding text.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  * @slot [footer-start] - A slot for adding content to the start of the component's footer.
  * @slot [footer-end] - A slot for adding content to the end of the component's footer.
  */
-export declare class TextArea extends LitElement {
-    /**
-     * 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.
-     *
-     * @default false
-     * @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.
-     *
-     * @default false
-     */
-    groupSeparator: boolean;
-    /** Accessible name for the component. */
-    label: string;
-    /** When provided, displays label text on the component. */
-    labelText: string;
-    /**
-     * When `true`, prevents input beyond the `maxLength` value, mimicking native text area behavior.
-     *
-     * @default false
-     */
-    limitText: boolean;
-    /**
-     * When `true`, a busy indicator is displayed.
-     *
-     * @default false
-     */
-    loading: boolean;
-    /**
-     * When the component resides in a form,
-     * 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?: typeof this.messages._overrides;
-    /**
-     * When the component resides in a form,
-     * specifies the minimum number of characters allowed.
-     *
-     * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-minlength)
-     */
-    minLength: number;
-    /**
-     * 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.
-     *
-     * @default false
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly: boolean;
-    /**
-     * When `true` and the component resides in a form,
-     * the component must have a value in order for the form to submit.
-     *
-     * @default false
-     * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
-     */
-    required: boolean;
-    /**
-     * Specifies if the component is resizable.
-     *
-     * @default "both"
-     */
-    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.
-     *
-     * @default "m"
-     */
-    scale: "l" | "m" | "s";
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     *
-     * @default "idle"
-     */
-    status: Status;
-    /** Specifies the validation icon to display under the component. */
-    validationIcon: IconName | boolean;
-    /** Specifies the validation message to display under the component. */
-    validationMessage: string;
-    /**
-     * The current validation state of the component.
-     *
-     * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
-     */
-    readonly validity: MutableValidityState;
-    /**
-     * The component's value.
-     *
-     * @default ""
-     */
-    value: string;
-    /**
-     * Specifies the wrapping mechanism for the text.
-     *
-     * @default "soft"
-     * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)
-     */
-    wrap: "soft" | "hard";
-    /** Selects the text of the component's `value`. */
-    selectText(): Promise<void>;
-    /**
-     * Sets focus on the component.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /** Fires each time a new `value` is typed and committed. */
-    readonly calciteTextAreaChange: TargetedEvent<this, void>;
-    /** Fires each time a new `value` is typed. */
-    readonly calciteTextAreaInput: TargetedEvent<this, void>;
-    private messages: {
-        invalid: string;
-        loading: string;
-        required: string;
-        tooLong: string;
-        tooShort: string;
-    } & import('@arcgis/lumina/controllers').T9nMeta<{
-        invalid: string;
-        loading: string;
-        required: string;
-        tooLong: string;
-        tooShort: string;
-    }>;
-}
+export abstract class TextArea extends LitElement {
+  /**
+   * Specifies the component's number of columns.
+   *
+   * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)
+   */
+  accessor columns: number;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies the `id` of the component's associated form.
+   *
+   * When not set, the component is associated with its ancestor form element, if one exists.
+   */
+  accessor form: string;
+  /**
+   * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+   *
+   * @default false
+   */
+  accessor groupSeparator: boolean;
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /** Specifies the component's label text. */
+  accessor labelText: string;
+  /**
+   * When `true`, prevents input beyond the `maxLength` value, mimicking native text area behavior.
+   *
+   * @default false
+   */
+  accessor limitText: boolean;
+  /**
+   * When `true`, a busy indicator is displayed.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /**
+   * When the component resides in a form,
+   * specifies the maximum number of characters allowed.
+   *
+   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)
+   */
+  accessor maxLength: number;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      invalid?: string;
+      loading?: string;
+      required?: string;
+      tooLong?: string;
+      tooShort?: string;
+  };
+  /**
+   * When the component resides in a form,
+   * specifies the minimum number of characters allowed.
+   *
+   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-minlength)
+   */
+  accessor minLength: number;
+  /** Specifies the name of the component. */
+  accessor name: string;
+  /** Specifies the Unicode numeral system used by the component for localization. */
+  accessor numberingSystem: NumberingSystem;
+  /**
+   * Specifies the placeholder text for the component.
+   *
+   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)
+   */
+  accessor placeholder: string;
+  /**
+   * When `true`, the component's `value` can be read, but cannot be modified.
+   *
+   * @default false
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
+  accessor readOnly: boolean;
+  /**
+   * When `true` and the component resides in a form,
+   * the component must have a value in order for the form to submit.
+   *
+   * @default false
+   * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
+   */
+  accessor required: boolean;
+  /**
+   * Specifies if the component is resizable.
+   *
+   * @default "both"
+   */
+  accessor 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)
+   */
+  accessor rows: number;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: "l" | "m" | "s";
+  /**
+   * Specifies the status of the input field, which determines message and icons.
+   *
+   * @default "idle"
+   */
+  accessor status: Status;
+  /** Specifies the validation icon to display under the component. */
+  accessor validationIcon: IconName | boolean;
+  /** Specifies the validation message to display under the component. */
+  accessor validationMessage: string;
+  /**
+   * The component's current validation state.
+   *
+   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
+   */
+  get validity(): MutableValidityState;
+  /**
+   * The component's value.
+   *
+   * @default ""
+   */
+  accessor value: string;
+  /**
+   * Specifies the wrapping mechanism for the text.
+   *
+   * @default "soft"
+   * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)
+   */
+  accessor wrap: "soft" | "hard";
+  /** Selects the text of the component's `value`. */
+  selectText(): Promise<void>;
+  /**
+   * Sets focus on the component.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Fires each time a new `value` is typed and committed. */
+  readonly calciteTextAreaChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires each time a new `value` is typed. */
+  readonly calciteTextAreaInput: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTextAreaChange: TextArea["calciteTextAreaChange"]["detail"];
+    calciteTextAreaInput: TextArea["calciteTextAreaInput"]["detail"];
+  };
+}

package/dist/components/calcite-text-area/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.73 */
+v5.0.0-next.75 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { live } from "lit/directives/live.js";
@@ -10,7 +10,7 @@ import { LitElement, createEvent, stringOrBoolean, safeClassMap, nothing } from
 import { useWatchAttributes } from "@arcgis/lumina/controllers";
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from "../../chunks/form.js";
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from "../../chunks/label.js";
-import { a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
 import { n as numberStringFormatter } from "../../chunks/locale.js";
 import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
 import { g as guid } from "../../chunks/guid.js";

package/dist/components/calcite-text-area/index.d.ts

@@ -1,3 +1 @@
-import "../calcite-input-message/index.js";
-import "../calcite-progress/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-tile/customElement.d.ts

@@ -1,81 +1,91 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Alignment, Layout, Scale, SelectionAppearance, SelectionMode } from '../interfaces';
-import { SelectableComponent } from '../../utils/selectableComponent';
-import { IconName } from '../calcite-icon/interfaces';
-import { HeadingLevel } from '../functional/Heading';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Alignment, Scale } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
+import type { HeadingLevel } from "../functional/Heading.js";
 
 /**
+ * @cssproperty [--calcite-tile-accent-color-press] - When the parent `calcite-tile-group` has a `selectionMode` that is not `"none"`, specifies the color of the component's selection elements, such as the radio, checkbox, and border.
+ * @cssproperty [--calcite-tile-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-tile-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-tile-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-tile-heading-text-color] - Specifies the component's `heading` text color.
+ * @cssproperty [--calcite-tile-link-color] - When `href` is present, specifies the component's link color.
+ * @cssproperty [--calcite-tile-shadow] - Specifies the shadow around the component.
+ * @cssproperty [--calcite-tile-text-color] - Specifies the component's `description` and `icon` text color, but not the `heading` text color.
+ * @cssproperty [--calcite-tile-link-text-color] - Specifies the component's link text color.
  * @slot [content-top] - A slot for adding non-actionable elements above the component's content.  Content slotted here will render in place of the `icon` property.
  * @slot [content-bottom] - A slot for adding non-actionable elements below the component's content.
  */
-export declare class Tile extends LitElement {
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated in v2.8.0, removal target v6.0.0 - No longer necessary.
-     * @default false
-     */
-    active: boolean;
-    /**
-     * Specifies the alignment of the Tile's content.
-     *
-     * @default "start"
-     */
-    alignment: Exclude<Alignment, "end">;
-    /** A description for the component, which displays below the heading. */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * The component's embed mode.
-     *
-     * When `true`, renders without a border and padding for use by other components.
-     *
-     * @deprecated in v2.6.0, removal target v6.0.0 - No longer necessary.
-     * @default false
-     */
-    embed: boolean;
-    /** The component header text, which displays between the icon and description. */
-    heading: string;
-    /** Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling. */
-    headingLevel: HeadingLevel;
-    /** When embed is `"false"`, the URL for the component. */
-    href: string;
-    /** Specifies an icon to display. */
-    icon: IconName;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     *
-     * @default false
-     */
-    iconFlipRtl: boolean;
-    /** Accessible name for the component. */
-    label: string;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * When `true` and the parent's `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
-     *
-     * @default false
-     */
-    selected: boolean;
-    /**
-     * Sets focus on the component.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /** Fires when the selected state of the component changes. */
-    readonly calciteTileSelect: TargetedEvent<this, void>;
-}
+export abstract class Tile extends LitElement {
+  /**
+   * When `true`, the component is active.
+   *
+   * @deprecated in v2.8.0, removal target v6.0.0 - No longer necessary.
+   * @default false
+   */
+  accessor active: boolean;
+  /**
+   * Specifies the alignment of the Tile's content.
+   *
+   * @default "start"
+   */
+  accessor alignment: Exclude<Alignment, "end">;
+  /** Specifies a description for the component. Displays below the heading. */
+  accessor description: string;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * The component's embed mode.
+   *
+   * When `true`, renders without a border and padding for use by other components.
+   *
+   * @deprecated in v2.6.0, removal target v6.0.0 - No longer necessary.
+   * @default false
+   */
+  accessor embed: boolean;
+  /** Specifies the component's heading text. displays between the `icon` and `description`. */
+  accessor heading: string;
+  /** Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling. */
+  accessor headingLevel: HeadingLevel;
+  /** When embed is `"false"`, the URL for the component. */
+  accessor href: string;
+  /** Specifies an icon to display. */
+  accessor icon: IconName;
+  /**
+   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   *
+   * @default false
+   */
+  accessor iconFlipRtl: boolean;
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * When `true` and the parent's `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
+   *
+   * @default false
+   */
+  accessor selected: boolean;
+  /**
+   * Sets focus on the component.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Fires when the selected state of the component changes. */
+  readonly calciteTileSelect: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTileSelect: Tile["calciteTileSelect"]["detail"];
+  };
+}

package/dist/components/calcite-tile/customElement.js

@@ -1,11 +1,11 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.73 */
+v5.0.0-next.75 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
-import { a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 import { H as Heading } from "../../chunks/Heading.js";

package/dist/components/calcite-tile/index.d.ts

@@ -1,3 +1 @@
-import "../calcite-icon/index.js";
-import "../calcite-link/index.js";
 export * from "./customElement.js";