@esri/calcite-components 5.0.0-next.72 → 5.0.0-next.74

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

@@ -1,65 +1,78 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale } from '../interfaces';
-import { StepperItemEventDetail, StepperItemKeyEventDetail, StepperLayout } from '../calcite-stepper/interfaces';
-import { NumberingSystem } from '../../utils/locale';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-/** @slot  - A slot for adding custom content. */
-export declare class StepperItem extends LitElement {
-    /**
-     * When `true`, the step has been completed.
-     *
-     * @default false
-     */
-    complete: boolean;
-    /** A description for the component. Displays below the header text. */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * When `true`, the component contains an error that requires resolution from the user.
-     *
-     * @default false
-     */
-    error: boolean;
-    /** The component header text. */
-    heading: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     *
-     * @default false
-     */
-    iconFlipRtl: boolean;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * When `true`, the component is selected.
-     *
-     * @default false
-     */
-    selected: boolean;
-    /**
-     * 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 active `calcite-stepper-item` changes. */
-    readonly calciteStepperItemSelect: TargetedEvent<this, void>;
-    private messages: Partial<{
-        complete: string;
-        previousStep: string;
-        nextStep: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        complete: string;
-        previousStep: string;
-        nextStep: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-stepper-item-background-color-press] - Specifies the component's background-color when active.
+ * @cssproperty [--calcite-stepper-item-header-text-color] - Specifies the component's header text color.
+ * @cssproperty [--calcite-stepper-item-header-text-color-hover] - Specifies the component's header text color when hovered or focused.
+ * @cssproperty [--calcite-stepper-item-selected-header-text-color] - Specifies the component's header text color when selected.
+ * @cssproperty [--calcite-stepper-item-icon-color] - Specifies the component's icon color.
+ * @cssproperty [--calcite-stepper-item-complete-icon-color] - Specifies the component's icon color when complete.
+ * @cssproperty [--calcite-stepper-item-error-icon-color] - Specifies the component's icon and number color when in error.
+ * @cssproperty [--calcite-stepper-item-selected-icon-color] - Specifies the component's icon and number color when selected.
+ * @cssproperty [--calcite-stepper-item-description-text-color] - Specifies the component's description and number text color.
+ * @cssproperty [--calcite-stepper-item-description-text-color-hover] - Specifies the component's description text color when hovered, focused or selected.
+ * @cssproperty [--calcite-stepper-bar-gap] - Specifies the component's bottom spacing.
+ * @cssproperty [--calcite-stepper-bar-fill-color] - Specifies the component's fill color.
+ * @cssproperty [--calcite-stepper-bar-fill-color-hover] - Specifies the component's fill color when hovered or focused.
+ * @cssproperty [--calcite-stepper-bar-complete-fill-color] - Specifies the component's fill color when complete.
+ * @cssproperty [--calcite-stepper-bar-complete-fill-color-hover] - When the component is `complete`, specifies the component's fill color when hovered or focused.
+ * @cssproperty [--calcite-stepper-bar-error-fill-color] - Specifies the component's fill color when in error.
+ * @cssproperty [--calcite-stepper-bar-error-fill-color-hover] - When the component contains an `error`, specifies the component's fill color when hovered or focused.
+ * @cssproperty [--calcite-stepper-bar-selected-fill-color] - Specifies the component's fill color when selected.
+ * @slot  - A slot for adding custom content.
+ */
+export abstract class StepperItem extends LitElement {
+  /**
+   * When `true`, the step has been completed.
+   *
+   * @default false
+   */
+  accessor complete: boolean;
+  /** Specifies a description for the component. Displays below the header text. */
+  accessor description: string;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * When `true`, the component contains an error that requires resolution from the user.
+   *
+   * @default false
+   */
+  accessor error: boolean;
+  /** Specifies the component's heading text. */
+  accessor heading: string;
+  /**
+   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   *
+   * @default false
+   */
+  accessor iconFlipRtl: boolean;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      complete?: string;
+      previousStep?: string;
+      nextStep?: string;
+  };
+  /**
+   * When `true`, the component is selected.
+   *
+   * @default false
+   */
+  accessor selected: boolean;
+  /**
+   * 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 active `calcite-stepper-item` changes. */
+  readonly calciteStepperItemSelect: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteStepperItemSelect: StepperItem["calciteStepperItemSelect"]["detail"];
+  };
+}

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.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
@@ -9,7 +9,7 @@ import { n as numberStringFormatter } from "../../chunks/locale.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { i as isHidden } from "../../chunks/component.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
-import { h as slotChangeHasContent } from "../../chunks/dom.js";
+import { n as slotChangeHasContent } from "../../chunks/dom.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 const CSS = {
   container: "container",

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

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

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

@@ -1,50 +1,53 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale, SelectionMode } from '../interfaces';
-import { SwatchGroup } from '../calcite-swatch-group/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale } from "../interfaces.js";
 
-/** @slot [image] - A slot for adding an image or pattern. */
-export declare class Swatch extends LitElement {
-    /**
-     * Specifies the component's color
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
-     */
-    color: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Accessible name for the component.
-     *
-     * @required
-     */
-    label: string;
-    /**
-     * Specifies the size of the component. When contained in a parent `calcite-swatch-group` inherits the parent's `scale` value.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     *
-     * @default false
-     */
-    selected: boolean;
-    /** The component's value. */
-    value: any;
-    /**
-     * Sets focus on the component.
-     *
-     * @param options
-     * @param options
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /** Fires when the selected state of the component changes. */
-    readonly calciteSwatchSelect: TargetedEvent<this, void>;
-}
+/**
+ * @cssproperty [--calcite-swatch-corner-radius] - Specifies the component's corner radius.
+ * @slot [image] - A slot for adding an image or pattern.
+ */
+export abstract class Swatch extends LitElement {
+  /**
+   * Specifies the component's color
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+   */
+  accessor color: string;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+  /**
+   * Specifies the size of the component. When contained in a parent `calcite-swatch-group` inherits the parent's `scale` value.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * When `true`, the component is selected.
+   *
+   * @default false
+   */
+  accessor selected: boolean;
+  /** The component's value. */
+  accessor value: any;
+  /**
+   * Sets focus on the component.
+   *
+   * @param options
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Fires when the selected state of the component changes. */
+  readonly calciteSwatchSelect: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteSwatchSelect: Swatch["calciteSwatchSelect"]["detail"];
+  };
+}

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

@@ -1,15 +1,15 @@
 /*! 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.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing, svg } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import Color from "color";
-import { a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
-import { h as hexify } from "../../chunks/utils.js";
+import { b as hexify } from "../../chunks/utils.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 const CSS = {
   imageContainer: "image-container",

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

@@ -1,52 +1,56 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale, SelectionMode } from '../interfaces';
-import { Swatch } from '../calcite-swatch/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale, SelectionMode } from "../interfaces.js";
+import type { Swatch } from "../calcite-swatch/customElement.js";
 
-/** @slot  - A slot for adding one or more `calcite-swatch`s. */
-export declare class SwatchGroup extends LitElement {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Accessible name for the component.
-     *
-     * @required
-     */
-    label: string;
-    /**
-     * Specifies the size of the component. Child `calcite-swatch`s inherit the component's value.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** Specifies the component's selected items. */
-    readonly selectedItems: HTMLCalciteSwatchElement[];
-    /**
-     * Specifies the selection mode of the component, where:
-     *
-     * `"multiple"` allows any number of selections,
-     *
-     * `"single"` allows only one selection,
-     *
-     * `"single-persist"` allows one selection and prevents de-selection, and
-     *
-     * `"none"` does not allow any selections.
-     *
-     * @default "none"
-     */
-    selectionMode: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
-    /**
-     * Sets focus on the component's first focusable element.
-     *
-     * @param options
-     * @param options
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /** Fires when the component's selection changes. */
-    readonly calciteSwatchGroupSelect: TargetedEvent<this, void>;
-}
+/**
+ * @cssproperty [--calcite-swatch-group-space] - Specifies the space between slotted elements.
+ * @slot  - A slot for adding one or more `calcite-swatch`s.
+ */
+export abstract class SwatchGroup extends LitElement {
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+  /**
+   * Specifies the size of the component. Child `calcite-swatch`s inherit the component's value.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** Specifies the component's selected items. */
+  get selectedItems(): Swatch[];
+  /**
+   * Specifies the selection mode of the component, where:
+   *
+   * `"multiple"` allows any number of selections,
+   *
+   * `"single"` allows only one selection,
+   *
+   * `"single-persist"` allows one selection and prevents de-selection, and
+   *
+   * `"none"` does not allow any selections.
+   *
+   * @default "none"
+   */
+  accessor selectionMode: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
+  /**
+   * Sets focus on the component's first focusable element.
+   *
+   * @param options
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Fires when the component's selection changes. */
+  readonly calciteSwatchGroupSelect: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteSwatchGroupSelect: SwatchGroup["calciteSwatchGroupSelect"]["detail"];
+  };
+}

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

@@ -1,11 +1,11 @@
 /*! 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.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { d as focusElementInGroup, s as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { f as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 const CSS = {

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

@@ -1,57 +1,61 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { CheckableFormComponent } from '../../utils/form';
-import { LabelableComponent } from '../../utils/label';
-import { Scale } from '../interfaces';
-import { Label } from '../calcite-label/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale } from "../interfaces.js";
 
-export declare class Switch extends LitElement {
-    /**
-     * When `true`, the component is checked.
-     *
-     * @default false
-     */
-    checked: boolean;
-    /**
-     * 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. */
-    label: string;
-    /** When provided, displays label text at the end of the component */
-    labelTextEnd: string;
-    /** When provided, displays label text at the start of the component */
-    labelTextStart: string;
-    /**
-     * Specifies the name of the component.
-     *
-     * Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** The component's value. */
-    value: any;
-    /**
-     * 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 `checked` value has changed. */
-    readonly calciteSwitchChange: TargetedEvent<this, void>;
-}
+/**
+ * @cssproperty [--calcite-switch-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-switch-background-color-hover] - Specifies the component's background color when hovered or pressed.
+ * @cssproperty [--calcite-switch-border-color] - [Deprecated] No longer necessary. Specifies the component's border color.
+ * @cssproperty [--calcite-switch-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-switch-handle-background-color] - Specifies the handle's background color.
+ * @cssproperty [--calcite-switch-handle-border-color] - [Deprecated] No longer necessary. Specifies the handle's border color.
+ * @cssproperty [--calcite-switch-handle-shadow] - [Deprecated] No longer necessary. Specifies the handle's shadow.
+ */
+export abstract class Switch extends LitElement {
+  /**
+   * When `true`, the component is checked.
+   *
+   * @default false
+   */
+  accessor checked: boolean;
+  /**
+   * 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. */
+  accessor label: string;
+  /** Specifies the component's end label text. */
+  accessor labelTextEnd: string;
+  /** Specifies the component's start label text. */
+  accessor labelTextStart: string;
+  /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
+  accessor name: string;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** The component's value. */
+  accessor value: any;
+  /**
+   * 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 `checked` value has changed. */
+  readonly calciteSwitchChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteSwitchChange: Switch["calciteSwitchChange"]["detail"];
+  };
+}

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.72 */
+v5.0.0-next.74 */
 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

@@ -1,23 +1,26 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale } from '../interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-/** @slot  - A slot for adding custom content. */
-export declare class Tab extends LitElement {
-    /**
-     * When `true`, the component's contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     *
-     * @default false
-     */
-    selected: boolean;
-    /**
-     * Specifies a unique name for the component.
-     *
-     * When specified, use the same value on the `calcite-tab-title`.
-     */
-    tab: string;
-    /** Returns the index of the component item within the tab array. */
-    getTabIndex(): Promise<number>;
-}
+/**
+ * @cssproperty [--calcite-tab-content-space-y] - Specifies the vertical space between the component's content in the `default` slot.
+ * @cssproperty [--calcite-tab-content-block-padding] - [Deprecated] Use `--calcite-tab-content-space-y` instead. Specifies the block padding of the component's content in the `default` slot.
+ * @slot  - A slot for adding custom content.
+ */
+export abstract class Tab extends LitElement {
+  /**
+   * When `true`, the component's contents are selected.
+   *
+   * Only one tab can be selected within the `calcite-tabs` parent.
+   *
+   * @default false
+   */
+  accessor selected: boolean;
+  /**
+   * Specifies a unique name for the component.
+   *
+   * When specified, use the same value on the `calcite-tab-title`.
+   */
+  accessor tab: string;
+  /** Returns the index of the component item within the tab array. */
+  getTabIndex(): Promise<number>;
+}

package/dist/components/calcite-tab/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.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, setAttribute, safeClassMap } from "@arcgis/lumina";
-import { n as nodeListToArray } from "../../chunks/dom.js";
+import { o as nodeListToArray } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
 const CSS = {
   container: "container",