@esri/calcite-components 5.2.0-next.87 → 5.2.0-next.89

package/dist/components/calcite-table-cell/customElement.d.ts

@@ -2,6 +2,23 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment } from "../types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /**
+   * Specifies the component's background color.
+   *
+   * @deprecated in v3.3.0, removal target v6.0.0 - Use `--calcite-table-cell-background-color` instead.
+   */
+  "--calcite-table-cell-background": "*";
+  /** Specifies the component's background color. */
+  "--calcite-table-cell-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-table-cell-border-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-table-cell-text-color": "*";
+}
+}
+
 /** @slot  - A slot for adding content, usually text content. */
 export abstract class TableCell extends LitElement {
   /**

package/dist/components/calcite-table-header/customElement.d.ts

@@ -2,6 +2,25 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment } from "../types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /**
+   * Specifies the component's background color.
+   *
+   * @deprecated in v3.3.0, removal target v6.0.0 - Use `--calcite-table-header-background-color` instead.
+   */
+  "--calcite-table-header-background": "*";
+  /** Specifies the component's background color. */
+  "--calcite-table-header-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-table-header-border-color": "*";
+  /** Specifies the component's `heading` text color. */
+  "--calcite-table-header-heading-text-color": "*";
+  /** Specifies the component's `description` text color. */
+  "--calcite-table-header-description-text-color": "*";
+}
+}
+
 export abstract class TableHeader extends LitElement {
   /**
    * Specifies the alignment of the component.

package/dist/components/calcite-table-row/customElement.d.ts

@@ -2,6 +2,27 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment } from "../types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /**
+   * Specifies the background color of the component.
+   *
+   * @deprecated in v3.3.0, removal target v6.0.0 - Use `--calcite-table-row-background-color` instead.
+   */
+  "--calcite-table-row-background": "*";
+  /** Specifies the component's background color. */
+  "--calcite-table-row-background-color": "*";
+  /** When `striped` is `true` on `calcite-table`, specifies the background color of the component's `striped` rows. */
+  "--calcite-table-row-background-color-striped": "*";
+  /** When `selected`, specifies the background color of the component's `selected` rows. */
+  "--calcite-table-row-background-color-selected": "*";
+  /** Specifies the component's selected accent color. */
+  "--calcite-table-row-accent-color-selected": "*";
+  /** Specifies the component's border color. */
+  "--calcite-table-row-border-color": "*";
+}
+}
+
 /** @slot  - A slot for adding `calcite-table-cell` or `calcite-table-header` elements. */
 export abstract class TableRow extends LitElement {
   /**

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

@@ -3,6 +3,15 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale } from "../types.js";
 import type { TabLayout, TabPosition } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-tab-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-tab-border-color": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding `calcite-tab`s.
  * @slot [title-group] - A slot for adding a `calcite-tab-nav`.

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

@@ -4,6 +4,39 @@ import type { NumberingSystem } from "../../utils/locale.js";
 import type { Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-text-area-background-color": "*";
+  /** Specifies the component's text area border color. */
+  "--calcite-text-area-border-color": "*";
+  /** Specifies the color of the character limit text displayed in the footer of the component. */
+  "--calcite-text-area-character-limit-text-color": "*";
+  /** Specifies the color of the divider between the text area and footer. */
+  "--calcite-text-area-divider-color": "*";
+  /** Specifies the font size of the text area and footer. */
+  "--calcite-text-area-font-size": "*";
+  /** Specifies the component's text area maximum height. */
+  "--calcite-text-area-max-height": "*";
+  /** Specifies the component's text area minimum height. */
+  "--calcite-text-area-min-height": "*";
+  /** Specifies the component's text area maximum width. */
+  "--calcite-text-area-max-width": "*";
+  /** Specifies the component's text area minimum width. */
+  "--calcite-text-area-min-width": "*";
+  /** Specifies the component's text color. */
+  "--calcite-text-area-text-color": "*";
+  /** Specifies the footer's border color. */
+  "--calcite-text-area-footer-border-color": "*";
+  /** Specifies component's corner radius. */
+  "--calcite-text-area-corner-radius": "*";
+  /** Specifies the component's shadow. */
+  "--calcite-text-area-shadow": "*";
+  /** Specifies the footer's background color. */
+  "--calcite-text-area-footer-background-color": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding text.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.

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

@@ -4,6 +4,29 @@ import type { Alignment, Scale } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { HeadingLevel } from "../functional/Heading.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** 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. */
+  "--calcite-tile-accent-color-press": "*";
+  /** Specifies the component's background color. */
+  "--calcite-tile-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-tile-border-color": "*";
+  /** Specifies the component's corner radius. */
+  "--calcite-tile-corner-radius": "*";
+  /** Specifies the component's `heading` text color. */
+  "--calcite-tile-heading-text-color": "*";
+  /** When `href` is present, specifies the component's link color. */
+  "--calcite-tile-link-color": "*";
+  /** Specifies the shadow around the component. */
+  "--calcite-tile-shadow": "*";
+  /** Specifies the component's `description` and `icon` text color, but not the `heading` text color. */
+  "--calcite-tile-text-color": "*";
+  /** Specifies the component's link text color. */
+  "--calcite-tile-link-text-color": "*";
+}
+}
+
 /**
  * @slot [content-top] - A slot for adding non-actionable elements above the component's content.
  * @slot [content-bottom] - A slot for adding non-actionable elements below the component's content.

package/dist/components/calcite-time-picker/customElement.d.ts

@@ -5,6 +5,29 @@ import type { NumberingSystem } from "../../utils/locale.js";
 import type { HourFormat } from "../../utils/time.js";
 import type { useTime } from "../../controllers/useTime.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-time-picker-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-time-picker-border-color": "*";
+  /** Specifies the component's border radius. */
+  "--calcite-time-picker-corner-radius": "*";
+  /** Specifies the button's background color when hovered or focused. */
+  "--calcite-time-picker-button-background-color-hover": "*";
+  /** Specifies the button's background color when active. */
+  "--calcite-time-picker-button-background-color-press": "*";
+  /** Specifies the component's text color. */
+  "--calcite-time-picker-color": "*";
+  /** Specifies the component's icon color. */
+  "--calcite-time-picker-icon-color": "*";
+  /** Specifies the input's border color when active. */
+  "--calcite-time-picker-input-border-color-press": "*";
+  /** Specifies the input's border color when hovered. */
+  "--calcite-time-picker-input-border-color-hover": "*";
+}
+}
+
 export abstract class TimePicker extends LitElement {
   /**
    * Specifies the component's hour format.

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

@@ -3,6 +3,21 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui.js";
 import type { Scale } from "../types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-tooltip-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-tooltip-border-color": "*";
+  /** Specifies the component's corner radius. */
+  "--calcite-tooltip-corner-radius": "*";
+  /** Specifies the component's maximum width. */
+  "--calcite-tooltip-max-size-x": "*";
+  /** Specifies the component's text color. */
+  "--calcite-tooltip-text-color": "*";
+}
+}
+
 /** @slot  - A slot for adding text. */
 export abstract class Tooltip extends LitElement {
   /**

package/dist/components/calcite-tree-item/customElement.d.ts

@@ -3,6 +3,17 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FlipContext } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's text color. */
+  "--calcite-tree-text-color": "*";
+  /** When 'selected', specifies the component's text color. */
+  "--calcite-tree-text-color-selected": "*";
+  /** Specifies the component's selection icon color. */
+  "--calcite-tree-selected-icon-color": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding text.
  * @slot [children] - A slot for adding nested `calcite-tree` elements.