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

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

@@ -4,6 +4,67 @@ import type { FlipContext } 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 {
+  /** Specifies the component's border color. */
+  "--calcite-accordion-border-color": "*";
+  /** Specifies the component's background color. */
+  "--calcite-accordion-background-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-accordion-text-color": "*";
+  /** Specifies the component's main text color on hover. */
+  "--calcite-accordion-text-color-hover": "*";
+  /** Specifies the component's main text color when pressed. */
+  "--calcite-accordion-text-color-press": "*";
+  /**
+   * Specifies the component's background color.
+   *
+   * @deprecated in v3.1.0, removal target v6.0.0 - Use `--calcite-accordion-background-color` instead.
+   */
+  "--calcite-accordion-item-background-color": "*";
+  /**
+   * Specifies the component's border color.
+   *
+   * @deprecated in v3.1.0, removal target v6.0.0 - Use `--calcite-accordion-border-color` instead.
+   */
+  "--calcite-accordion-item-border-color": "*";
+  /** Specifies the component's padding. */
+  "--calcite-accordion-item-content-space": "*";
+  /** Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. */
+  "--calcite-accordion-item-end-icon-color": "*";
+  /** Specifies the component's expand icon color. */
+  "--calcite-accordion-item-expand-icon-color": "*";
+  /** Specifies the component's `heading` background color. */
+  "--calcite-accordion-item-header-background-color": "*";
+  /** Specifies the component's `heading` background color when hovered. */
+  "--calcite-accordion-item-header-background-color-hover": "*";
+  /** Specifies the component's `heading` background color when pressed. */
+  "--calcite-accordion-item-header-background-color-press": "*";
+  /** Specifies the component's `heading` text color. */
+  "--calcite-accordion-item-heading-text-color": "*";
+  /**
+   * Specifies the component's default icon color.
+   *
+   * @deprecated in v3.1.0, removal target v6.0.0 - Use `--calcite-icon-color` instead.
+   */
+  "--calcite-accordion-item-icon-color": "*";
+  /** Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. */
+  "--calcite-accordion-item-start-icon-color": "*";
+  /**
+   * Specifies the component's text color.
+   *
+   * @deprecated in v3.1.0, removal target v6.0.0 - Use `--calcite-accordion-text-color` instead.
+   */
+  "--calcite-accordion-item-text-color": "*";
+  /**
+   * Specifies the component's text color on hover.
+   *
+   * @deprecated in v3.1.0, removal target v6.0.0 - Use `--calcite-accordion-text-color-hover` instead.
+   */
+  "--calcite-accordion-item-text-color-hover": "*";
+}
+}
+
 /**
  * @deprecated in v5.2.0, removal target v7.0.0 - Use the `calcite-block` component instead.
  * @slot  - A slot for adding custom content, including nested `calcite-accordion-item`s.

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

@@ -3,6 +3,63 @@ import type { PublicLitElement as LitElement, LuminaJsx } from "@arcgis/lumina";
 import type { Alignment, Appearance, AriaAttributesCamelCased, Scale } 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-action-background-color-hover": "*";
+  /** Specifies the component's background color when active. */
+  "--calcite-action-background-color-press": "*";
+  /**
+   * Specifies the component's background color when active.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use `--calcite-action-background-color-press` instead.
+   */
+  "--calcite-action-background-color-pressed": "*";
+  /** Specifies the component's background color. */
+  "--calcite-action-background-color": "*";
+  /**
+   * Specifies the component's corner radius end end.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use `--calcite-action-corner-radius` instead.
+   */
+  "--calcite-action-corner-radius-end-end": "*";
+  /**
+   * Specifies the component's corner radius end start.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use `--calcite-action-corner-radius` instead.
+   */
+  "--calcite-action-corner-radius-end-start": "*";
+  /**
+   * Specifies the component's corner radius start end.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use `--calcite-action-corner-radius` instead.
+   */
+  "--calcite-action-corner-radius-start-end": "*";
+  /**
+   * Specifies the component's corner radius start start.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use `--calcite-action-corner-radius` instead.
+   */
+  "--calcite-action-corner-radius-start-start": "*";
+  /** Specifies the component's corner radius. */
+  "--calcite-action-corner-radius": "*";
+  /** Specifies the component's indicator color. */
+  "--calcite-action-indicator-color": "*";
+  /** Specifies the component's text color when pressed or hovered. */
+  "--calcite-action-text-color-press": "*";
+  /**
+   * Specifies the component's text color when hovered.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use `--calcite-action-text-color-press` instead.
+   */
+  "--calcite-action-text-color-pressed": "*";
+  /** Specifies the component's text color. */
+  "--calcite-action-text-color": "*";
+  /** Specifies the component's loader color. */
+  "--calcite-action-loader-color": "*";
+}
+}
+
 /** @slot  - A slot for adding non-interactive content, such as a `calcite-icon`. */
 export abstract class Action extends LitElement {
   /**

package/dist/components/calcite-action-bar/customElement.d.ts

@@ -3,6 +3,21 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Layout, Position, Scale, SelectionAppearance } from "../types.js";
 import type { OverlayPositioning } from "../../utils/floating-ui.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-action-bar-background-color": "*";
+  /** Specifies the component's border radius when `floating` is `true`. */
+  "--calcite-action-bar-corner-radius": "*";
+  /** When `layout` is `"vertical"`, specifies the component's maximum width. */
+  "--calcite-action-bar-expanded-max-width": "*";
+  /** Specifies the space between slotted components in the component. */
+  "--calcite-action-bar-items-space": "*";
+  /** Specifies the component's shadow when `floating` is `true`. */
+  "--calcite-action-bar-shadow": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding `calcite-action`s that will appear at the top of the component.
  * @slot [actions-end] - A slot for adding `calcite-action`s that will appear at the end of the component, prior to the collapse/expand button.

package/dist/components/calcite-action-bar/customElement.js

@@ -229,6 +229,9 @@ class ActionBar extends LitElement {
   static {
     this.styles = styles;
   }
+  get usesWrap() {
+    return this.overflowMode === "wrap" && this.layout !== "grid";
+  }
   get expandDisabled() {
     return this.expandToggleDisabled;
   }
@@ -305,6 +308,11 @@ class ActionBar extends LitElement {
       this.updateActions();
     }
   }
+  updated() {
+    if (this.usesWrap && this.lineMeasureFrame == null) {
+      this.scheduleLineMeasure();
+    }
+  }
   loaded() {
     this.syncDefaultSlot();
     this.syncActionsStartSlot();
@@ -312,11 +320,6 @@ class ActionBar extends LitElement {
     this.syncActionsState();
     this.overflowActions();
   }
-  updated() {
-    if (this.usesWrap && this.lineMeasureFrame == null) {
-      this.scheduleLineMeasure();
-    }
-  }
   disconnectedCallback() {
     super.disconnectedCallback();
     this.resizeObserver?.disconnect();
@@ -426,9 +429,6 @@ class ActionBar extends LitElement {
       group.scale = this.scale;
     });
   }
-  get usesWrap() {
-    return this.overflowMode === "wrap" && this.layout !== "grid";
-  }
   scheduleLineMeasure() {
     if (this.lineMeasureFrame != null) {
       cancelAnimationFrame(this.lineMeasureFrame);

package/dist/components/calcite-action-group/customElement.d.ts

@@ -5,6 +5,19 @@ import type { FlipPlacement, LogicalPlacement, OverlayPositioning } from "../../
 import type { Action } from "../calcite-action/customElement.js";
 import type { Columns } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-action-background-color": "*";
+  /** Specifies the component's border color when used in a `calcite-action-bar` or `calcite-action-menu`. */
+  "--calcite-action-group-border-color": "*";
+  /** When `layout` is `"grid"`, specifies the component's `grid-template-columns`. */
+  "--calcite-action-group-columns": "*";
+  /** When `layout` is `"grid"`, specifies the component's gap. */
+  "--calcite-action-group-gap": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding `calcite-action`s.
  * @slot [menu-actions] - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.

package/dist/components/calcite-action-group/customElement.js

@@ -28,9 +28,9 @@ class ActionGroup extends LitElement {
     this.selectionMode = "none";
     this.topLayerDisabled = false;
     this.selectedActions = [];
+    this.calciteActionGroupChange = createEvent({ cancelable: false });
     this.calciteActionGroupCollapse = createEvent({ cancelable: false });
     this.calciteActionGroupExpand = createEvent({ cancelable: false });
-    this.calciteActionGroupChange = createEvent({ cancelable: false });
     this.calciteInternalActionGroupActionsChange = createEvent({ cancelable: false });
     this.listen("click", this.handleActionClick);
   }

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

@@ -4,6 +4,13 @@ import type { FlipPlacement, LogicalPlacement, OverlayPositioning } from "../../
 import type { Appearance, Scale } from "../types.js";
 import type { Action } from "../calcite-action/customElement.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the space between actions in the menu. */
+  "--calcite-action-menu-items-space": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding `calcite-action`s.
  * @slot [trigger] - A slot for adding a `calcite-action` to trigger opening the menu.

package/dist/components/calcite-action-pad/customElement.d.ts

@@ -3,6 +3,17 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Layout, Position, Scale, SelectionAppearance } from "../types.js";
 import type { OverlayPositioning } from "../../utils/floating-ui.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's border radius. */
+  "--calcite-action-pad-corner-radius": "*";
+  /** When `expanded` and `layout` is `"vertical"`, specifies the component's maximum width. */
+  "--calcite-action-pad-expanded-max-width": "*";
+  /** Specifies the component's space between slotted components. */
+  "--calcite-action-pad-items-space": "*";
+}
+}
+
 /**
  * @deprecated in v5.0.0, removal target v6.0.0 - Use the `calcite-action-bar` component instead.
  * @slot  - A slot for adding `calcite-action`s to the component.

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

@@ -6,6 +6,21 @@ import type { Kind, Scale } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { AlertDuration, AlertQueue } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's width. */
+  "--calcite-alert-width": "*";
+  /** Specifies the component's background color. */
+  "--calcite-alert-background-color": "*";
+  /** Specifies the component's corner radius. */
+  "--calcite-alert-corner-radius": "*";
+  /** Specifies the component's shadow. */
+  "--calcite-alert-shadow": "*";
+  /** Specifies the component's `placement` offset. */
+  "--calcite-alert-offset-size": "*";
+}
+}
+
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.

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

@@ -4,6 +4,57 @@ import type { FlipPlacement, MenuPlacement, OverlayPositioning } from "../../uti
 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 component's background color. */
+  "--calcite-autocomplete-background-color": "*";
+  /** Specifies the component's corner radius. */
+  "--calcite-autocomplete-corner-radius": "*";
+  /** Specifies the component's text color. */
+  "--calcite-autocomplete-text-color": "*";
+  /** Specifies the maximum height of the component's menu. */
+  "--calcite-autocomplete-menu-max-size-y": "*";
+  /** Specifies the input's prefix width, when present. */
+  "--calcite-autocomplete-input-prefix-size": "*";
+  /** Specifies the input's suffix width, when present. */
+  "--calcite-autocomplete-input-suffix-size": "*";
+  /** Specifies the background color of the component's input. */
+  "--calcite-autocomplete-input-background-color": "*";
+  /** Specifies the border color of the component's input. */
+  "--calcite-autocomplete-input-border-color": "*";
+  /** Specifies the corner radius of the component's input. */
+  "--calcite-autocomplete-input-corner-radius": "*";
+  /** Specifies the shadow of the component's input. */
+  "--calcite-autocomplete-input-shadow": "*";
+  /** Specifies the icon color of the component's input. */
+  "--calcite-autocomplete-input-icon-color": "*";
+  /** Specifies the text color of the component's input. */
+  "--calcite-autocomplete-input-text-color": "*";
+  /** Specifies the placeholder text color of the component's input. */
+  "--calcite-autocomplete-input-placeholder-text-color": "*";
+  /** Specifies the background color of the input's `clearable` element. */
+  "--calcite-autocomplete-input-actions-background-color": "*";
+  /** Specifies the background color of the input's `clearable` element when hovered. */
+  "--calcite-autocomplete-input-actions-background-color-hover": "*";
+  /** Specifies the background color of the input's `clearable` element when pressed. */
+  "--calcite-autocomplete-input-actions-background-color-press": "*";
+  /** Specifies the icon color of the input's `clearable` element. */
+  "--calcite-autocomplete-input-actions-icon-color": "*";
+  /** Specifies the icon color of the input's `clearable` element when hovered. */
+  "--calcite-autocomplete-input-actions-icon-color-hover": "*";
+  /** Specifies the icon color of the input's `clearable` element when pressed. */
+  "--calcite-autocomplete-input-actions-icon-color-press": "*";
+  /** Specifies the background color of the Input's `loading` element, when present. */
+  "--calcite-autocomplete-input-loading-background-color": "*";
+  /** Specifies the fill color of the Input's `loading` element, when present. */
+  "--calcite-autocomplete-input-loading-fill-color": "*";
+  /** Specifies the text color of the Input's prefix, when present. */
+  "--calcite-autocomplete-input-prefix-text-color": "*";
+  /** Specifies the text color of the Input's suffix, when present. */
+  "--calcite-autocomplete-input-suffix-text-color": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding `calcite-autocomplete-item` elements.
  * @slot [content-bottom] - A slot for adding content below `calcite-autocomplete-item` elements.

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

@@ -136,13 +136,13 @@ class Autocomplete extends LitElement {
   async setFocus(options) {
     return this.focusSetter(() => this.referenceEl, options);
   }
-  load() {
-    this.listenOn(document, "click", this.documentClickHandler);
-  }
   connectedCallback() {
     super.connectedCallback();
     connectFloatingUI(this);
   }
+  load() {
+    this.listenOn(document, "click", this.documentClickHandler);
+  }
   willUpdate(changes) {
     if (changes.has("disabled") && (this.hasUpdated || this.disabled !== false)) {
       this.handleDisabledChange(this.disabled);

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

@@ -3,6 +3,19 @@ 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 background color. */
+  "--calcite-autocomplete-background-color": "*";
+  /** Specifies the text color of the component's `description`. */
+  "--calcite-autocomplete-description-text-color": "*";
+  /** Specifies the text color of the component's `heading`. */
+  "--calcite-autocomplete-heading-text-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-autocomplete-text-color": "*";
+}
+}
+
 /**
  * @slot [content-end] - A slot for adding non-actionable elements after content of the component.
  * @slot [content-start] - A slot for adding non-actionable elements before content of the component.

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

@@ -2,6 +2,17 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { AutocompleteItem } from "../calcite-autocomplete-item/customElement.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-autocomplete-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-autocomplete-border-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-autocomplete-text-color": "*";
+}
+}
+
 /** @slot  - A slot for adding `calcite-autocomplete-item`s. */
 export abstract class AutocompleteItemGroup extends LitElement {
   /**

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

@@ -2,6 +2,17 @@
 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 corner radius. */
+  "--calcite-avatar-corner-radius": "*";
+  /** Specifies the component's icon or initial color. */
+  "--calcite-avatar-color": "*";
+  /** Specifies the component's background color. */
+  "--calcite-avatar-background-color": "*";
+}
+}
+
 export abstract class Avatar extends LitElement {
   /** Specifies the full name of the user. When `label` and `thumbnail` are not defined, specifies the accessible name for the component. */
   accessor fullName: string | undefined;

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

@@ -6,6 +6,81 @@ import type { FlipPlacement, LogicalPlacement, OverlayPositioning } from "../../
 import type { IconName } from "../calcite-icon/types.js";
 import type { BlockToggleDisplay } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's border color. */
+  "--calcite-block-border-color": "*";
+  /** Specifies the space of the component's `default` slot. */
+  "--calcite-block-content-space": "*";
+  /** Specifies the component's background color. */
+  "--calcite-block-background-color": "*";
+  /**
+   * Specifies the component's `heading` background color.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `--calcite-block-background-color` instead.
+   */
+  "--calcite-block-header-background-color": "*";
+  /** Specifies the component's `heading` background color when hovered. */
+  "--calcite-block-header-background-color-hover": "*";
+  /** Specifies the component's `heading` background color when pressed. */
+  "--calcite-block-header-background-color-press": "*";
+  /** Specifies the component's `heading` text color. */
+  "--calcite-block-heading-text-color": "*";
+  /**
+   * When the component is `expanded`, specifies the `heading` text color.
+   *
+   * @deprecated in v3.3.0, removal target v6.0.0 - Use `--calcite-block-heading-text-color` instead.
+   */
+  "--calcite-block-heading-text-color-press": "*";
+  /**
+   * Specifies the padding of the component's `default` slot.
+   *
+   * @deprecated in v3.3.0, removal target v6.0.0 - Use `--calcite-block-content-space` instead.
+   */
+  "--calcite-block-padding": "*";
+  /**
+   * Specifies the component's text color.
+   *
+   * @deprecated in v3.3.0, removal target v6.0.0.
+   */
+  "--calcite-block-text-color": "*";
+  /** Specifies the component's `description` text color. */
+  "--calcite-block-description-text-color": "*";
+  /**
+   * Specifies the component's `expandable` icon, `iconStart` and `iconEnd` color.
+   *
+   * @deprecated in v5.1.0, removal target v7.0.0 - Use `--calcite-block-expandable-icon-color`, `--calcite-block-icon-start-color` and `--calcite-block-icon-end-color` instead.
+   */
+  "--calcite-block-icon-color": "*";
+  /**
+   * Specifies the component's `expandable` icon color when hovered.
+   *
+   * @deprecated in v5.1.0, removal target v7.0.0 - Use `--calcite-block-expandable-icon-color-hover` instead.
+   */
+  "--calcite-block-icon-color-hover": "*";
+  /** Specifies the component's `iconStart` color. */
+  "--calcite-block-icon-start-color": "*";
+  /** Specifies the component's `iconEnd` color. */
+  "--calcite-block-icon-end-color": "*";
+  /** Specifies the component's `expandable` icon color. */
+  "--calcite-block-expandable-icon-color": "*";
+  /** Specifies the component's `expandable` icon color when hovered. */
+  "--calcite-block-expandable-icon-color-hover": "*";
+  /**
+   * Specifies the component's `expandable` or `collapsible` (deprecated) icon color.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `--calcite-block-expandable-icon-color` instead.
+   */
+  "--calcite-block-collapsible-icon-color": "*";
+  /**
+   * Specifies the component's `expandable` or `collapsible` (deprecated) icon color when hovered.
+   *
+   * @deprecated in v5.2.0, removal target v7.0.0 - Use `--calcite-block-expandable-icon-color-hover` instead.
+   */
+  "--calcite-block-collapsible-icon-color-hover": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding custom content.
  * @slot [actions-end] - A slot for adding actionable `calcite-action` elements after the content of the component. It is recommended to use two or fewer actions.

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

@@ -56,10 +56,10 @@ class Block extends LitElement {
     this.calciteBlockSortHandleClose = createEvent({ cancelable: false });
     this.calciteBlockSortHandleOpen = createEvent({ cancelable: false });
     this.calciteBlockToggle = createEvent({ cancelable: false });
-    this.calciteInternalBlockUpdateSortMenuItems = createEvent({ cancelable: false });
     this.calciteInternalBlockChange = createEvent({
       cancelable: false
     });
+    this.calciteInternalBlockUpdateSortMenuItems = createEvent({ cancelable: false });
   }
   static {
     this.properties = { hasContentEnd: [16, {}, { state: true }], hasContentStart: [16, {}, { state: true }], hasEndActions: [16, {}, { state: true }], hasMenuActions: [16, {}, { state: true }], hasContent: [16, {}, { state: true }], description: 1, disabled: [7, {}, { reflect: true, type: Boolean }], dragDisabled: [7, {}, { reflect: true, type: Boolean }], dragHandle: [7, {}, { reflect: true, type: Boolean }], expanded: [7, {}, { reflect: true, type: Boolean }], expandable: [7, {}, { reflect: true, type: Boolean }], collapsible: [7, {}, { reflect: true, type: Boolean }], heading: 1, headingLevel: [11, {}, { type: Number, reflect: true }], iconEnd: [3, {}, { reflect: true }], iconFlipRtl: [3, {}, { reflect: true }], iconStart: [3, {}, { reflect: true }], loading: [7, {}, { reflect: true, type: Boolean }], label: 1, menuFlipPlacements: [0, {}, { attribute: false }], menuPlacement: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], addToItems: [0, {}, { attribute: false }], moveToItems: [0, {}, { attribute: false }], sortDisabled: [5, {}, { type: Boolean }], open: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }], setPosition: [9, {}, { type: Number }], setSize: [9, {}, { type: Number }], sortHandleOpen: [7, {}, { reflect: true, type: Boolean }], status: [3, {}, { reflect: true }], toggleDisplay: [3, {}, { reflect: true }], topLayerDisabled: [7, {}, { reflect: true, type: Boolean }] };

package/dist/components/calcite-block-section/customElement.d.ts

@@ -4,6 +4,23 @@ import type { FlipContext, Scale, Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { BlockSectionToggleDisplay } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-block-section-background-color": "*";
+  /** Specifies the component's border color. When `expanded`, applies to the component's bottom border. */
+  "--calcite-block-section-border-color": "*";
+  /** Specifies the component's header text color. */
+  "--calcite-block-section-header-text-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-block-section-text-color": "*";
+  /** Specifies the component's text color on hover. */
+  "--calcite-block-section-text-color-hover": "*";
+  /** Specifies the padding of the component's content in `default` slot. */
+  "--calcite-block-section-content-space": "*";
+}
+}
+
 /**
  * @deprecated in v5.2.0, removal target v7.0.0 - Use the `calcite-block` component instead.
  * @slot  - A slot for adding custom content.

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

@@ -4,6 +4,25 @@ import type { Appearance, FlipContext, Kind, Scale, Width } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { ButtonAlignment } from "./types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's background color. */
+  "--calcite-button-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-button-border-color": "*";
+  /** Specifies the component's corner radius. */
+  "--calcite-button-corner-radius": "*";
+  /** Specifies the component's `iconStart` and `iconEnd` color. */
+  "--calcite-button-icon-color": "*";
+  /** Specifies the component's loader color. */
+  "--calcite-button-loader-color": "*";
+  /** Specifies the component's text color. */
+  "--calcite-button-text-color": "*";
+  /** Specifies the component's shadow. */
+  "--calcite-button-shadow": "*";
+}
+}
+
 /**
  * Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this.
  *

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

@@ -2,6 +2,47 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { LogicalFlowPosition, Scale } from "../types.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** Specifies the component's accent color when `selected`. */
+  "--calcite-card-accent-color-selected": "*";
+  /** Specifies the component's background color. */
+  "--calcite-card-background-color": "*";
+  /** Specifies the component's border color. */
+  "--calcite-card-border-color": "*";
+  /** Specifies the component's corner radius. */
+  "--calcite-card-corner-radius": "*";
+  /** Specifies the component's selection element background color when hovered. */
+  "--calcite-card-selection-background-color-hover": "*";
+  /** Specifies the component's selection element background color when active. */
+  "--calcite-card-selection-background-color-press": "*";
+  /**
+   * Specifies the component's selection element background color.
+   *
+   * @deprecated in v2.13.0, removal target v6.0.0 - Use `--calcite-card-background-color` instead.
+   */
+  "--calcite-card-selection-background-color": "*";
+  /** Specifies the component's selection element color when hovered or focused. */
+  "--calcite-card-selection-color-hover": "*";
+  /** Specifies the component's selection element color. */
+  "--calcite-card-selection-color": "*";
+  /**
+   * Specifies the component's selection element icon color when hovered.
+   *
+   * @deprecated in v2.13.0, removal target v6.0.0 - Use `--calcite-card-selection-color-hover` instead.
+   */
+  "--calcite-card-selection-icon-color-hover": "*";
+  /**
+   * Specifies the component's selection element icon color when `selected`.
+   *
+   * @deprecated in v2.13.0, removal target v6.0.0 - Use `--calcite-card-accent-color-selected` instead.
+   */
+  "--calcite-card-selection-icon-color-selected": "*";
+  /** Specifies the component's shadow. */
+  "--calcite-card-shadow": "*";
+}
+}
+
 /**
  * @slot  - A slot for adding content.
  * @slot [thumbnail] - A slot for adding a thumbnail.

package/dist/components/calcite-card-group/customElement.d.ts

@@ -3,6 +3,19 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale, SelectionMode } from "../types.js";
 import type { Card } from "../calcite-card/customElement.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /**
+   * Specifies the gap between slotted elements.
+   *
+   * @deprecated in v2.13.0, removal target v6.0.0 - Use `--calcite-card-group-space` instead.
+   */
+  "--calcite-card-group-gap": "*";
+  /** Specifies the space between slotted elements. */
+  "--calcite-card-group-space": "*";
+}
+}
+
 /** @slot  - A slot for adding one or more `calcite-card`s. */
 export abstract class CardGroup extends LitElement {
   /**