@esri/calcite-components 5.0.0-next.80 → 5.0.0-next.81

package/dist/components/calcite-radio-button-group/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { live } from "lit/directives/live.js";
 import { html, css } from "lit";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-segmented-control/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, isServer, nothing, html } from "lit";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-segmented-control-item/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { C as CSS_UTILITY, b as resizeShiftStep, d as resizeStep, c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { i as interact } from "../../chunks/interact.min.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html } from "lit";

package/dist/components/calcite-shell-panel/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { C as CSS_UTILITY, b as resizeShiftStep, d as resizeStep, c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { i as interact } from "../../chunks/interact.min.js";

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

@@ -161,12 +161,8 @@ export abstract class Slider extends LitElement {
    * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
    */
   get validity(): MutableValidityState;
-  /**
-   * The component's value.
-   *
-   * @default 0
-   */
-  accessor value: null | number | number[];
+  /** The component's value. */
+  accessor value: number | number[];
   /**
    * Sets focus on the component.
    *

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing } from "lit";
@@ -57,6 +57,7 @@ const styles = css`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-use
 function isRange(value) {
   return Array.isArray(value);
 }
+const defaultValue = 0;
 class Slider extends LitElement {
   constructor() {
     super();
@@ -129,6 +130,7 @@ class Slider extends LitElement {
     this.trackRef = createRef();
     this.focusSetter = useSetFocus()(this);
     this.interactiveContainer = useInteractive(this);
+    this._value = defaultValue;
     this.activeProp = "value";
     this.maxValueDragRange = null;
     this.minMaxValueRange = null;
@@ -162,7 +164,6 @@ class Slider extends LitElement {
       typeMismatch: false,
       valueMissing: false
     };
-    this.value = 0;
     this.calciteSliderChange = createEvent({ cancelable: false });
     this.calciteSliderInput = createEvent({ cancelable: false });
     this.listen("pointerdown", this.pointerDownHandler);
@@ -170,7 +171,7 @@ class Slider extends LitElement {
     this.listen("touchstart", this.handleTouchStart);
   }
   static {
-    this.properties = { activeProp: [16, {}, { state: true }], maxValueDragRange: [16, {}, { state: true }], minMaxValueRange: [16, {}, { state: true }], minValueDragRange: [16, {}, { state: true }], tickValues: [16, {}, { state: true }], disabled: [7, {}, { reflect: true, type: Boolean }], fillPlacement: [3, {}, { reflect: true }], form: [3, {}, { reflect: true }], groupSeparator: [7, {}, { reflect: true, type: Boolean }], hasHistogram: [7, {}, { reflect: true, type: Boolean }], histogram: [0, {}, { attribute: false }], histogramStops: [0, {}, { attribute: false }], labelFormatter: [0, {}, { attribute: false }], labelHandles: [7, {}, { reflect: true, type: Boolean }], labelTicks: [7, {}, { reflect: true, type: Boolean }], max: [11, {}, { reflect: true, type: Number }], maxLabel: 1, maxValue: [9, {}, { type: Number }], min: [11, {}, { reflect: true, type: Number }], minLabel: 1, labelText: 1, messageOverrides: [0, {}, { attribute: false }], minValue: [9, {}, { type: Number }], mirrored: [7, {}, { reflect: true, type: Boolean }], name: [3, {}, { reflect: true }], numberingSystem: 1, pageStep: [11, {}, { reflect: true, type: Number }], precise: [7, {}, { reflect: true, type: Boolean }], required: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], snap: [7, {}, { reflect: true, type: Boolean }], status: [3, {}, { reflect: true }], step: [11, {}, { reflect: true, type: Number }], ticks: [11, {}, { reflect: true, type: Number }], validationIcon: [3, { converter: stringOrBoolean, type: String }, { reflect: true }], validationMessage: 1, validity: [0, {}, { attribute: false }], value: [11, {}, { type: Number, reflect: true }] };
+    this.properties = { activeProp: [16, {}, { state: true }], maxValueDragRange: [16, {}, { state: true }], minMaxValueRange: [16, {}, { state: true }], minValueDragRange: [16, {}, { state: true }], tickValues: [16, {}, { state: true }], disabled: [7, {}, { reflect: true, type: Boolean }], fillPlacement: [3, {}, { reflect: true }], form: [3, {}, { reflect: true }], groupSeparator: [7, {}, { reflect: true, type: Boolean }], hasHistogram: [7, {}, { reflect: true, type: Boolean }], histogram: [0, {}, { attribute: false }], histogramStops: [0, {}, { attribute: false }], labelFormatter: [0, {}, { attribute: false }], labelHandles: [7, {}, { reflect: true, type: Boolean }], labelTicks: [7, {}, { reflect: true, type: Boolean }], max: [11, {}, { reflect: true, type: Number }], maxLabel: 1, maxValue: [9, {}, { type: Number }], min: [11, {}, { reflect: true, type: Number }], minLabel: 1, labelText: 1, messageOverrides: [0, {}, { attribute: false }], minValue: [9, {}, { type: Number }], mirrored: [7, {}, { reflect: true, type: Boolean }], name: [3, {}, { reflect: true }], numberingSystem: 1, pageStep: [11, {}, { reflect: true, type: Number }], precise: [7, {}, { reflect: true, type: Boolean }], required: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], snap: [7, {}, { reflect: true, type: Boolean }], status: [3, {}, { reflect: true }], step: [11, {}, { reflect: true, type: Number }], ticks: [11, {}, { reflect: true, type: Number }], validationIcon: [3, { converter: stringOrBoolean, type: String }, { reflect: true }], validationMessage: 1, validity: [0, {}, { attribute: false }], value: [11, {}, { reflect: true, type: Number }] };
   }
   static {
     this.shadowRootOptions = { mode: "open", delegatesFocus: true };
@@ -178,6 +179,23 @@ class Slider extends LitElement {
   static {
     this.styles = styles;
   }
+  get value() {
+    return this._value;
+  }
+  set value(value) {
+    if (Array.isArray(value)) {
+      this._value = value;
+      return;
+    }
+    if (
+      /* intentional loose null check */
+      value != null
+    ) {
+      this._value = Number(value);
+      return;
+    }
+    this._value = Array.isArray(this._value) ? [this.minValue, this.maxValue] : defaultValue;
+  }
   async setFocus(options) {
     return this.focusSetter(() => this.minHandle || this.maxHandle, options);
   }
@@ -190,9 +208,7 @@ class Slider extends LitElement {
     this.previousEmittedValue = this.value;
   }
   load() {
-    if (!isRange(this.value)) {
-      this.value = this.snap ? this.getClosestStep(this.value) : this.clamp(this.value);
-    }
+    this.setInitialValue();
     afterConnectDefaultValueSet(this, this.value);
   }
   willUpdate(changes) {
@@ -227,6 +243,11 @@ class Slider extends LitElement {
     disconnectForm(this);
     this.removeDragListeners();
   }
+  setInitialValue() {
+    if (!isRange(this.value)) {
+      this.value = this.snap ? this.getClosestStep(this.value) : this.clamp(this.value);
+    }
+  }
   handleKeyDown(event) {
     const mirror = this.shouldMirror();
     const { activeProp, max, min, pageStep, step } = this;

package/dist/components/calcite-sort-handle/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit/directives/ref.js";
 import { keyed } from "lit/directives/keyed.js";

package/dist/components/calcite-sortable-list/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-split-button/customElement.js

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { keyed } from "lit/directives/keyed.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { svg, html, css, nothing } from "lit";
 import { safeClassMap, LitElement, createEvent } from "@arcgis/lumina";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing, svg } from "lit";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

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

@@ -8,7 +8,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
  */
 export abstract class Tab extends LitElement {
   /**
-   * When `true`, the component's contents are selected.
+   * When `true`, the component is selected.
    *
    * Only one tab can be selected within the `calcite-tabs` parent.
    *

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, setAttribute, safeClassMap } from "@arcgis/lumina";

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

@@ -6,7 +6,7 @@ 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.
+ * @cssproperty [--calcite-tab-text-color] - Specifies the component's `iconStart`, `iconEnd`, and text color.
  * @slot  - A slot for adding `calcite-tab-title`s.
  */
 export abstract class TabNav extends LitElement {

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit/directives/ref.js";
 import { keyed } from "lit/directives/keyed.js";

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

@@ -12,11 +12,11 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  * @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] - Specifies the component's accent color when selected or active.
+ * @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] - Specifies the component's `iconStart` color when hovered, pressed, or selected.
+ * @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] - Specifies the component's `iconEnd` color when hovered, pressed, or selected.
+ * @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.

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, isServer, html } from "lit";

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

@@ -11,41 +11,41 @@ import type { TableInteractionMode, TableLayout, TableSelectionDisplay } from ".
  * @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] - Specifies the background color of the component's `selectionMode` cell.
- * @cssproperty [--calcite-table-selection-cell-background-color-selected] - Specifies the background color of the component's `selectionMode` cell.
- * @cssproperty [--calcite-table-selection-cell-icon-color] - Specifies the icon color of the component's `selectionMode` selection icon.
- * @cssproperty [--calcite-table-selection-cell-icon-color-selected] - Specifies the icon color of the component's `selectionMode` selection icon when selected.
- * @cssproperty [--calcite-table-selection-chip-background-color] - Specifies the background color of the component's `selectionMode` selection chip.
- * @cssproperty [--calcite-table-selection-chip-border-color] - Specifies the border color of the component's `selectionMode` selection chip.
- * @cssproperty [--calcite-table-selection-chip-corner-radius] - Specifies the corner radius of the component's `selectionMode` selection chip.
- * @cssproperty [--calcite-table-selection-chip-shadow] - Specifies the shadow of the component's `selectionMode` selection chip.
- * @cssproperty [--calcite-table-selection-chip-text-color] - Specifies the text color of the component's `selectionMode` selection chip.
- * @cssproperty [--calcite-table-selection-chip-background-color-selected] - Specifies the background color of the component's `selectionMode` selection chip when Table Rows are selected.
- * @cssproperty [--calcite-table-selection-chip-border-color-selected] - Specifies the border color of the component's `selectionMode` selection chip when Table Rows are selected.
- * @cssproperty [--calcite-table-selection-chip-text-color-selected] - Specifies the text color of the component's `selectionMode` selection chip when Table Rows are selected.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-background-color] - Specifies the background color of the component's `selectionMode` selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-border-color] - Specifies the border color of the component's `selectionMode` selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-corner-radius] - Specifies the corner radius of the component's `selectionMode` selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-icon-color] - Specifies the icon color of the component's `selectionMode` selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-shadow] - Specifies the shadow of the component's `selectionMode` selection out of view chip.
- * @cssproperty [--calcite-table-selection-out-of-view-chip-text-color] - Specifies the text color of the component's `selectionMode` selection out of view chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-background-color-active] - Specifies the background color of the component's `selectionMode` selection dismiss chip when active.
- * @cssproperty [--calcite-table-selection-dismiss-button-background-color-hover] - Specifies the background color of the component's `selectionMode` selection dismiss chip when hovered.
- * @cssproperty [--calcite-table-selection-dismiss-button-background-color] - Specifies the background color of the component's `selectionMode` selection dismiss chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-border-color-active] - Specifies the border color of the component's `selectionMode` selection dismiss chip when active.
- * @cssproperty [--calcite-table-selection-dismiss-button-border-color-hover] - Specifies the border color of the component's `selectionMode` selection dismiss chip when hovered.
- * @cssproperty [--calcite-table-selection-dismiss-button-border-color] - Specifies the border color of the component's `selectionMode` selection dismiss chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-corner-radius] - Specifies the corner radius of the component's `selectionMode` selection dismiss chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-shadow] - Specifies the shadow of the component's `selectionMode` selection dismiss chip.
- * @cssproperty [--calcite-table-selection-dismiss-button-text-color-active] - Specifies the text color of the component's `selectionMode` selection dismiss chip when active.
- * @cssproperty [--calcite-table-selection-dismiss-button-text-color-hover] - Specifies the text color of the component's `selectionMode` selection dismiss chip when hovered.
- * @cssproperty [--calcite-table-selection-dismiss-button-text-color] - Specifies the text color of the component's `selectionMode` selection dismiss chip.
- * @cssproperty [--calcite-table-pagination-color] - Specifies the component's `pageSize` pagination item color.
- * @cssproperty [--calcite-table-pagination-color-hover] - Specifies the component's `pageSize` pagination item color when hovered or selected.
- * @cssproperty [--calcite-table-pagination-color-border-hover] - Specifies the component's `pageSize` pagination item bottom border color when hovered.
- * @cssproperty [--calcite-table-pagination-color-border-active] - Specifies the component's `pageSize` pagination item bottom border color when selected.
- * @cssproperty [--calcite-table-pagination-background-color] - Specifies the component's `pageSize` pagination item background color when active.
- * @cssproperty [--calcite-table-pagination-icon-color-background-hover] - Specifies the component's `pageSize` pagination chevron item background color when hovered.
+ * @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.
@@ -53,7 +53,7 @@ import type { TableInteractionMode, TableLayout, TableSelectionDisplay } from ".
  */
 export abstract class Table extends LitElement {
   /**
-   * When `true`, displays borders in the component.
+   * When `true`, displays borders between `calcite-table-rows`.
    *
    * @default false
    */
@@ -111,7 +111,7 @@ export abstract class Table extends LitElement {
    */
   accessor pageSize: number;
   /**
-   * Specifies the size of the component.
+   * Specifies the component's size.
    *
    * @default "m"
    */
@@ -119,7 +119,7 @@ export abstract class Table extends LitElement {
   /** Specifies the component's selected items. */
   get selectedItems(): TableRow[];
   /**
-   * Specifies the display of the selection interface when `selection-mode` is not `"none"`. When `"none"`, content slotted the `selection-actions` slot will not be displayed.
+   * When `selectionMode` is `"single"` or `"multiple"`, specifies the display of the selection interface. When  `selectionMode` is `"none"`, content slotted in the `selection-actions` slot will not be displayed.
    *
    * @default "top"
    */
@@ -137,7 +137,7 @@ export abstract class Table extends LitElement {
    */
   accessor selectionMode: Extract<"none" | "multiple" | "single", SelectionMode>;
   /**
-   * When `true`, displays striped styling in the component.
+   * When `true`, displays striped styling on the component's `calcite-table-rows`.
    *
    * @default false
    */

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { isServer, css, nothing, html, render } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

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

@@ -18,9 +18,9 @@ export abstract class TableHeader extends LitElement {
   accessor alignment: Alignment;
   /** Specifies the number of columns the component should span. */
   accessor colSpan: number;
-  /** Specifies a description for the component. Displays beneath heading content. */
+  /** Specifies a description for the component. Displays below the `heading`. */
   accessor description: string;
-  /** Specifies the component's heading text. */
+  /** Specifies the component's heading text. Displays above the `description`. */
   accessor heading: string;
   /** Overrides individual strings used by the component. */
   accessor messageOverrides: {

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

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

@@ -4,11 +4,11 @@ import type { Alignment } from "../interfaces.js";
 
 /**
  * @cssproperty [--calcite-table-row-background] - [Deprecated] Use `--calcite-table-row-background-color` instead. Specifies the background color of the component.
- * @cssproperty [--calcite-table-row-background-color] - Specifies the background color of the component.
- * @cssproperty [--calcite-table-row-background-color-striped] - The background color of the component's `striped` rows, when specified.
- * @cssproperty [--calcite-table-row-background-color-selected] - The background color of the component's `selected` rows, when specified.
- * @cssproperty [--calcite-table-row-accent-color-selected] - Specifies the selected accent color of the component.
- * @cssproperty [--calcite-table-row-border-color] - Specifies the border 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.
  */
 export abstract class TableRow extends LitElement {

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, render } from "lit";

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

@@ -11,7 +11,7 @@ import type { TabLayout, TabPosition } from "./interfaces.js";
  */
 export abstract class Tabs extends LitElement {
   /**
-   * When `true`, the component will display with a folder style menu.
+   * When `true`, displays the component with a folder style menu.
    *
    * @default false
    */

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";

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

@@ -89,7 +89,11 @@ export abstract class TextArea extends LitElement {
    * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-minlength)
    */
   accessor minLength: number;
-  /** Specifies the name of the component. */
+  /**
+   * Specifies the name of the component. Required to pass the component's value on form submission.
+   *
+   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)
+   */
   accessor name: string;
   /** Specifies the Unicode numeral system used by the component for localization. */
   accessor numberingSystem: NumberingSystem;

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

@@ -1,6 +1,6 @@
 /* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.80 */
+v5.0.0-next.81 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { live } from "lit/directives/live.js";