@esri/calcite-components 5.2.0-next.70 → 5.2.0-next.72

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

@@ -5,19 +5,7 @@ import type { ColorStop, DataSeries } from "../calcite-graph/types.js";
 import type { Scale, Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
-/**
- * @cssproperty [--calcite-slider-text-color] - Specifies the component's text color.
- * @cssproperty [--calcite-slider-track-color] - Specifies the component's track color.
- * @cssproperty [--calcite-slider-track-fill-color] - Specifies the component's track fill color.
- * @cssproperty [--calcite-slider-handle-fill-color] - Specifies the component's handle fill color.
- * @cssproperty [--calcite-slider-handle-extension-color] - Specifies the component's handle extension color.
- * @cssproperty [--calcite-slider-accent-color] - Specifies the component's accent color.
- * @cssproperty [--calcite-slider-tick-color] - Specifies the component's tick color.
- * @cssproperty [--calcite-slider-tick-border-color] - Specifies the component's tick border color.
- * @cssproperty [--calcite-slider-tick-selected-color] - Specifies the component's tick color when in selected range.
- * @cssproperty [--calcite-slider-graph-color] - Specifies the component's graph color.
- * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
- */
+/** @slot [label-content] - A slot for rendering content next to the component's `labelText`. */
 export abstract class Slider extends LitElement {
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.

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

@@ -5,7 +5,7 @@ import { css, html, nothing } from "lit";
 import { LitElement, createEvent, stringOrBoolean, setAttribute, safeClassMap, safeStyleMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
 import { g as guid } from "../../chunks/guid.js";
-import { e as isPrimaryPointerButton, B as intersects } from "../../chunks/dom.js";
+import { h as isPrimaryPointerButton, B as intersects } from "../../chunks/dom.js";
 import { I as InternalLabel } from "../../chunks/InternalLabel.js";
 import { V as Validation } from "../../chunks/Validation.js";
 import { i as isActivationKey } from "../../chunks/key.js";

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

@@ -5,25 +5,7 @@ import type { DropdownIconType } from "../calcite-button/types.js";
 import type { Appearance, FlipContext, Kind, Scale, Width } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
-/**
- * @cssproperty [--calcite-split-button-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-split-button-background-color-hover] - Specifies the component's background color when hovered.
- * @cssproperty [--calcite-split-button-background-color-focus] - Specifies the component's background color when focused.
- * @cssproperty [--calcite-split-button-background-color-press] - Specifies the component's background color when active.
- * @cssproperty [--calcite-split-button-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-split-button-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-split-button-icon-color] - Specifies the component's `iconStart` and `iconEnd` color.
- * @cssproperty [--calcite-split-button-loader-color] - Specifies the component's loader color.
- * @cssproperty [--calcite-split-button-text-color] - Specifies the component's text color.
- * @cssproperty [--calcite-split-button-shadow] - Specifies the component's shadow.
- * @cssproperty [--calcite-split-button-divider-border-color] - Specifies the component's divider border color.
- * @cssproperty [--calcite-split-button-divider-color] - Specifies the component's divider color.
- * @cssproperty [--calcite-split-button-dropdown-width] - Specifies the width of the component's dropdown.
- * @cssproperty
- * [--calcite-split-button-dropdown-background-color] - Specifies the component's dropdown background color.
- * *
- * @slot  - A slot for adding `calcite-dropdown` content.
- */
+/** @slot  - A slot for adding `calcite-dropdown` content. */
 export abstract class SplitButton extends LitElement {
   /**
    * Specifies the appearance style of the component.

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

@@ -2,8 +2,6 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
 /**
- * @cssproperty [--calcite-stack-padding-inline] - Specifies the inline padding of the component's content.
- * @cssproperty [--calcite-stack-padding-block] - Specifies the block padding of the component's content.
  * @slot  - A slot for adding content.
  * @slot [actions-start] - A slot for adding actionable `calcite-action` elements before the content of the component.
  * @slot [content-start] - A slot for adding non-actionable elements before content of the component.

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

@@ -5,14 +5,7 @@ import type { NumberingSystem } from "../../utils/locale.js";
 import type { StepperItem } from "../calcite-stepper-item/customElement.js";
 import type { StepperLayout } from "./types.js";
 
-/**
- * @cssproperty [--calcite-stepper-bar-gap] - Specifies the space between the component's `calcite-stepper-item`s.
- * @cssproperty [--calcite-stepper-bar-inactive-fill-color] - [Deprecated] in 5.1.0, removal target v6.0.0 - Use `--calcite-stepper-bar-fill-color` instead. Specifies the `calcite-stepper-item`s' bar fill color of the component's `calcite-stepper-item`s.
- * @cssproperty [--calcite-stepper-bar-active-fill-color] - [Deprecated] in 5.1.0, removal target v6.0.0 - Use `--calcite-stepper-bar-selected-fill-color` instead. Specifies the `calcite-stepper-item`s' bar fill color of the component's active `calcite-stepper-item`s.
- * @cssproperty [--calcite-stepper-bar-complete-fill-color] - When `calcite-stepper-item`s are `complete`, specifies the component's `calcite-stepper-item`s' bar fill color.
- * @cssproperty [--calcite-stepper-bar-error-fill-color] - When `calcite-stepper-item`s contain an `error`, specifies the component's `calcite-stepper-item`s' bar fill color.
- * @slot  - A slot for adding `calcite-stepper-item`s.
- */
+/** @slot  - A slot for adding `calcite-stepper-item`s. */
 export abstract class Stepper extends LitElement {
   /**
    * When `true`, displays a status icon in the `calcite-stepper-item` heading.

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

@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
 import { svg, html, css, nothing } from "lit";
 import { safeClassMap, LitElement, createEvent } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { d as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { e as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { g as guid } from "../../chunks/guid.js";
 import { u as useT9n } from "../../chunks/useT9n.js";

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

@@ -1,27 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-/**
- * @cssproperty [--calcite-stepper-item-background-color-press] - Specifies the component's background-color when active.
- * @cssproperty [--calcite-stepper-item-header-text-color] - Specifies the component's header text color.
- * @cssproperty [--calcite-stepper-item-header-text-color-hover] - Specifies the component's header text color when hovered or focused.
- * @cssproperty [--calcite-stepper-item-selected-header-text-color] - When `selected`, specifies the component's header text color.
- * @cssproperty [--calcite-stepper-item-icon-color] - Specifies the component's icon color.
- * @cssproperty [--calcite-stepper-item-complete-icon-color] - When `complete`, specifies the component's icon color.
- * @cssproperty [--calcite-stepper-item-error-icon-color] - When `error`, specifies the component's icon and number color.
- * @cssproperty [--calcite-stepper-item-selected-icon-color] - When `selected`, specifies the component's icon and number color.
- * @cssproperty [--calcite-stepper-item-description-text-color] - Specifies the component's description and number text color.
- * @cssproperty [--calcite-stepper-item-description-text-color-hover] - When `selected`, hovered, or focused, specifies the component's description text color.
- * @cssproperty [--calcite-stepper-bar-gap] - Specifies the component's bottom spacing.
- * @cssproperty [--calcite-stepper-bar-fill-color] - Specifies the component's fill color.
- * @cssproperty [--calcite-stepper-bar-fill-color-hover] - Specifies the component's fill color when hovered or focused.
- * @cssproperty [--calcite-stepper-bar-complete-fill-color] - When `complete`, specifies the component's fill color.
- * @cssproperty [--calcite-stepper-bar-complete-fill-color-hover] - When `complete`, specifies the component's fill color when hovered or focused.
- * @cssproperty [--calcite-stepper-bar-error-fill-color] - When `error`, specifies the component's fill color.
- * @cssproperty [--calcite-stepper-bar-error-fill-color-hover] - When `error`, specifies the component's fill color when hovered or focused.
- * @cssproperty [--calcite-stepper-bar-selected-fill-color] - When `selected`, specifies the component's fill color.
- * @slot  - A slot for adding custom content.
- */
+/** @slot  - A slot for adding custom content. */
 export abstract class StepperItem extends LitElement {
   /**
    * When `true`, completes the step.

package/dist/components/calcite-stepper-item/customElement.js

@@ -7,7 +7,7 @@ import { n as numberStringFormatter } from "../../chunks/locale.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { i as isHidden } from "../../chunks/component.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
-import { o as slotChangeHasContent } from "../../chunks/dom.js";
+import { p as slotChangeHasContent } from "../../chunks/dom.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 import { C as CSS, I as ICONS } from "../../chunks/resources26.js";
 import { i as isActivationKey } from "../../chunks/key.js";

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

@@ -2,10 +2,7 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale } from "../types.js";
 
-/**
- * @cssproperty [--calcite-swatch-corner-radius] - Specifies the component's corner radius.
- * @slot [image] - A slot for adding an image or pattern.
- */
+/** @slot [image] - A slot for adding an image or pattern. */
 export abstract class Swatch extends LitElement {
   /**
    * Specifies the component's color

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

@@ -3,10 +3,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale, SelectionMode } from "../types.js";
 import type { Swatch } from "../calcite-swatch/customElement.js";
 
-/**
- * @cssproperty [--calcite-swatch-group-space] - Specifies the space between slotted elements.
- * @slot  - A slot for adding one or more `calcite-swatch`s.
- */
+/** @slot  - A slot for adding one or more `calcite-swatch`s. */
 export abstract class SwatchGroup extends LitElement {
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.

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

@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { d as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { e as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 import { i as isSwatch } from "../../chunks/resources27.js";

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

@@ -2,15 +2,6 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale } from "../types.js";
 
-/**
- * @cssproperty [--calcite-switch-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-switch-background-color-hover] - Specifies the component's background color when hovered or pressed.
- * @cssproperty [--calcite-switch-border-color] - [Deprecated] in v3.2.0, removal target v6.0.0 - No longer necessary. Specifies the component's border color.
- * @cssproperty [--calcite-switch-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-switch-handle-background-color] - Specifies the handle's background color.
- * @cssproperty [--calcite-switch-handle-border-color] - [Deprecated] in v3.2.0, removal target v6.0.0 - No longer necessary. Specifies the handle's border color.
- * @cssproperty [--calcite-switch-handle-shadow] - [Deprecated] in v3.2.0, removal target v6.0.0 - No longer necessary. Specifies the handle's shadow.
- */
 export abstract class Switch extends LitElement {
   /**
    * When `true`, the component is checked.

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

@@ -1,11 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-/**
- * @cssproperty [--calcite-tab-content-space-y] - Specifies the vertical space between the component's content in the `default` slot.
- * @cssproperty [--calcite-tab-content-block-padding] - [Deprecated] in v3.2.0, removal target v6.0.0 - Use `--calcite-tab-content-space-y` instead. Specifies the block padding of the component's content in the `default` slot.
- * @slot  - A slot for adding custom content.
- */
+/** @slot  - A slot for adding custom content. */
 export abstract class Tab extends LitElement {
   /**
    * When `true`, the component is selected.

package/dist/components/calcite-tab-nav/customElement.d.ts

@@ -3,12 +3,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { TabPosition } from "../calcite-tabs/types.js";
 import type { TabTitle } from "../calcite-tab-title/customElement.js";
 
-/**
- * @cssproperty [--calcite-tab-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-tab-border-color] - When `calcite-tabs` is `bordered`, specifies the component's border color.
- * @cssproperty [--calcite-tab-text-color] - Specifies the component's `iconStart`, `iconEnd`, and text color.
- * @slot  - A slot for adding `calcite-tab-title`s.
- */
+/** @slot  - A slot for adding `calcite-tab-title`s. */
 export abstract class TabNav extends LitElement {
   /**
    * Replace localized message strings with your own strings.

package/dist/components/calcite-tab-nav/customElement.js

@@ -5,7 +5,7 @@ import { keyed } from "lit/directives/keyed.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { useDirection } from "@arcgis/lumina/controllers";
-import { C as filterDirectChildren, d as focusElementInGroup, f as focusElement } from "../../chunks/dom.js";
+import { C as filterDirectChildren, e as focusElementInGroup, f as focusElement } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 const ICON = {
@@ -192,6 +192,10 @@ class TabNav extends LitElement {
     });
   }
   onTabTitleWheel(event) {
+    const tabTitleContainer = event.currentTarget;
+    if (tabTitleContainer.scrollWidth <= tabTitleContainer.clientWidth) {
+      return;
+    }
     event.preventDefault();
     const { deltaX, deltaY } = event;
     const x = Math.abs(deltaX);
@@ -207,7 +211,7 @@ class TabNav extends LitElement {
       this.lastScrollWheelAxis = "y";
     }
     const scrollByX = (this.effectiveDir === "rtl" ? -1 : 1) * scrollBy;
-    event.currentTarget.scrollBy(scrollByX, 0);
+    tabTitleContainer.scrollBy(scrollByX, 0);
   }
   onSlotChange() {
     this.intersectionObserver?.disconnect();

package/dist/components/calcite-tab-title/customElement.d.ts

@@ -7,21 +7,6 @@ import type { IconName } from "../calcite-icon/types.js";
 /**
  * Tab-titles are optionally individually closable.
  *
- * @cssproperty [--calcite-tab-text-color] - Specifies the component's text color.
- * @cssproperty [--calcite-tab-text-color-press] - Specifies the component's text color when hovered, pressed, or selected.
- * @cssproperty [--calcite-tab-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-tab-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-tab-background-color-hover] - When `calcite-tabs` is `bordered`, specifies the component's background color when hovered.
- * @cssproperty [--calcite-tab-accent-color-press] - When `selected` or active, specifies the component's accent color.
- * @cssproperty [--calcite-tab-icon-color-start] - Specifies the component's `iconStart` color.
- * @cssproperty [--calcite-tab-icon-color-start-press] - When `selected`, hovered, or pressed, specifies the component's `iconStart` color.
- * @cssproperty [--calcite-tab-icon-color-end] - Specifies the component's `iconEnd` color.
- * @cssproperty [--calcite-tab-icon-color-end-press] - When `selected`, hovered, or pressed, specifies the component's `iconEnd` color.
- * @cssproperty [--calcite-tab-close-icon-color] - Specifies the component's close element icon color.
- * @cssproperty [--calcite-tab-close-icon-color-press] - Specifies the component's close element icon color when hovered, focused, and active.
- * @cssproperty [--calcite-tab-close-icon-background-color] - Specifies the component's close element icon background color.
- * @cssproperty [--calcite-tab-close-icon-background-color-press] - Specifies the component's close element icon background color when pressed.
- * @cssproperty [--calcite-tab-close-icon-background-color-hover] - Specifies the component's close element icon background color when hovered.
  * @slot  - A slot for adding text.
  */
 export abstract class TabTitle extends LitElement {

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

@@ -6,46 +6,6 @@ import type { TableRow } from "../calcite-table-row/customElement.js";
 import type { TableInteractionMode, TableLayout, TableSelectionDisplay } from "./types.js";
 
 /**
- * @cssproperty [--calcite-table-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-table-corner-radius] - Specifies the component's border radius.
- * @cssproperty [--calcite-table-shadow] - Specifies the component's shadow.
- * @cssproperty [--calcite-table-number-cell-background-color] - Specifies the background color of the component's `numbered` cell.
- * @cssproperty [--calcite-table-number-cell-text-color] - Specifies the text color of the component's `numbered` cell.
- * @cssproperty [--calcite-table-selection-cell-background-color] - When `selectionMode` is `"multiple"` or `"single"`, specifies the background color of cells containing selection icons.
- * @cssproperty [--calcite-table-selection-cell-background-color-selected] - When `selectionMode` is `"multiple"` or `"single"`, specifies the background color of cells containing selection icons on `selected` `calcite-table-row`s.
- * @cssproperty [--calcite-table-selection-cell-icon-color] - When `selectionMode` is `"multiple"` or `"single"`, specifies the icon color of the component's selection icon on `calcite-table-row`s where `selected` is `false`.
- * @cssproperty [--calcite-table-selection-cell-icon-color-selected] - When `selectionMode` is `"multiple"` or `"single"`, specifies the icon color of the component's selection icon on `selected` `calcite-table-row`s.
- * @cssproperty [--calcite-table-selection-chip-background-color] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are not `selected`, specifies the background color of the component's selection chip.
- * @cssproperty [--calcite-table-selection-chip-border-color] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are not `selected`, specifies the border color of the component's selection chip.
- * @cssproperty [--calcite-table-selection-chip-corner-radius] - When `selectionMode` is `"multiple"` or `"single"`, specifies the corner radius of the component's selection chip.
- * @cssproperty [--calcite-table-selection-chip-shadow] - When `selectionMode` is `"multiple"` or `"single"`, specifies the shadow of the component's selection chip.
- * @cssproperty [--calcite-table-selection-chip-text-color] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are not `selected`, specifies the text color of the component's selection chip.
- * @cssproperty [--calcite-table-selection-chip-background-color-selected] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the background color of the component's selection chip.
- * @cssproperty [--calcite-table-selection-chip-border-color-selected] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the border color of the component's selection chip.
- * @cssproperty [--calcite-table-selection-chip-text-color-selected] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the text color of the component's selection chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-background-color] - When `selectionMode` is `"multiple"` or `"single"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the background color of the component's selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-border-color] - When `selectionMode` is `"multiple"` or `"single"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the border color of the component's selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-corner-radius] - When `selectionMode` is `"multiple"` or `"single"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the corner radius of the component's selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-icon-color] - When `selectionMode` is `"multiple"` or `"single"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the icon color of the component's selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-shadow] - When `selectionMode` is `"multiple"` or `"single"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the shadow of the component's selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-text-color] - When `selectionMode` is `"multiple"` or `"single"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the text color of the component's selection out of view chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-background-color-active] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the background color of the component's selection dismiss chip when active.
- * @cssproperty [--calcite-table-selection-dismiss-button-background-color-hover] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the background color of the component's selection dismiss chip when hovered.
- * @cssproperty [--calcite-table-selection-dismiss-button-background-color] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the background color of the component's selection dismiss chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-border-color-active] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the border color of the component's selection dismiss chip when active.
- * @cssproperty [--calcite-table-selection-dismiss-button-border-color-hover] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the border color of the component's selection dismiss chip when hovered.
- * @cssproperty [--calcite-table-selection-dismiss-button-border-color] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the border color of the component's selection dismiss chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-corner-radius] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the corner radius of the component's selection dismiss chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-shadow] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the shadow of the component's selection dismiss chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-text-color-active] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the text color of the component's selection dismiss chip when active.
- * @cssproperty [--calcite-table-selection-dismiss-button-text-color-hover] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the text color of the component's selection dismiss chip when hovered.
- * @cssproperty [--calcite-table-selection-dismiss-button-text-color] - When `selectionMode` is `"multiple"` or `"single"` and `calcite-table-row`s are `selected`, specifies the text color of the component's selection dismiss chip.
- * @cssproperty [--calcite-table-pagination-color] - When `pageSize` is set, specifies the component's pagination item color.
- * @cssproperty [--calcite-table-pagination-color-hover] - When `pageSize` is set, specifies the component's pagination item color when hovered or selected.
- * @cssproperty [--calcite-table-pagination-color-border-hover] - When `pageSize` is set, specifies the component's pagination item bottom border color when hovered.
- * @cssproperty [--calcite-table-pagination-color-border-active] - When `pageSize` is set, specifies the component's pagination item bottom border color when selected.
- * @cssproperty [--calcite-table-pagination-background-color] - When `pageSize` is set, specifies the component's pagination item background color when active.
- * @cssproperty [--calcite-table-pagination-icon-color-background-hover] - When `pageSize` is set, specifies the component's pagination chevron item background color when hovered.
  * @slot  - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.
  * @slot [table-header] - A slot for adding `calcite-table-row` elements containing `calcite-table-header` elements.
  * @slot [table-footer] - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.

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

@@ -2,13 +2,7 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment } from "../types.js";
 
-/**
- * @cssproperty [--calcite-table-cell-background] - [Deprecated] in v3.3.0, removal target v6.0.0 - Use `--calcite-table-cell-background-color` instead. Specifies the component's background color.
- * @cssproperty [--calcite-table-cell-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-table-cell-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-table-cell-text-color] - Specifies the component's text color.
- * @slot  - A slot for adding content, usually text content.
- */
+/** @slot  - A slot for adding content, usually text content. */
 export abstract class TableCell extends LitElement {
   /**
    * Specifies the horizontal alignment of content within the component.

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

@@ -2,13 +2,6 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment } from "../types.js";
 
-/**
- * @cssproperty [--calcite-table-header-background] - [Deprecated] in v3.3.0, removal target v6.0.0 - Use `--calcite-table-header-background-color` instead. Specifies the component's background color.
- * @cssproperty [--calcite-table-header-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-table-header-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-table-header-heading-text-color] - Specifies the component's `heading` text color.
- * @cssproperty [--calcite-table-header-description-text-color] - Specifies the component's `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,15 +2,7 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment } from "../types.js";
 
-/**
- * @cssproperty [--calcite-table-row-background] - [Deprecated] in v3.3.0, removal target v6.0.0 - Use `--calcite-table-row-background-color` instead. Specifies the background color of the component.
- * @cssproperty [--calcite-table-row-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-table-row-background-color-striped] - When `striped` is `true` on `calcite-table`, specifies the background color of the component's `striped` rows.
- * @cssproperty [--calcite-table-row-background-color-selected] - When `selected`, specifies the background color of the component's `selected` rows.
- * @cssproperty [--calcite-table-row-accent-color-selected] - Specifies the component's selected accent color.
- * @cssproperty [--calcite-table-row-border-color] - Specifies the component's border color.
- * @slot  - A slot for adding `calcite-table-cell` or `calcite-table-header` elements.
- */
+/** @slot  - A slot for adding `calcite-table-cell` or `calcite-table-header` elements. */
 export abstract class TableRow extends LitElement {
   /**
    * Specifies the vertical alignment of content within child `calcite-table-cell`s.

package/dist/components/calcite-table-row/customElement.js

@@ -4,7 +4,7 @@ import { keyed } from "lit/directives/keyed.js";
 import { css, html, render } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { d as focusElementInGroup, a as getSlotAssignedElements } from "../../chunks/dom.js";
+import { e as focusElementInGroup, a as getSlotAssignedElements } from "../../chunks/dom.js";
 import { i as isActivationKey } from "../../chunks/key.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { i as isTableHeader } from "../../chunks/resources31.js";

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

@@ -4,8 +4,6 @@ import type { Scale } from "../types.js";
 import type { TabLayout, TabPosition } from "./types.js";
 
 /**
- * @cssproperty [--calcite-tab-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-tab-border-color] - Specifies the component's 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

@@ -5,20 +5,6 @@ import type { Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.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.

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

@@ -5,15 +5,6 @@ import type { IconName } from "../calcite-icon/types.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.
  * @slot [content-bottom] - A slot for adding non-actionable elements below the component's content.
  */

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

@@ -65,7 +65,7 @@ class Tile extends LitElement {
     this.containerEl = el;
   }
   keyDownHandler(event) {
-    if (event.target === this.el && isActivationKey(event.key)) {
+    if (!this.href && event.target === this.el && isActivationKey(event.key)) {
       this.handleSelectEvent();
       event.preventDefault();
     }

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

@@ -4,7 +4,7 @@ import { ref } from "lit/directives/ref.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { c as createObserver } from "../../chunks/observers.js";
-import { d as focusElementInGroup } from "../../chunks/dom.js";
+import { e as focusElementInGroup } from "../../chunks/dom.js";
 import { i as isTile } from "../../chunks/resources32.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 const CSS = {

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

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

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

@@ -3,14 +3,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui.js";
 import type { Scale } from "../types.js";
 
-/**
- * @cssproperty [--calcite-tooltip-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-tooltip-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-tooltip-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-tooltip-max-size-x] - Specifies the component's maximum width.
- * @cssproperty [--calcite-tooltip-text-color] - Specifies the component's text color.
- * @slot  - A slot for adding text.
- */
+/** @slot  - A slot for adding text. */
 export abstract class Tooltip extends LitElement {
   /**
    * Closes the component when the `referenceElement` is clicked.

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

@@ -4,9 +4,6 @@ import type { FlipContext } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
 /**
- * @cssproperty [--calcite-tree-text-color] - Specifies the component's text color.
- * @cssproperty [--calcite-tree-text-color-selected] - When 'selected', specifies the component's text color.
- * @cssproperty [--calcite-tree-selected-icon-color] - Specifies the component's selection icon color.
  * @slot  - A slot for adding text.
  * @slot [children] - A slot for adding nested `calcite-tree` elements.
  * @slot [actions-end] - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.