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

package/dist/components/calcite-inline-editable/customElement.d.ts

@@ -2,6 +2,65 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale } from "../types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /**
+   * Specifies the component's background color when hovered.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-background-color-hover": "*";
+  /**
+   * Specifies the component's background color.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-background-color": "*";
+  /**
+   * Specifies the background color of the component's button element.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-button-background-color": "*";
+  /**
+   * Specifies the background color of the component's button element when hovered.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-button-background-color-hover": "*";
+  /**
+   * Specifies the background color of the component's button element when pressed.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-button-background-color-press": "*";
+  /**
+   * Specifies the corner radius of the component's button element.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-button-corner-radius": "*";
+  /**
+   * Specifies the loader color of the component's button element.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-button-loader-color": "*";
+  /**
+   * Specifies the text color of the component's button element.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-button-text-color": "*";
+  /**
+   * Specifies the text color of the component's button element when hovered or pressed.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` built-in inline edit tokens instead.
+   */
+  "--calcite-inline-editable-button-text-color-press": "*";
+}
+}
+
 /**
  * @deprecated in v5.2.0, removal target v7.0.0 - Use `calcite-input`, `calcite-input-number`, or `calcite-input-text` with built-in inline edit (`inline-edit` and `inline-edit="controls-disabled"` prop) instead.
  * @slot  - A slot for adding a `calcite-input`.

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

@@ -5,6 +5,65 @@ import type { NumberingSystem } from "../../utils/locale.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { InputPlacement } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** When `prefixText` is provided, specifies the width of the component's prefix element. */
+  "--calcite-input-prefix-size": "*";
+  /** When `suffixText` is provided, specifies the width of the component's suffix element. */
+  "--calcite-input-suffix-size": "*";
+  /** When `prefixText` is provided, specifies the text color of the component's prefix element. */
+  "--calcite-input-prefix-text-color": "*";
+  /** When `suffixText` is provided, specifies the text color of the component's suffix element. */
+  "--calcite-input-suffix-text-color": "*";
+  /** Specifies the component's background color. */
+  "--calcite-input-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-input-border-color": "*";
+  /** Specifies the component's corner radius. */
+  "--calcite-input-corner-radius": "*";
+  /** Specifies the component's shadow. */
+  "--calcite-input-shadow": "*";
+  /** Specifies the component's `icon` color. */
+  "--calcite-input-icon-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-input-text-color": "*";
+  /** Specifies the component's placeholder text color. */
+  "--calcite-input-placeholder-text-color": "*";
+  /** Specifies the background color of the component's `clearable` and `number-button-type` elements. */
+  "--calcite-input-actions-background-color": "*";
+  /** Specifies the background color of the component's `clearable` and `number-button-type` elements when hovered. */
+  "--calcite-input-actions-background-color-hover": "*";
+  /** Specifies the background color of the component's `clearable` and `number-button-type` elements when pressed. */
+  "--calcite-input-actions-background-color-press": "*";
+  /** Specifies the icon color of the component's `clearable` and `number-button-type` elements. */
+  "--calcite-input-actions-icon-color": "*";
+  /** Specifies the icon color of the component's `clearable` and `number-button-type` elements when hovered. */
+  "--calcite-input-actions-icon-color-hover": "*";
+  /** Specifies the icon color of the component's `clearable` and `number-button-type` elements when pressed. */
+  "--calcite-input-actions-icon-color-press": "*";
+  /** When `loading`, specifies the background color of the component's `loading` element. */
+  "--calcite-input-loading-background-color": "*";
+  /** When `loading`, specifies the fill color of the component's `loading` element. */
+  "--calcite-input-loading-fill-color": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component, its inline edit elements and slotted `calcite-action` wrappers, when hovered. */
+  "--calcite-input-inline-edit-background-color-hover": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls. */
+  "--calcite-input-inline-edit-control-background-color": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls, when hovered. */
+  "--calcite-input-inline-edit-control-background-color-hover": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls, when pressed. */
+  "--calcite-input-inline-edit-control-background-color-press": "*";
+  /** When `inline-edit` is enabled, specifies the corner radius of the component's inline edit controls. */
+  "--calcite-input-inline-edit-control-corner-radius": "*";
+  /** When `inline-edit` is enabled, specifies the loader color of the component's inline edit controls. */
+  "--calcite-input-inline-edit-control-loader-color": "*";
+  /** When `inline-edit` is enabled, specifies the text color of the component's inline edit controls. */
+  "--calcite-input-inline-edit-control-text-color": "*";
+  /** When `inline-edit` is enabled, specifies the text color of the component's inline edit controls, when pressed or hovered. */
+  "--calcite-input-inline-edit-control-text-color-press": "*";
+}
+}
+
 /**
  * @slot [action] - A slot for positioning a `calcite-action` or other interactive content adjacent to the component.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.

package/dist/components/calcite-input-date-picker/customElement.d.ts

@@ -7,6 +7,97 @@ import type { Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { DatePicker } from "../calcite-date-picker/customElement.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's actions icon color. */
+  "--calcite-input-date-picker-actions-icon-color": "*";
+  /** Specifies the component's actions icon color on hover. */
+  "--calcite-input-date-picker-actions-icon-color-hover": "*";
+  /** Specifies the component's input background color. */
+  "--calcite-input-date-picker-background-color": "*";
+  /** Specifies the component's input border color. */
+  "--calcite-input-date-picker-border-color": "*";
+  /** Specifies the background color of the component's calendar actions. */
+  "--calcite-input-date-picker-calendar-actions-background-color": "*";
+  /** Specifies the background color of the component's calendar actions when hovered. */
+  "--calcite-input-date-picker-calendar-actions-background-color-hover": "*";
+  /** Specifies the background color of the component's calendar actions when pressed. */
+  "--calcite-input-date-picker-calendar-actions-background-color-press": "*";
+  /** Specifies the text color of the component's calendar actions. */
+  "--calcite-input-date-picker-calendar-actions-text-color": "*";
+  /** Specifies the text color of the component's calendar actions when pressed. */
+  "--calcite-input-date-picker-calendar-actions-text-color-press": "*";
+  /** Specifies the border color of the component's calendar. */
+  "--calcite-input-date-picker-calendar-border-color": "*";
+  /** Specifies the corner radius of the component's calendar. */
+  "--calcite-input-date-picker-calendar-corner-radius": "*";
+  /** Specifies the text color of the component's calendar current day element. */
+  "--calcite-input-date-picker-calendar-current-day-text-color": "*";
+  /** Specifies the background color of the component's calendar day elements. */
+  "--calcite-input-date-picker-calendar-day-background-color": "*";
+  /** Specifies the background color of the component's calendar day elements when hovered. */
+  "--calcite-input-date-picker-calendar-day-background-color-hover": "*";
+  /**
+   * Specifies the text color of current day of the component's date-picker.
+   *
+   * @deprecated in v3.3.1, removal target v6.0.0 - Use `--calcite-input-date-picker-calendar-current-day-text-color` instead.
+   */
+  "--calcite-input-date-picker-calendar-day-current-text-color": "*";
+  /** Specifies the background color of the component's calendar selected day range. */
+  "--calcite-input-date-picker-calendar-day-range-background-color": "*";
+  /** Specifies the text color of the component's calendar selected day range. */
+  "--calcite-input-date-picker-calendar-day-range-text-color": "*";
+  /** Specifies the text color of component's calendar selected day. */
+  "--calcite-input-date-picker-calendar-day-text-color-selected": "*";
+  /** Specifies the background color of the component's calendar day elements outside the current range when hovered. */
+  "--calcite-input-date-picker-calendar-day-outside-range-background-color-hover": "*";
+  /** Specifies the text color of the component's calendar day elements outside the current range when hovered. */
+  "--calcite-input-date-picker-calendar-day-outside-range-text-color-hover": "*";
+  /** Specifies the text color of the component's calendar day elements. */
+  "--calcite-input-date-picker-calendar-day-text-color": "*";
+  /** Specifies the text color of the component's calendar day elements when hovered. */
+  "--calcite-input-date-picker-calendar-day-text-color-hover": "*";
+  /** Specifies the background color of the component's calendar selected day. */
+  "--calcite-input-date-picker-calendar-selected-background-color": "*";
+  /** Specifies the component's calendar shadow. */
+  "--calcite-input-date-picker-calendar-shadow": "*";
+  /** Specifies the component's calendar icon color. */
+  "--calcite-input-date-picker-calendar-icon-color": "*";
+  /** Specifies the component's calendar icon color when hovered. */
+  "--calcite-input-date-picker-calendar-icon-color-hover": "*";
+  /** Specifies the text color of the component's calendar selected month. */
+  "--calcite-input-date-picker-calendar-month-select-text-color": "*";
+  /** When `range` is `true`, specifies the divider color between the component's calendars. */
+  "--calcite-input-date-picker-calendar-range-divider-color": "*";
+  /** Specifies the text color of the component's calendar week, year & suffix. */
+  "--calcite-input-date-picker-calendar-text-color": "*";
+  /** Specifies the component's input corner radius. */
+  "--calcite-input-date-picker-corner-radius": "*";
+  /** When `range` is `true`, specifies the component's divider color between two inputs. */
+  "--calcite-input-date-picker-divider-color": "*";
+  /** Specifies the component's input icon color. */
+  "--calcite-input-date-picker-icon-color": "*";
+  /** Specifies the component's input placeholder text color. */
+  "--calcite-input-date-picker-placeholder-text-color": "*";
+  /** Specifies the component's input shadow. */
+  "--calcite-input-date-picker-shadow": "*";
+  /** Specifies the component's input text color. */
+  "--calcite-input-date-picker-text-color": "*";
+  /** Specifies the background color of the input's `clearable` element. */
+  "--calcite-input-date-picker-input-action-background-color": "*";
+  /** Specifies the background color of the input's `clearable` element when hovered. */
+  "--calcite-input-date-picker-input-action-background-color-hover": "*";
+  /** Specifies the background color of the input's `clearable` element when pressed. */
+  "--calcite-input-date-picker-input-action-background-color-press": "*";
+  /** Specifies the icon color of the input's `clearable` and toggle elements. */
+  "--calcite-input-date-picker-input-action-icon-color": "*";
+  /** Specifies the icon color of the input's `clearable` and toggle elements when hovered. */
+  "--calcite-input-date-picker-input-action-icon-color-hover": "*";
+  /** Specifies the icon color of the input's `clearable` and toggle elements when pressed. */
+  "--calcite-input-date-picker-input-action-icon-color-press": "*";
+}
+}
+
 /** @slot [label-content] - A slot for rendering content next to the component's `labelText`. */
 export abstract class InputDatePicker extends LitElement {
   /**

package/dist/components/calcite-input-message/customElement.d.ts

@@ -3,6 +3,21 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale, Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /**
+   * Specifies the margin spacing at the top of the component.
+   *
+   * @deprecated in v3.2.0, removal target v6.0.0 - Use `--calcite-input-message-spacing` instead.
+   */
+  "--calcite-input-message-spacing-value": "*";
+  /** Specifies the component's top margin spacing. */
+  "--calcite-input-message-spacing": "*";
+  /** Specifies the component's icon color. */
+  "--calcite-input-message-icon-color": "*";
+}
+}
+
 /**
  * @deprecated in v5.0.0, removal target v6.0.0 - Use the `calcite-notice` component with `appearance="transparent"` instead.
  * @slot  - A slot for adding text.

package/dist/components/calcite-input-number/customElement.d.ts

@@ -5,6 +5,67 @@ import type { NumberingSystem } from "../../utils/locale.js";
 import type { InputPlacement } from "../calcite-input/types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the background color of the component's `clearable` and `number-button-type` elements. */
+  "--calcite-input-actions-background-color": "*";
+  /** Specifies the background color of the component's `clearable` and `number-button-type` elements when hovered. */
+  "--calcite-input-actions-background-color-hover": "*";
+  /** Specifies the background color of the component's `clearable` and `number-button-type` elements when pressed. */
+  "--calcite-input-actions-background-color-press": "*";
+  /** Specifies the icon color of the component's `clearable` and `number-button-type` elements. */
+  "--calcite-input-actions-icon-color": "*";
+  /** Specifies the icon color of the component's `clearable` and `number-button-type` elements when hovered. */
+  "--calcite-input-actions-icon-color-hover": "*";
+  /** Specifies the icon color of the component's `clearable` and `number-button-type` elements when pressed. */
+  "--calcite-input-actions-icon-color-press": "*";
+  /** When `loading`, specifies the background color of the component's `loading` element. */
+  "--calcite-input-loading-background-color": "*";
+  /** When `loading`, specifies the fill color of the component's `loading` element. */
+  "--calcite-input-loading-fill-color": "*";
+  /** Specifies the component's background color. */
+  "--calcite-input-number-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-input-number-border-color": "*";
+  /** Specifies the component's border radius. */
+  "--calcite-input-number-corner-radius": "*";
+  /** Specifies the component's icon color. */
+  "--calcite-input-number-icon-color": "*";
+  /** Specifies the component's height. */
+  "--calcite-input-number-height": "*";
+  /** Specifies the text color of the component's placeholder. */
+  "--calcite-input-number-placeholder-text-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-input-number-text-color": "*";
+  /** Specifies the component's text color when focused. */
+  "--calcite-input-number-text-color-focus": "*";
+  /** When `prefixText` is provided, specifies the width of the component's prefix element. */
+  "--calcite-input-prefix-size": "*";
+  /** When `prefixText` is provided, specifies the text color of the component's prefix element. */
+  "--calcite-input-prefix-text-color": "*";
+  /** When `suffixText` is provided, specifies the width of the component's suffix element. */
+  "--calcite-input-suffix-size": "*";
+  /** When `suffixText` is provided, specifies the text color of the component's suffix element. */
+  "--calcite-input-suffix-text-color": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component, its inline edit elements and slotted `calcite-action` wrappers, when hovered. */
+  "--calcite-input-number-inline-edit-background-color-hover": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls. */
+  "--calcite-input-number-inline-edit-control-background-color": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls, when hovered. */
+  "--calcite-input-number-inline-edit-control-background-color-hover": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls, when pressed. */
+  "--calcite-input-number-inline-edit-control-background-color-press": "*";
+  /** When `inline-edit` is enabled, specifies the corner radius of the component's inline edit controls. */
+  "--calcite-input-number-inline-edit-control-corner-radius": "*";
+  /** When `inline-edit` is enabled, specifies the loader color of the component's inline edit controls. */
+  "--calcite-input-number-inline-edit-control-loader-color": "*";
+  /** When `inline-edit` is enabled, specifies the text color of the component's inline edit controls. */
+  "--calcite-input-number-inline-edit-control-text-color": "*";
+  /** When `inline-edit` is enabled, specifies the text color of the component's inline edit controls, when pressed or hovered. */
+  "--calcite-input-number-inline-edit-control-text-color-press": "*";
+}
+}
+
 /**
  * @slot [action] - A slot for positioning a `calcite-action` or other interactive content adjacent to the component.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.

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

@@ -3,6 +3,65 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment, Scale, Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the background color of the component's `clearable` element. */
+  "--calcite-input-action-background-color": "*";
+  /** Specifies the background color of the component's `clearable` element when hovered. */
+  "--calcite-input-action-background-color-hover": "*";
+  /** Specifies the background color of the component's `clearable` element when pressed. */
+  "--calcite-input-action-background-color-press": "*";
+  /** Specifies the icon color of the component's `clearable` element. */
+  "--calcite-input-action-icon-color": "*";
+  /** Specifies the icon color of the component's `clearable` element when hovered. */
+  "--calcite-input-action-icon-color-hover": "*";
+  /** Specifies the icon color of the component's `clearable` element when pressed. */
+  "--calcite-input-action-icon-color-press": "*";
+  /** When `loading`, specifies the background color of the component`s `loading` element. */
+  "--calcite-input-loading-background-color": "*";
+  /** When `loading`, specifies the fill color of the component`s `loading` element. */
+  "--calcite-input-loading-fill-color": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component, its inline edit elements and slotted `calcite-action` wrappers, when hovered. */
+  "--calcite-input-text-inline-edit-background-color-hover": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls. */
+  "--calcite-input-text-inline-edit-control-background-color": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls, when hovered. */
+  "--calcite-input-text-inline-edit-control-background-color-hover": "*";
+  /** When `inline-edit` is enabled, specifies the background color of the component's inline edit controls, when pressed. */
+  "--calcite-input-text-inline-edit-control-background-color-press": "*";
+  /** When `inline-edit` is enabled, specifies the corner radius of the component's inline edit controls. */
+  "--calcite-input-text-inline-edit-control-corner-radius": "*";
+  /** When `inline-edit` is enabled, specifies the loader color of the component's inline edit controls. */
+  "--calcite-input-text-inline-edit-control-loader-color": "*";
+  /** When `inline-edit` is enabled, specifies the text color of the component's inline edit controls. */
+  "--calcite-input-text-inline-edit-control-text-color": "*";
+  /** When `inline-edit` is enabled, specifies the text color of the component's inline edit controls, when pressed or hovered. */
+  "--calcite-input-text-inline-edit-control-text-color-press": "*";
+  /** When `prefixText` is provided, specifies the width of the component's prefix element. */
+  "--calcite-input-prefix-size-x": "*";
+  /** When `prefixText` is provided, specifies the text color of the component's prefix element. */
+  "--calcite-input-prefix-text-color": "*";
+  /** When `suffixText` is provided, specifies the width of the component's suffix element. */
+  "--calcite-input-suffix-size-x": "*";
+  /** When `suffixText` is provided, specifies the color of the component's suffix element. */
+  "--calcite-input-suffix-text-color": "*";
+  /** Specifies the component's background color. */
+  "--calcite-input-text-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-input-text-border-color": "*";
+  /** Specifies the component's border radius. */
+  "--calcite-input-text-corner-radius": "*";
+  /** Specifies the component's `icon` color. */
+  "--calcite-input-text-icon-color": "*";
+  /** Specifies the component's `placeholder` text color. */
+  "--calcite-input-text-placeholder-text-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-input-text-text-color": "*";
+  /** Specifies the component's text color when focused. */
+  "--calcite-input-text-text-color-focus": "*";
+}
+}
+
 /**
  * @slot [action] - A slot for positioning a `calcite-action` or other interactive content adjacent to the component.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.

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

@@ -7,6 +7,57 @@ import type { Scale, Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { TimePicker } from "../calcite-time-picker/customElement.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-input-time-picker-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-input-time-picker-border-color": "*";
+  /** Specifies the component's icon color. */
+  "--calcite-input-time-picker-icon-color": "*";
+  /** Specifies the component's icon color when hovered. */
+  "--calcite-input-time-picker-icon-color-hover": "*";
+  /** Specifies the component's shadow. */
+  "--calcite-input-time-picker-shadow": "*";
+  /** Specifies the component's border radius. */
+  "--calcite-input-time-picker-corner-radius": "*";
+  /** Specifies the component's input background color. */
+  "--calcite-input-time-picker-input-background-color": "*";
+  /** Specifies the component's input text color. */
+  "--calcite-input-time-picker-input-text-color": "*";
+  /** Specifies the component's input shadow. */
+  "--calcite-input-time-picker-input-shadow": "*";
+  /** Specifies the component's input border radius. */
+  "--calcite-input-time-picker-input-corner-radius": "*";
+  /** Specifies the component's input border color. */
+  "--calcite-input-time-picker-input-border-color": "*";
+  /** Specifies the component's digit text color. */
+  "--calcite-input-time-picker-digit-text-color": "*";
+  /** Specifies the component's digit icon color. */
+  "--calcite-input-time-picker-digit-icon-color": "*";
+  /** Specifies the component's digit border color when pressed. */
+  "--calcite-input-time-picker-digit-border-color-press": "*";
+  /** Specifies the component's digit border color when hovered. */
+  "--calcite-input-time-picker-digit-border-color-hover": "*";
+  /** Specifies the background color of the component's actions when hovered. */
+  "--calcite-input-time-picker-action-background-color-hover": "*";
+  /** Specifies the background color of the component's actions when active. */
+  "--calcite-input-time-picker-action-background-color-press": "*";
+  /** Specifies the background color of the input's `clearable` element. */
+  "--calcite-input-time-picker-input-action-background-color": "*";
+  /** Specifies the background color of the input's `clearable` element when hovered. */
+  "--calcite-input-time-picker-input-action-background-color-hover": "*";
+  /** Specifies the background color of the input's `clearable` element when pressed. */
+  "--calcite-input-time-picker-input-action-background-color-press": "*";
+  /** Specifies the icon color of the input's `clearable` and toggle elements. */
+  "--calcite-input-time-picker-input-action-icon-color": "*";
+  /** Specifies the icon color of the input's `clearable` and toggle elements when hovered. */
+  "--calcite-input-time-picker-input-action-icon-color-hover": "*";
+  /** Specifies the icon color of the input's `clearable` and toggle elements when pressed. */
+  "--calcite-input-time-picker-input-action-icon-color-press": "*";
+}
+}
+
 /** @slot [label-content] - A slot for rendering content next to the component's `labelText`. */
 export abstract class InputTimePicker extends LitElement {
   /**

package/dist/components/calcite-input-time-zone/customElement.d.ts

@@ -5,6 +5,13 @@ import type { OverlayPositioning } from "../../utils/floating-ui.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { OffsetStyle, TimeZoneMode } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's corner radius. */
+  "--calcite-input-time-zone-corner-radius": "*";
+}
+}
+
 /** @slot [label-content] - A slot for rendering content next to the component's `labelText`. */
 export abstract class InputTimeZone extends LitElement {
   /**

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

@@ -2,6 +2,15 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment, Scale } from "../types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's bottom spacing. */
+  "--calcite-label-margin-bottom": "*";
+  /** Specifies the component's text color. */
+  "--calcite-label-text-color": "*";
+}
+}
+
 /** @slot  - A slot for adding text and a component that can be labeled. */
 export abstract class Label extends LitElement {
   /**

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

@@ -3,6 +3,13 @@ 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-link-text-color": "*";
+}
+}
+
 /**
  * Any attributes placed on <calcite-link> component will propagate to the rendered child
  *

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

@@ -7,6 +7,13 @@ import type { ListItem } from "../calcite-list-item/customElement.js";
 import type { SelectionAppearance } from "./resources.js";
 import type { ListDisplayMode, ListDragDetail } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-list-background-color": "*";
+}
+}
+
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
  *

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

@@ -3,6 +3,29 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale, FlipContext } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color when hovered. */
+  "--calcite-list-background-color-hover": "*";
+  /** Specifies the component's background color when pressed. */
+  "--calcite-list-background-color-press": "*";
+  /** Specifies the component's background color. */
+  "--calcite-list-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-list-border-color": "*";
+  /** Specifies the content color. */
+  "--calcite-list-content-text-color": "*";
+  /** Specifies the `description` color. */
+  "--calcite-list-description-text-color": "*";
+  /** Specifies the component's icon color. */
+  "--calcite-list-icon-color": "*";
+  /** Specifies the `label` color. */
+  "--calcite-list-label-text-color": "*";
+  /** Specifies the component's selection border color. */
+  "--calcite-list-selection-border-color": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding `calcite-list`, `calcite-list-item` and `calcite-list-item-group` elements.
  * @slot [actions-start] - A slot for adding actionable `calcite-action` elements before the content of the component.

package/dist/components/calcite-list-item-group/customElement.d.ts

@@ -2,6 +2,15 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale } from "../types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-list-background-color": "*";
+  /** Specifies the component's color. */
+  "--calcite-list-color": "*";
+}
+}
+
 /** @slot  - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements. */
 export abstract class ListItemGroup extends LitElement {
   /**

package/dist/components/calcite-list-item-group/customElement.js

@@ -12,8 +12,8 @@ class ListItemGroup extends LitElement {
     this.disabled = false;
     this.filterHidden = false;
     this.scale = "m";
-    this.calciteInternalListItemGroupDefaultSlotChange = createEvent({ cancelable: false });
     this.calciteInternalListItemGroupChange = createEvent({ cancelable: false });
+    this.calciteInternalListItemGroupDefaultSlotChange = createEvent({ cancelable: false });
   }
   static {
     this.properties = { disabled: [7, {}, { reflect: true, type: Boolean }], filterHidden: [7, {}, { reflect: true, type: Boolean }], heading: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }] };

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

@@ -3,6 +3,35 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** When `type` is not `"indeterminate"` or `inline`, specifies the font size of the loading percentage. */
+  "--calcite-loader-font-size": "*";
+  /** Specifies the component's width and height. */
+  "--calcite-loader-size": "*";
+  /**
+   * Specifies the width and height of the component when set to inline.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use `--calcite-loader-size` instead.
+   */
+  "--calcite-loader-size-inline": "*";
+  /** Specifies the the component's padding. */
+  "--calcite-loader-spacing": "*";
+  /** When `inline`, specifies the component's progress ring color. */
+  "--calcite-loader-progress-color-inline": "*";
+  /** When not `inline`, specifies the component's `text` margin. */
+  "--calcite-loader-text-spacing": "*";
+  /** When not `inline` and `text` is provided, specifies the component's `text` font weight. */
+  "--calcite-loader-text-weight": "*";
+  /** When not `inline` and `text` is provided, specifies the component's `text` color. */
+  "--calcite-loader-text-color": "*";
+  /** When not `inline`, specifies the component's progress ring color. */
+  "--calcite-loader-progress-color": "*";
+  /** Specifies the component's track color. */
+  "--calcite-loader-track-color": "*";
+}
+}
+
 export abstract class Loader extends LitElement {
   /**
    * When `true`, the component displays smaller.

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

@@ -3,6 +3,21 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FlipContext, Scale } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** When `active`, specifies the component's border color. */
+  "--calcite-menu-item-accent-color": "*";
+  /** Specifies the component's background color. */
+  "--calcite-menu-background-color": "*";
+  /** Specifies the submenu's border color. */
+  "--calcite-menu-item-sub-menu-border-color": "*";
+  /** Specifies the submenu's border radius. */
+  "--calcite-menu-item-sub-menu-corner-radius": "*";
+  /** Specifies the component's text color. */
+  "--calcite-menu-text-color": "*";
+}
+}
+
 /** @slot [submenu-item] - A slot for adding `calcite-menu-item`s in a submenu. */
 export abstract class MenuItem extends LitElement {
   /**