@esri/calcite-components 5.0.0-next.73 → 5.0.0-next.75

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

@@ -1,26 +1,31 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Appearance, Layout, Scale } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
-export declare class SegmentedControlItem extends LitElement {
-    /**
-     * When `true`, the component is checked.
-     *
-     * @default false
-     */
-    checked: boolean;
-    /** Specifies an icon to display at the end of the component. */
-    iconEnd: IconName;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     *
-     * @default false
-     */
-    iconFlipRtl: boolean;
-    /** Specifies an icon to display at the start of the component. */
-    iconStart: IconName;
-    /** The component's value. */
-    value: any | null;
-}
+/**
+ * @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-border-color] - Specifies the component's border 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.
+   *
+   * @default false
+   */
+  accessor checked: boolean;
+  /** Specifies an icon to display at the end of the component. */
+  accessor iconEnd: IconName;
+  /**
+   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   *
+   * @default false
+   */
+  accessor iconFlipRtl: boolean;
+  /** Specifies an icon to display at the start of the component. */
+  accessor iconStart: IconName;
+  /** The component's value. */
+  accessor value: any | null;
+}

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

@@ -1,10 +1,10 @@
 /*! 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.73 */
+v5.0.0-next.75 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { h as slotChangeHasContent, t as toAriaBoolean } from "../../chunks/dom.js";
+import { n as slotChangeHasContent, t as toAriaBoolean } from "../../chunks/dom.js";
 const SLOTS = {
   input: "input"
 };

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

@@ -1,2 +1 @@
-import "../calcite-icon/index.js";
 export * from "./customElement.js";

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

@@ -1,98 +1,96 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FormComponent, MutableValidityState } from '../../utils/form';
-import { LabelableComponent } from '../../utils/label';
-import { Scale, Status, Width } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-import { Option } from '../calcite-option/customElement.js';
-import { Label } from '../calcite-label/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { MutableValidityState } from "../../utils/form.js";
+import type { Scale, Status, Width } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.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`.
  */
-export declare class Select extends LitElement {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * The `id` of the form that will be associated with the component.
-     *
-     * When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Accessible name for the component.
-     *
-     * @required
-     */
-    label: string;
-    /** When provided, displays label text on the component. */
-    labelText: string;
-    /**
-     * Specifies the name of the component.
-     *
-     * Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * When `true` and the component resides in a form,
-     * the component must have a value in order for the form to submit.
-     *
-     * @default false
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** The component's selected option `HTMLElement`. */
-    readonly selectedOption: HTMLCalciteOptionElement;
-    /**
-     * Specifies the status of the input field, which determines the message and icons.
-     *
-     * @default "idle"
-     */
-    status: Status;
-    /** Specifies the validation icon to display under the component. */
-    validationIcon: IconName | boolean;
-    /** Specifies the validation message to display under the component. */
-    validationMessage: string;
-    /**
-     * The current validation state of the component.
-     *
-     * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
-     */
-    readonly validity: MutableValidityState;
-    /** The component's `selectedOption` value. */
-    value: string;
-    /**
-     * Specifies the width of the component. [Deprecated] The `"half"` value is deprecated, use `"full"` instead.
-     *
-     * @default "auto"
-     */
-    width: Extract<Width, "auto" | "half" | "full">;
-    /** Overrides individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Sets focus on the component.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /** Fires when the `selectedOption` changes. */
-    readonly calciteSelectChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        required: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        required: string;
-    }>;
-}
+export abstract class Select extends LitElement {
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies the `id` of the component's associated form.
+   *
+   * When not set, the component is associated with its ancestor form element, if one exists.
+   */
+  accessor form: string;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+  /** Specifies the component's label text. */
+  accessor labelText: string;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { required?: string; };
+  /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
+  accessor name: string;
+  /**
+   * When `true` and the component resides in a form,
+   * the component must have a value in order for the form to submit.
+   *
+   * @default false
+   */
+  accessor required: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** The component's selected option `HTMLElement`. */
+  get selectedOption(): Option;
+  /**
+   * Specifies the status of the input field, which determines the message and icons.
+   *
+   * @default "idle"
+   */
+  accessor status: Status;
+  /** Specifies the validation icon to display under the component. */
+  accessor validationIcon: IconName | boolean;
+  /** Specifies the validation message to display under the component. */
+  accessor validationMessage: string;
+  /**
+   * The component's current validation state.
+   *
+   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
+   */
+  get validity(): MutableValidityState;
+  /** The component's `selectedOption` value. */
+  accessor value: string;
+  /**
+   * Specifies the width of the component. [Deprecated] The `"half"` value is deprecated, use `"full"` instead.
+   *
+   * @default "auto"
+   */
+  accessor width: Extract<Width, "auto" | "half" | "full">;
+  /**
+   * Sets focus on the component.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Fires when the `selectedOption` changes. */
+  readonly calciteSelectChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteSelectChange: Select["calciteSelectChange"]["detail"];
+  };
+}

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.73 */
+v5.0.0-next.75 */
 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-select/index.d.ts

@@ -1,3 +1 @@
-import "../calcite-input-message/index.js";
-import "../calcite-icon/index.js";
 export * from "./customElement.js";

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

@@ -1,129 +1,144 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { Height, LogicalFlowPosition, Scale, Width } from '../interfaces';
-import { FocusTrapOptions } from '../../controllers/useFocusTrap';
-import { DisplayMode, ResizeValues } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Height, LogicalFlowPosition, Scale, Width } from "../interfaces.js";
+import type { FocusTrapOptions } from "../../controllers/useFocusTrap.js";
+import type { DisplayMode } from "./interfaces.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/** @slot  - A slot for adding custom content. */
-export declare class Sheet extends LitElement {
-    /** Passes a function to run before the component closes. */
-    beforeClose: (el: HTMLCalciteSheetElement) => Promise<void>;
-    /**
-     * Specifies the display mode - `"float"` separates content from main layout,
-     * and `"overlay"` displays on top of center content.
-     *
-     * @default "overlay"
-     */
-    displayMode: DisplayMode;
-    /**
-     * When `true`, disables the default close on escape behavior.
-     *
-     * @default false
-     */
-    escapeDisabled: boolean;
-    /**
-     * When `true`, prevents focus trapping.
-     *
-     * @default false
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * Specifies custom focus trap configuration on the component, where
-     *
-     * `"allowOutsideClick"` allows outside clicks,
-     * `"initialFocus"` enables initial focus,
-     * `"returnFocusOnDeactivate"` returns focus when not active, and
-     * `"extraContainers"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body.
-     * `"setReturnFocus"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).
-     */
-    focusTrapOptions: Partial<FocusTrapOptions>;
-    /**
-     * When `position` is `"block-start"` or `"block-end"`, specifies the component's height.
-     *
-     * @deprecated in v3.0.0, removal target v6.0.0 - Use the `height` property instead.
-     * @default "m"
-     */
-    heightScale: Scale;
-    /** Specifies the component's height. */
-    height: Height;
-    /**
-     * Specifies the component's label.
-     *
-     * @required
-     */
-    label: string;
-    /** Overrides individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * When `true`, displays and positions the component.
-     *
-     * @default false
-     */
-    get open(): boolean;
-    set open(value: boolean);
-    /**
-     * When `true`, disables closing the component when the area outside of the component is clicked.
-     *
-     * @default false
-     */
-    outsideCloseDisabled: boolean;
-    /**
-     * Determines where the component will be positioned.
-     *
-     * @default "inline-start"
-     */
-    position: LogicalFlowPosition;
-    /**
-     * When `true`, the component is resizable.
-     *
-     * @default false
-     */
-    resizable: boolean;
-    /**
-     * When `true` and the component is `open`, disables top layer placement.
-     *
-     * Only set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.
-     *
-     * @default false
-     * @mdn [Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)
-     */
-    topLayerDisabled: boolean;
-    /**
-     * When `position` is `"inline-start"` or `"inline-end"`, specifies the component's width.
-     *
-     * @deprecated in v3.0.0, removal target v6.0.0 - Use the `width` property instead.
-     * @default "m"
-     */
-    widthScale: Scale;
-    /** Specifies the components width. */
-    width: Extract<Width, Scale>;
-    /**
-     * Sets focus on the component's "close" button - the first focusable item.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /**
-     * Updates the element(s) that are included in the component's focus-trap.
-     *
-     * @param extraContainers
-     * @param extraContainers - Additional elements to include in the focus trap. This is useful for including elements that may have related parts rendered outside the main focus trapping element.
-     */
-    updateFocusTrapElements(extraContainers?: FocusTrapOptions["extraContainers"]): Promise<void>;
-    /** Fires when the component is requested to be closed and before the closing transition begins. */
-    readonly calciteSheetBeforeClose: TargetedEvent<this, void>;
-    /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-    readonly calciteSheetBeforeOpen: TargetedEvent<this, void>;
-    /** Fires when the component is closed and animation is complete. */
-    readonly calciteSheetClose: TargetedEvent<this, void>;
-    /** Fires when the component is open and animation is complete. */
-    readonly calciteSheetOpen: TargetedEvent<this, void>;
-    private messages: Partial<{
-        resizeEnabled: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        resizeEnabled: string;
-    }>;
-}
+/**
+ * @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.
+ */
+export abstract class Sheet extends LitElement {
+  /** Passes a function to run before the component closes. */
+  accessor beforeClose: (el: Sheet) => Promise<void>;
+  /**
+   * Specifies the display mode - `"float"` separates content from main layout,
+   * and `"overlay"` displays on top of center content.
+   *
+   * @default "overlay"
+   */
+  accessor displayMode: DisplayMode;
+  /**
+   * When `true`, disables the default close on escape behavior.
+   *
+   * @default false
+   */
+  accessor escapeDisabled: boolean;
+  /**
+   * When `true`, prevents focus trapping.
+   *
+   * @default false
+   */
+  accessor focusTrapDisabled: boolean;
+  /**
+   * Specifies custom focus trap configuration on the component, where
+   *
+   * `"allowOutsideClick"` allows outside clicks,
+   * `"initialFocus"` enables initial focus,
+   * `"returnFocusOnDeactivate"` returns focus when not active, and
+   * `"extraContainers"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body.
+   * `"setReturnFocus"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).
+   */
+  accessor focusTrapOptions: Partial<FocusTrapOptions>;
+  /** Specifies the component's height. */
+  accessor height: Height;
+  /**
+   * When `position` is `"block-start"` or `"block-end"`, specifies the component's height.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use the `height` property instead.
+   * @default "m"
+   */
+  accessor heightScale: Scale;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { resizeEnabled?: string; };
+  /** @internal */
+  protected messages: Partial<{ resizeEnabled: string; }> & T9nMeta<{ resizeEnabled: string; }>;
+  /**
+   * When `true`, displays and positions the component.
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /**
+   * When `true`, disables closing the component when the area outside of the component is clicked.
+   *
+   * @default false
+   */
+  accessor outsideCloseDisabled: boolean;
+  /**
+   * Determines where the component will be positioned.
+   *
+   * @default "inline-start"
+   */
+  accessor position: LogicalFlowPosition;
+  /**
+   * When `true`, the component is resizable.
+   *
+   * @default false
+   */
+  accessor resizable: boolean;
+  /**
+   * When `true` and the component is `open`, disables top layer placement.
+   *
+   * Only set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.
+   *
+   * @default false
+   * @mdn [Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)
+   */
+  accessor topLayerDisabled: boolean;
+  /** Specifies the components width. */
+  accessor width: Extract<Width, Scale>;
+  /**
+   * When `position` is `"inline-start"` or `"inline-end"`, specifies the component's width.
+   *
+   * @deprecated in v3.0.0, removal target v6.0.0 - Use the `width` property instead.
+   * @default "m"
+   */
+  accessor widthScale: Scale;
+  /**
+   * Sets focus on the component's "close" button - the first focusable item.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /**
+   * Updates the element(s) that are included in the component's focus-trap.
+   *
+   * @param extraContainers - Additional elements to include in the focus trap. This is useful for including elements that may have related parts rendered outside the main focus trapping element.
+   */
+  updateFocusTrapElements(extraContainers?: FocusTrapOptions["extraContainers"]): Promise<void>;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  readonly calciteSheetBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  readonly calciteSheetBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is closed and animation is complete. */
+  readonly calciteSheetClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is open and animation is complete. */
+  readonly calciteSheetOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteSheetBeforeClose: Sheet["calciteSheetBeforeClose"]["detail"];
+    calciteSheetBeforeOpen: Sheet["calciteSheetBeforeOpen"]["detail"];
+    calciteSheetClose: Sheet["calciteSheetClose"]["detail"];
+    calciteSheetOpen: Sheet["calciteSheetOpen"]["detail"];
+  };
+}

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

@@ -1,13 +1,13 @@
 /*! 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.73 */
-import { C as CSS_UTILITY, a as resizeShiftStep, b as resizeStep, c as customElement } from "../../chunks/runtime.js";
+v5.0.0-next.75 */
+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";
 import { css, html } from "lit";
 import { LitElement, createEvent, setAttribute, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { g as getElementDir, k as getStylePixelValue, l as ensureId } from "../../chunks/dom.js";
+import { g as getElementDir, a as getStylePixelValue, A as ensureId } 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-sheet/index.d.ts

@@ -1,3 +1 @@
-import "../calcite-scrim/index.js";
-import "../calcite-icon/index.js";
 export * from "./customElement.js";

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

@@ -1,9 +1 @@
-export type DisplayMode = "float" | "overlay";
-export interface ResizeValues {
-    inlineSize: number;
-    blockSize: number;
-    minInlineSize: number;
-    minBlockSize: number;
-    maxInlineSize: number;
-    maxBlockSize: number;
-}
+export type DisplayMode = "float" | "overlay";

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

@@ -1,8 +1,8 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
 /**
+ * @cssproperty [--calcite-shell-border-color] - Specifies the component's border color.
  * @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.
@@ -14,11 +14,11 @@ import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/
  * @slot [alerts] - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the `calcite-shell`.
  * @slot [sheets] - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the `calcite-shell`.
  */
-export declare class Shell extends LitElement {
-    /**
-     * When `true`, positions the center content behind any `calcite-shell-panel`s.
-     *
-     * @default false
-     */
-    contentBehind: boolean;
-}
+export abstract class Shell extends LitElement {
+  /**
+   * When `true`, positions the center content behind any `calcite-shell-panel`s.
+   *
+   * @default false
+   */
+  accessor contentBehind: boolean;
+}