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

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

@@ -5,10 +5,7 @@ import type { OverlayPositioning } from "../../utils/floating-ui.js";
 import type { IconName } from "../calcite-icon/types.js";
 import type { OffsetStyle, TimeZoneMode } from "./types.js";
 
-/**
- * @cssproperty [--calcite-input-time-zone-corner-radius] - Specifies the component's corner radius.
- * @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 InputTimeZone extends LitElement {
   /**
    * When `true`, an empty value (`null`) will be allowed as a `value`.

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

@@ -2,11 +2,7 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Alignment, Scale } from "../types.js";
 
-/**
- * @cssproperty [--calcite-label-margin-bottom] - Specifies the component's bottom spacing.
- * @cssproperty [--calcite-label-text-color] - Specifies the component's text color.
- * @slot  - A slot for adding text and a component that can be labeled.
- */
+/** @slot  - A slot for adding text and a component that can be labeled. */
 export abstract class Label extends LitElement {
   /**
    * Specifies the component's text alignment.

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

@@ -10,7 +10,6 @@ import type { IconName } from "../calcite-icon/types.js";
  *
  * It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission
  *
- * @cssproperty [--calcite-link-text-color] - Specifies the component's text color.
  * @slot  - A slot for adding text.
  */
 export abstract class Link extends LitElement {

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

@@ -10,7 +10,6 @@ import type { ListDisplayMode, ListDragDetail } from "./types.js";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
  *
- * @cssproperty [--calcite-list-background-color] - Specifies the component's background color.
  * @slot  - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
  * @slot [empty-content] - A slot for adding content to display when the component has no `calcite-list-item`s.
  * @slot [filter-actions-start] - A slot for adding actionable `calcite-action` elements before the filter component.

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

@@ -5,7 +5,7 @@ import { keyed } from "lit/directives/keyed.js";
 import { debounce } from "es-toolkit";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lumina";
-import { o as slotChangeHasContent, s as slotChangeHasAssignedElement, g as getRootNode } from "../../chunks/dom.js";
+import { p as slotChangeHasContent, s as slotChangeHasAssignedElement, g as getRootNode } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { l as listItemSelector, a as listSelector, u as updateListItemChildren, b as listItemGroupSelector, e as expandedAncestors, S as SLOTS, C as CSS } from "../../chunks/utils4.js";
 import { S as SLOTS$1 } from "../../chunks/resources19.js";
@@ -17,6 +17,7 @@ import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 import { u as useSortable } from "../../chunks/useSortable.js";
 import { i as isListItem } from "../../chunks/resources34.js";
+import { t as toAriaBoolean } from "../../chunks/aria.js";
 const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container-height{block-size:100%}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::slotted(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`;
 const parentSelector = `${listItemGroupSelector}, ${listItemSelector}`;
 class List extends LitElement {
@@ -672,7 +673,7 @@ class List extends LitElement {
       [CSS.containerHeight]: this.listItems.length < 1 && loading
     })} style=${safeStyleMap({
       ["--calcite-internal-filter-enabled-offset"]: `${this.filterRowHeight}px`
-    })}>${this.dragEnabled ? html`<span aria-live=assertive class=${safeClassMap(CSS.assistiveText)}>${this.assistiveText}</span>` : null}${this.renderItemAriaLive()}${loading ? html`<calcite-scrim class=${safeClassMap(CSS.scrim)} .loading=${loading}></calcite-scrim>` : null}<div .ariaBusy=${loading} .ariaLabel=${label || ""} class=${safeClassMap(CSS.table)} @keydown=${this.handleListKeydown} role=treegrid>${filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? html`<div class=${safeClassMap(CSS.sticky)} role=rowgroup ${ref(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${safeClassMap(CSS.stack)}><slot name=${SLOTS.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${SLOTS$1.actionsStart}></slot><calcite-filter .ariaLabel=${filterPlaceholder} .disabled=${disabled} .filterProps=${effectiveFilterProps} .items=${dataForFilter} .label=${filterLabel} @calciteFilterChange=${this.handleFilterChange} .placeholder=${filterPlaceholder} .scale=${this.scale} ${ref(this.setFilterEl)}></calcite-filter><slot name=${SLOTS.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${SLOTS$1.actionsEnd}></slot></calcite-stack></div></div></div>` : null}<div class=${safeClassMap(CSS.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${SLOTS.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${ref(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${SLOTS.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>` });
+    })}>${this.dragEnabled ? html`<span aria-live=assertive class=${safeClassMap(CSS.assistiveText)}>${this.assistiveText}</span>` : null}${this.renderItemAriaLive()}${loading ? html`<calcite-scrim class=${safeClassMap(CSS.scrim)} .loading=${loading}></calcite-scrim>` : null}<div .ariaBusy=${toAriaBoolean(loading, void 0)} .ariaLabel=${label || ""} class=${safeClassMap(CSS.table)} @keydown=${this.handleListKeydown} role=treegrid>${filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? html`<div class=${safeClassMap(CSS.sticky)} role=rowgroup ${ref(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${safeClassMap(CSS.stack)}><slot name=${SLOTS.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${SLOTS$1.actionsStart}></slot><calcite-filter .ariaLabel=${filterPlaceholder} .disabled=${disabled} .filterProps=${effectiveFilterProps} .items=${dataForFilter} .label=${filterLabel} @calciteFilterChange=${this.handleFilterChange} .placeholder=${filterPlaceholder} .scale=${this.scale} ${ref(this.setFilterEl)}></calcite-filter><slot name=${SLOTS.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${SLOTS$1.actionsEnd}></slot></calcite-stack></div></div></div>` : null}<div class=${safeClassMap(CSS.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${SLOTS.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${ref(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${SLOTS.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>` });
   }
   renderItemAriaLive() {
     const { messages, filteredItems, parentListEl, messages: { _lang: effectiveLocale }, numberingSystem } = this;

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

@@ -4,15 +4,6 @@ import type { Scale, FlipContext } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
 /**
- * @cssproperty [--calcite-list-background-color-hover] - Specifies the component's background color when hovered.
- * @cssproperty [--calcite-list-background-color-press] - Specifies the component's background color when pressed.
- * @cssproperty [--calcite-list-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-list-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-list-content-text-color] - Specifies the content color.
- * @cssproperty [--calcite-list-description-text-color] - Specifies the `description` color.
- * @cssproperty [--calcite-list-icon-color] - Specifies the component's icon color.
- * @cssproperty [--calcite-list-label-text-color] - Specifies the `label` color.
- * @cssproperty [--calcite-list-selection-border-color] - Specifies the component's selection border color.
  * @slot  - A slot for adding `calcite-list`, `calcite-list-item` and `calcite-list-item-group` elements.
  * @slot [actions-start] - A slot for adding actionable `calcite-action` elements before the content of the component.
  * @slot [content-start] - A slot for adding non-actionable elements before the component's `label` and `description`.

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

@@ -6,7 +6,7 @@ import { css, html, nothing } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { useDirection } from "@arcgis/lumina/controllers";
-import { s as slotChangeHasAssignedElement, p as getFirstTabbable } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement, r as getFirstTabbable } from "../../chunks/dom.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { s as styles$1 } from "../../chunks/sortable.js";

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

@@ -2,11 +2,7 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale } from "../types.js";
 
-/**
- * @cssproperty [--calcite-list-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-list-color] - Specifies the component's color.
- * @slot  - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- */
+/** @slot  - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements. */
 export abstract class ListItemGroup extends LitElement {
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.

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

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

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

@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement } from "@arcgis/lumina";
 import { useWatchAttributes } from "@arcgis/lumina/controllers";
-import { d as focusElementInGroup, b as slotChangeGetAssignedElements, f as focusElement } from "../../chunks/dom.js";
+import { e as focusElementInGroup, b as slotChangeGetAssignedElements, f as focusElement } from "../../chunks/dom.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { i as isMenuItem } from "../../chunks/resources20.js";

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

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

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

@@ -5,15 +5,6 @@ import type { NumberingSystem } from "../../utils/locale.js";
 import type { MeterFillType, MeterLabelType } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/**
- * @cssproperty [--calcite-meter-background-color] - Specifies the background color of the component.
- * @cssproperty [--calcite-meter-border-color] - Specifies the border color of the component and displayed step lines.
- * @cssproperty [--calcite-meter-shadow] - Specifies the box shadow of the component.
- * @cssproperty [--calcite-meter-corner-radius] - Specifies the corner radius of the component.
- * @cssproperty [--calcite-meter-fill-color] - Specifies the color of the component's fill.
- * @cssproperty [--calcite-meter-range-text-color] - Specifies the color of the component's range labels.
- * @cssproperty [--calcite-meter-value-text-color] - Specifies the color of the component's value label.
- */
 export abstract class Meter extends LitElement {
   /**
    * Specifies the appearance of the component.

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

@@ -3,10 +3,6 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale } from "../types.js";
 
 /**
- * @cssproperty [--calcite-navigation-width] - Specifies the width of the component's content area.
- * @cssproperty [--calcite-navigation-background] - [Deprecated] in v3.0.0, removal target v6.0.0 - Use `--calcite-navigation-background-color` instead. Specifies the background color of the component.
- * @cssproperty [--calcite-navigation-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-navigation-border-color] - Specifies the component's border color.
  * @slot [logo] - A slot for adding a `calcite-logo` component to the primary navigation level.
  * @slot [user] - A slot for adding a `calcite-user` component to the primary navigation level.
  * @slot [progress] - A slot for adding a `calcite-progress` component to the primary navigation level.

package/dist/components/calcite-navigation-logo/customElement.d.ts

@@ -3,12 +3,6 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { HeadingLevel } from "../functional/Heading.js";
 import type { IconName } from "../calcite-icon/types.js";
 
-/**
- * @cssproperty [--calcite-navigation-accent-color] - When `active`, specifies the component's border color.
- * @cssproperty [--calcite-navigation-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-navigation-logo-heading-text-color] - Specifies the component's `heading` text color.
- * @cssproperty [--calcite-navigation-logo-text-color] - Specifies the component's `description` text color.
- */
 export abstract class NavigationLogo extends LitElement {
   /**
    * When `true`, the component is highlighted.

package/dist/components/calcite-navigation-user/customElement.d.ts

@@ -1,14 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-/**
- * @cssproperty [--calcite-navigation-accent-color] - When `active`, specifies the component's border color.
- * @cssproperty [--calcite-navigation-user-avatar-corner-radius] - Specifies the component's avatar corner radius.
- * @cssproperty [--calcite-navigation-user-avatar-color] - Specifies the component's avatar icon color.
- * @cssproperty [--calcite-navigation-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-navigation-user-full-name-text-color] - Specifies the component's `fullName` text color.
- * @cssproperty [--calcite-navigation-user-name-text-color] - Specifies the component's `username` text color.
- */
 export abstract class NavigationUser extends LitElement {
   /**
    * When `true`, the component is highlighted.

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

@@ -9,19 +9,6 @@ import type { IconName } from "../calcite-icon/types.js";
  * They are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not
  * to display a notice on page load and set the "active" attribute as needed to contextually provide inline messaging to users.
  *
- * @cssproperty [--calcite-notice-background-color] - When `appearance="outline-fill"`, specifies the component's background color.
- * @cssproperty [--calcite-notice-border-color] - When `appearance="outline-fill"`, specifies the component's border color.
- * @cssproperty [--calcite-notice-corner-radius] - Specifies the component's border radius.
- * @cssproperty [--calcite-notice-close-background-color] - Specifies the background color of the component's close element.
- * @cssproperty [--calcite-notice-close-background-color-hover] - Specifies the background color of the component's close element when hovered.
- * @cssproperty [--calcite-notice-close-background-color-focus] - [Deprecated] in v5.0.0, removal target v6.0.0 - Use `--calcite-notice-close-background-color-hover` instead. Specifies the background color of the component's close element when hovered.
- * @cssproperty [--calcite-notice-close-background-color-press] - Specifies the background color of the component's close element when active.
- * @cssproperty [--calcite-notice-close-icon-color-hover] - Specifies the icon color of the component's close element when hovered or active.
- * @cssproperty [--calcite-notice-close-icon-color] - Specifies the icon color of the component's close element.
- * @cssproperty [--calcite-notice-title-text-color] - Specifies the component's slotted `"title"` content text color.
- * @cssproperty [--calcite-notice-content-text-color] - Specifies the component's slotted `"message"` content text color.
- * @cssproperty [--calcite-notice-width] - [Deprecated] in v3.0.0, removal target v6.0.0 - Specifies the component's width.
- * @cssproperty [--calcite-notice-shadow] - Specifies the component's shadow.
  * @slot [title] - A slot for adding a title.
  * @slot [message] - A slot for adding a message.
  * @slot [link] - A slot for adding a `calcite-action` to take, such as: "undo", "try again", "link to page", etc.

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

@@ -3,14 +3,6 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { NumberingSystem } from "../../utils/locale.js";
 import type { Scale } from "../types.js";
 
-/**
- * @cssproperty [--calcite-pagination-color] - Specifies the component's item color.
- * @cssproperty [--calcite-pagination-color-hover] - Specifies the component's item color when hovered or selected.
- * @cssproperty [--calcite-pagination-color-border-hover] - Specifies the component's item bottom border color when hovered.
- * @cssproperty [--calcite-pagination-color-border-active] - Specifies the component's item bottom border color when selected.
- * @cssproperty [--calcite-pagination-background-color] - Specifies the component's item background color when active.
- * @cssproperty [--calcite-pagination-icon-color-background-hover] - Specifies the component's chevron item background color when hovered.
- */
 export abstract class Pagination extends LitElement {
   /**
    * When `true`, number values are displayed with a group separator corresponding to the language and country format.

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

@@ -6,29 +6,6 @@ import type { CollapseDirection, Scale } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
 /**
- * @cssproperty [--calcite-panel-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-panel-heading-text-color] - Specifies the text color of the component's `heading`.
- * @cssproperty [--calcite-panel-icon-color] - Specifies the color of the component's icon.
- * @cssproperty [--calcite-panel-description-text-color] - Specifies the text color of the component's `description`.
- * @cssproperty [--calcite-panel-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-panel-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-panel-content-top-space] - Specifies the padding of the component's `content-top` slot.
- * @cssproperty [--calcite-panel-content-bottom-space] - Specifies the padding of the component's `content-bottom` slot.
- * @cssproperty [--calcite-panel-header-top-space] - Specifies the padding of the component's `header-top` slot.
- * @cssproperty [--calcite-panel-header-background-color] - Specifies the background color of the component's header.
- * @cssproperty [--calcite-panel-header-action-background-color] - Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions`.
- * @cssproperty [--calcite-panel-header-action-background-color-hover] - Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered.
- * @cssproperty [--calcite-panel-header-action-background-color-press] - Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed.
- * @cssproperty [--calcite-panel-header-action-text-color] - Specifies the text color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions`.
- * @cssproperty [--calcite-panel-header-action-text-color-press] - Specifies the text color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered.
- * @cssproperty [--calcite-panel-footer-background-color] - Specifies the background color of the component's footer.
- * @cssproperty [--calcite-panel-space] - Specifies the padding of the component's `unnamed (default)` slot.
- * @cssproperty [--calcite-panel-header-content-space] - Specifies the padding of the component's `header-content` slot.
- * @cssproperty [--calcite-panel-footer-space] - Specifies the padding of the component's footer.
- * @cssproperty [--calcite-popover-border-color] - Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s.
- * @cssproperty [--calcite-panel-content-space] - [Deprecated] in v3.0.0, removal target v6.0.0 - Use `--calcite-panel-space` instead. Specifies the padding of the component's content.
- * @cssproperty [--calcite-panel-footer-padding] - [Deprecated] in v3.0.0, removal target v6.0.0 - Use `--calcite-panel-footer-space` instead. Specifies the padding of the component's footer.
- * @cssproperty [--calcite-panel-header-border-block-end] - [Deprecated] in v3.0.0, removal target v6.0.0 - Use `--calcite-panel-border-color` instead. Specifies the component header's block end border.
  * @slot  - A slot for adding custom content.
  * @slot [action-bar] - A slot for adding a `calcite-action-bar` to the component.
  * @slot [alerts] - A slot for adding `calcite-alert`s to the component.

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

@@ -4,7 +4,7 @@ import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, r as slotChangeHasTextContent, u as hasVisibleContent } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, d as slotChangeHasTextContent, u as hasVisibleContent } from "../../chunks/dom.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
 import { S as SLOTS$1 } from "../../chunks/resources2.js";
@@ -17,6 +17,7 @@ import { s as styles$1 } from "../../chunks/header.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 import { u as useFocusTrap } from "../../chunks/useFocusTrap.js";
 import { C as CSS, S as SLOTS, I as ICONS, a as IDS } from "../../chunks/resources14.js";
+import { t as toAriaBoolean } from "../../chunks/aria.js";
 const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.content-top{padding:var(--calcite-panel-content-top-space, var(--calcite-internal-panel-default-space))}.content-bottom{padding:var(--calcite-panel-content-bottom-space, var(--calcite-internal-panel-default-space))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header--no-row{border-block-end:0}.content-top--no-border{border-block-start:0}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-top{inline-size:100%;border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-header-top-space, var(--calcite-internal-panel-default-space))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`;
 class Panel extends LitElement {
   constructor() {
@@ -308,7 +309,7 @@ class Panel extends LitElement {
   render() {
     const { disabled, loading, closed, heading, description, focusTrapEnabled, closable } = this;
     const hasDialogRole = focusTrapEnabled && closable;
-    const panelNode = html`<div .ariaBusy=${loading} .ariaDescription=${hasDialogRole && description ? description : void 0} .ariaLabel=${hasDialogRole && heading ? heading : void 0} .ariaLive=${hasDialogRole ? "polite" : void 0} class=${safeClassMap(CSS.container)} .hidden=${closed} .role=${hasDialogRole ? "dialog" : "article"} ${ref(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${keyed("alerts", html`<slot name=${SLOTS.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`;
+    const panelNode = html`<div .ariaBusy=${toAriaBoolean(loading, void 0)} .ariaDescription=${hasDialogRole && description ? description : void 0} .ariaLabel=${hasDialogRole && heading ? heading : void 0} .ariaLive=${hasDialogRole ? "polite" : void 0} class=${safeClassMap(CSS.container)} .hidden=${closed} .role=${hasDialogRole ? "dialog" : "article"} ${ref(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${keyed("alerts", html`<slot name=${SLOTS.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`;
     return this.interactiveContainer({ disabled, children: html`${loading ? html`<calcite-scrim .loading=${loading}></calcite-scrim>` : null}${panelNode}` });
   }
 }

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

@@ -5,14 +5,7 @@ import type { HeadingLevel } from "../functional/Heading.js";
 import type { Scale } from "../types.js";
 import type { FocusTrapOptions } from "../../controllers/useFocusTrap.js";
 
-/**
- * @cssproperty [--calcite-popover-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-popover-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-popover-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-popover-max-size-x] - Specifies the component's maximum width.
- * @cssproperty [--calcite-popover-text-color] - Specifies the component's text color.
- * @slot  - A slot for adding custom content.
- */
+/** @slot  - A slot for adding custom content. */
 export abstract class Popover extends LitElement {
   /**
    * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.

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

@@ -1,11 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-/**
- * @cssproperty [--calcite-progress-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-progress-fill-color] - Specifies the component's fill color.
- * @cssproperty [--calcite-progress-text-color] - Specifies the component's text color.
- */
 export abstract class Progress extends LitElement {
   /** Specifies an accessible label for the component. */
   accessor label: string | undefined;

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

@@ -2,12 +2,6 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale, Status } from "../types.js";
 
-/**
- * @cssproperty [--calcite-radio-button-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-radio-button-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-radio-button-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-radio-button-size] - Specifies the component's size.
- */
 export abstract class RadioButton extends LitElement {
   /**
    * When `true`, the component is checked.

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

@@ -5,8 +5,6 @@ import type { IconName } from "../calcite-icon/types.js";
 import type { RadioButton } from "../calcite-radio-button/customElement.js";
 
 /**
- * @cssproperty [--calcite-radio-button-group-gap] - Specifies the space between slotted components in the component.
- * @cssproperty [--calcite-radio-button-input-message-spacing] - Specifies the margin spacing at the top of the `calcite-input-message`.
  * @slot  - A slot for adding `calcite-radio-button`s.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */

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

@@ -3,16 +3,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Scale, Status } from "../types.js";
 import type { IconName } from "../calcite-icon/types.js";
 
-/**
- * @cssproperty [--calcite-rating-spacing] - Specifies the amount of left and right margin spacing between each item.
- * @cssproperty [--calcite-rating-color-hover] - Specifies the component's item color when hovered.
- * @cssproperty [--calcite-rating-color-press] - Specifies the component's item color when active.
- * @cssproperty [--calcite-rating-color] - Specifies the component's item color.
- * @cssproperty [--calcite-rating-average-color] - When `average` is set, specifies the component's item color.
- * @cssproperty [--calcite-rating-average-text-color] - When `average` is set, specifies the component's `average` text color.
- * @cssproperty [--calcite-rating-count-text-color] - Specifies the component's text color for `count`.
- * @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 Rating extends LitElement {
   /** Specifies a cumulative average from previous ratings to display. */
   accessor average: number | undefined;

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

@@ -1,10 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-/**
- * @cssproperty [--calcite-scrim-background] - Specifies the component's background color.
- * @slot  - A slot for adding custom content, primarily loading information.
- */
+/** @slot  - A slot for adding custom content, primarily loading information. */
 export abstract class Scrim extends LitElement {
   /**
    * When `true`, a busy indicator is displayed.

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

@@ -4,7 +4,7 @@ import { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
 import { c as createObserver } from "../../chunks/observers.js";
-import { o as slotChangeHasContent } from "../../chunks/dom.js";
+import { p as slotChangeHasContent } from "../../chunks/dom.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 const CSS = {
   scrim: "scrim",

package/dist/components/calcite-segmented-control/customElement.d.ts

@@ -5,8 +5,6 @@ import type { IconName } from "../calcite-icon/types.js";
 import type { SegmentedControlItem } from "../calcite-segmented-control-item/customElement.js";
 
 /**
- * @cssproperty [--calcite-segmented-control-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-segmented-control-corner-radius] - Specifies the component's corner radius.
  * @slot  - A slot for adding `calcite-segmented-control-item`s.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */

package/dist/components/calcite-segmented-control-item/customElement.d.ts

@@ -2,12 +2,6 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { IconName } from "../calcite-icon/types.js";
 
-/**
- * @cssproperty [--calcite-segmented-control-color] - Specifies the component's color.
- * @cssproperty [--calcite-segmented-control-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-segmented-control-shadow] - Specifies the component's shadow.
- * @cssproperty [--calcite-segmented-control-icon-color] - Specifies the icons's color.
- */
 export abstract class SegmentedControlItem extends LitElement {
   /**
    * When `true`, the component is checked.

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

@@ -2,7 +2,7 @@
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { o as slotChangeHasContent } from "../../chunks/dom.js";
+import { p as slotChangeHasContent } from "../../chunks/dom.js";
 import { t as toAriaBoolean } from "../../chunks/aria.js";
 import { C as CSS, S as SLOTS } from "../../chunks/resources23.js";
 const styles = css`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-radius:max(0px,var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius)) - 2px);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:-1px;z-index:var(--calcite-z-index)}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-2));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-3))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`;

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

@@ -5,14 +5,6 @@ import type { IconName } from "../calcite-icon/types.js";
 import type { Option } from "../calcite-option/customElement.js";
 
 /**
- * @cssproperty [--calcite-select-font-size] - Specifies the font size of `calcite-option`s in the component.
- * @cssproperty [--calcite-select-text-color] - Specifies the text color of `calcite-option`s in the component.
- * @cssproperty [--calcite-select-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-select-icon-color] - Specifies the component's icon color.
- * @cssproperty [--calcite-select-icon-color-hover] - Specifies the component's icon color when hovered or active.
- * @cssproperty [--calcite-select-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-select-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-select-shadow] - Specifies the component's shadow.
  * @slot  - A slot for adding `calcite-option`s.
  * @slot [label-content] - A slot for rendering content next to the component's `labelText`.
  */

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

@@ -5,22 +5,7 @@ import type { FocusTrapOptions } from "../../controllers/useFocusTrap.js";
 import type { DisplayMode } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/**
- * @cssproperty [--calcite-sheet-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-sheet-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-sheet-shadow] - Specifies the component's shadow.
- * @cssproperty [--calcite-sheet-text-color] - Specifies the component's text color.
- * @cssproperty [--calcite-sheet-resize-background-color] - Specifies the resize handle's background color.
- * @cssproperty [--calcite-sheet-resize-icon-color] - Specifies the resize handle's text color.
- * @cssproperty [--calcite-sheet-scrim-background] - Specifies the background color of the component's scrim.
- * @cssproperty [--calcite-sheet-width] - When `position` is `"inline-start"` or `"inline-end"`, specifies the component's width.
- * @cssproperty [--calcite-sheet-max-width] - When `position` is `"inline-start"` or `"inline-end"`, specifies the component's maximum width.
- * @cssproperty [--calcite-sheet-min-width] - When `position` is `"inline-start"` or `"inline-end"`, specifies the component's minimum width.
- * @cssproperty [--calcite-sheet-height] - When `position` is `"block-start"` or `"block-end"`, specifies the component's height.
- * @cssproperty [--calcite-sheet-max-height] - When `position` is `"block-start"` or `"block-end"`, specifies the component's maximum height.
- * @cssproperty [--calcite-sheet-min-height] - When `position` is `"block-start"` or `"block-end"`, specifies the component's minimum height.
- * @slot  - A slot for adding custom content.
- */
+/** @slot  - A slot for adding custom content. */
 export abstract class Sheet extends LitElement {
   /** Passes a function to run before the component closes. */
   accessor beforeClose: ((el: Sheet) => Promise<void>) | undefined;

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

@@ -6,7 +6,7 @@ import { css, html } from "lit";
 import { LitElement, createEvent, setAttribute, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
 import { useDirection } from "@arcgis/lumina/controllers";
-import { k as getStylePixelValue } from "../../chunks/dom.js";
+import { l as getStylePixelValue } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
 import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";

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

@@ -2,9 +2,6 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
 /**
- * @cssproperty [--calcite-shell-border-color] - Specifies the component's border color.
- * @cssproperty [--calcite-shell-corner-radius] - Specifies the component's corner radius.
- * @cssproperty [--calcite-shell-shadow] - Specifies the component's shadow.
  * @slot  - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.
  * @slot [header] - A slot for adding header content. This content will be positioned at the top of the component.
  * @slot [footer] - A slot for adding footer content. This content will be positioned at the bottom of the component.

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

@@ -4,7 +4,7 @@ import { keyed } from "lit/directives/keyed.js";
 import { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, k as getStylePixelValue } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, l as getStylePixelValue } from "../../chunks/dom.js";
 import { i as isAlert } from "../../chunks/resources13.js";
 import { b as isDialog } from "../../chunks/resources15.js";
 import { i as isSheet } from "../../chunks/resources24.js";

package/dist/components/calcite-shell-panel/customElement.d.ts

@@ -4,18 +4,6 @@ import type { Height, Layout, Position, Scale, Width } from "../types.js";
 import type { DisplayMode } from "./types.js";
 
 /**
- * @cssproperty [--calcite-shell-panel-background-color] - Specifies the component's background color.
- * @cssproperty [--calcite-shell-panel-border-color] - When `displayMode` is `"float-all"`, specifies the component's border color.
- * @cssproperty [--calcite-shell-panel-corner-radius] - When `displayMode` is `"float-all"`, specifies the component's corner radius.
- * @cssproperty [--calcite-shell-panel-height] - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float` or `float-all`, specifies the component's height.
- * @cssproperty [--calcite-shell-panel-max-height] - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's maximum height.
- * @cssproperty [--calcite-shell-panel-min-height] - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's minimum height.
- * @cssproperty [--calcite-shell-panel-max-width] - Specifies the component's maximum width.
- * @cssproperty [--calcite-shell-panel-resize-icon-color] - Specifies the resize handle's text color.
- * @cssproperty [--calcite-shell-panel-shadow] - When `displayMode` is `float-all`, `float-content`, or `overlay`, specifies the component's shadow.
- * @cssproperty [--calcite-shell-panel-text-color] - Specifies the component's text color.
- * @cssproperty [--calcite-shell-panel-width] - Specifies the component's width.
- * @cssproperty [--calcite-shell-panel-z-index] - Specifies the component's z-index value.
  * @slot  - A slot for adding custom content.
  * @slot [action-bar] - A slot for adding a `calcite-action-bar` to the component.
  */

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

@@ -6,7 +6,7 @@ import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
 import { useDirection } from "@arcgis/lumina/controllers";
-import { k as getStylePixelValue, b as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
+import { l as getStylePixelValue, b as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { g as getDimensionClass } from "../../chunks/dynamicClasses.js";
 import { a as ariaValueFromSize } from "../../chunks/aria.js";