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

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

@@ -1,116 +1,143 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FlipPlacement, MenuPlacement, OverlayPositioning } from '../../utils/floating-ui';
-import { DropdownIconType } from '../calcite-button/interfaces';
-import { Appearance, FlipContext, Kind, Scale, Width } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { FlipPlacement, MenuPlacement, OverlayPositioning } from "../../utils/floating-ui.js";
+import type { DropdownIconType } from "../calcite-button/interfaces.js";
+import type { Appearance, FlipContext, Kind, Scale, Width } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
-/** @slot  - A slot for adding `calcite-dropdown` content. */
-export declare class SplitButton extends LitElement {
-    /**
-     * Specifies the appearance style of the component.
-     *
-     * @default "solid"
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid" | "transparent", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
-     * Without a value, the browser will suggest a filename/extension.
-     *
-     * @default false
-     * @see [Global download attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download).
-     */
-    download: string | boolean;
-    /**
-     * Specifies the icon used for the dropdown menu.
-     *
-     * @default "chevron"
-     */
-    dropdownIconType: DropdownIconType;
-    /** Accessible name for the dropdown menu. */
-    dropdownLabel: string;
-    /** Specifies the component's fallback slotted content `placement` when it's initial or specified `placement` has insufficient space available. */
-    flipPlacements: FlipPlacement[];
-    /** Specifies the URL of the linked resource, which can be set as an absolute or relative path. */
-    href: string;
-    /**
-     * Specifies the kind of the component, which will apply to border and background, if applicable.
-     *
-     * @default "brand"
-     */
-    kind: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
-    /**
-     * When `true`, a busy indicator is displayed on the primary button.
-     *
-     * @default false
-     */
-    loading: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     * @default "absolute"
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Defines the relationship between the `href` value and the current document.
-     *
-     * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
-     */
-    rel: string;
-    /**
-     * Determines where the component will be positioned relative to the container element.
-     *
-     * @default "bottom-end"
-     */
-    placement: MenuPlacement;
-    /** Specifies an icon to display at the end of the primary button. */
-    primaryIconEnd: IconName;
-    /** Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
-    primaryIconFlipRtl: FlipContext;
-    /** Specifies an icon to display at the start of the primary button. */
-    primaryIconStart: IconName;
-    /** Accessible name for the primary button. */
-    primaryLabel: string;
-    /** Text displayed in the primary button. */
-    primaryText: string;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Specifies where to open the linked document defined in the `href` property.
-     *
-     * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
-     */
-    target: string;
-    /**
-     * Specifies the width of the component. [Deprecated] The `"half"` value is deprecated, use `"full"` instead.
-     *
-     * @default "auto"
-     */
-    width: Extract<Width, "auto" | "half" | "full">;
-    /**
-     * Sets focus on the component's first focusable element.
-     *
-     * @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 primary button is clicked. */
-    readonly calciteSplitButtonPrimaryClick: TargetedEvent<this, void>;
-    /** Fires when the dropdown menu is clicked. */
-    readonly calciteSplitButtonSecondaryClick: TargetedEvent<this, void>;
-}
+/**
+ * @cssproperty [--calcite-split-button-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-split-button-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-split-button-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-split-button-icon-color] - Specifies the component's `iconStart` and `iconEnd` color.
+ * @cssproperty [--calcite-split-button-loader-color] - Specifies the component's loader color.
+ * @cssproperty [--calcite-split-button-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-split-button-shadow] - Specifies the component's shadow.
+ * @cssproperty [--calcite-split-button-divider-border-color] - Specifies the component's divider border color.
+ * @cssproperty [--calcite-split-button-divider-color] - Specifies the component's divider color.
+ * @cssproperty [--calcite-split-button-dropdown-width] - Specifies the width of the component's dropdown.
+ * @cssproperty
+ * [--calcite-split-button-dropdown-background-color] - Specifies the component's dropdown background color.
+ * *
+ * @slot  - A slot for adding `calcite-dropdown` content.
+ */
+export abstract class SplitButton extends LitElement {
+  /**
+   * Specifies the appearance style of the component.
+   *
+   * @default "solid"
+   */
+  accessor appearance: Extract<"outline" | "outline-fill" | "solid" | "transparent", Appearance>;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
+   * Without a value, the browser will suggest a filename/extension.
+   *
+   * @default false
+   * @see [Global download attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download).
+   */
+  accessor download: string | boolean;
+  /**
+   * Specifies the icon used for the dropdown menu.
+   *
+   * @default "chevron"
+   */
+  accessor dropdownIconType: DropdownIconType;
+  /** Accessible name for the dropdown menu. */
+  accessor dropdownLabel: string;
+  /** Specifies the component's fallback `placement` for slotted content when it's initial or specified `placement` has insufficient space available. */
+  accessor flipPlacements: FlipPlacement[];
+  /** Specifies the URL of the linked resource, which can be set as an absolute or relative path. */
+  accessor href: string;
+  /**
+   * Specifies the kind of the component, which will apply to border and background, if applicable.
+   *
+   * @default "brand"
+   */
+  accessor kind: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
+  /**
+   * When `true`, a busy indicator is displayed on the primary button.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /**
+   * Specifies the type of positioning to use for overlaid content, where:
+   *
+   * `"absolute"` works for most cases - positioning the component inside of overflowing parent containers, which affects the container's layout, and
+   *
+   * `"fixed"` is used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+   *
+   * @default "absolute"
+   */
+  accessor overlayPositioning: OverlayPositioning;
+  /**
+   * Determines where the component will be positioned relative to the container element.
+   *
+   * @default "bottom-end"
+   */
+  accessor placement: MenuPlacement;
+  /** Specifies an icon to display at the end of the primary button. */
+  accessor primaryIconEnd: IconName;
+  /** Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
+  accessor primaryIconFlipRtl: FlipContext;
+  /** Specifies an icon to display at the start of the primary button. */
+  accessor primaryIconStart: IconName;
+  /** Accessible name for the primary button. */
+  accessor primaryLabel: string;
+  /** Text displayed in the primary button. */
+  accessor primaryText: string;
+  /**
+   * Defines the relationship between the `href` value and the current document.
+   *
+   * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+   */
+  accessor rel: string;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Specifies where to open the linked document defined in the `href` property.
+   *
+   * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+   */
+  accessor target: string;
+  /**
+   * 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 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's first focusable element.
+   *
+   * @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 primary button is clicked. */
+  readonly calciteSplitButtonPrimaryClick: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the dropdown menu is clicked. */
+  readonly calciteSplitButtonSecondaryClick: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteSplitButtonPrimaryClick: SplitButton["calciteSplitButtonPrimaryClick"]["detail"];
+    calciteSplitButtonSecondaryClick: SplitButton["calciteSplitButtonSecondaryClick"]["detail"];
+  };
+}

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

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
@@ -36,12 +36,13 @@ class SplitButton extends LitElement {
     this.overlayPositioning = "absolute";
     this.placement = "bottom-end";
     this.scale = "m";
+    this.topLayerDisabled = false;
     this.width = "auto";
     this.calciteSplitButtonPrimaryClick = createEvent({ cancelable: false });
     this.calciteSplitButtonSecondaryClick = createEvent({ cancelable: false });
   }
   static {
-    this.properties = { active: [7, {}, { reflect: true, type: Boolean }], appearance: [3, {}, { reflect: true }], disabled: [7, {}, { reflect: true, type: Boolean }], download: [3, { converter: stringOrBoolean }, { reflect: true }], dropdownIconType: [3, {}, { reflect: true }], dropdownLabel: [3, {}, { reflect: true }], flipPlacements: [0, {}, { attribute: false }], href: [3, {}, { reflect: true }], kind: [3, {}, { reflect: true }], loading: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], rel: [3, {}, { reflect: true }], placement: [3, {}, { reflect: true }], primaryIconEnd: [3, { type: String }, { reflect: true }], primaryIconFlipRtl: [3, {}, { reflect: true }], primaryIconStart: [3, { type: String }, { reflect: true }], primaryLabel: [3, {}, { reflect: true }], primaryText: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }], target: [3, {}, { reflect: true }], width: [3, {}, { reflect: true }] };
+    this.properties = { active: [7, {}, { reflect: true, type: Boolean }], appearance: [3, {}, { reflect: true }], disabled: [7, {}, { reflect: true, type: Boolean }], download: [3, { converter: stringOrBoolean }, { reflect: true }], dropdownIconType: [3, {}, { reflect: true }], dropdownLabel: [3, {}, { reflect: true }], flipPlacements: [0, {}, { attribute: false }], href: [3, {}, { reflect: true }], kind: [3, {}, { reflect: true }], loading: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], rel: [3, {}, { reflect: true }], placement: [3, {}, { reflect: true }], primaryIconEnd: [3, { type: String }, { reflect: true }], primaryIconFlipRtl: [3, {}, { reflect: true }], primaryIconStart: [3, { type: String }, { reflect: true }], primaryLabel: [3, {}, { reflect: true }], primaryText: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }], target: [3, {}, { reflect: true }], topLayerDisabled: [7, {}, { reflect: true, type: Boolean }], width: [3, {}, { reflect: true }] };
   }
   static {
     this.shadowRootOptions = { mode: "open", delegatesFocus: true };
@@ -63,7 +64,7 @@ class SplitButton extends LitElement {
   }
   render() {
     const buttonWidth = this.width === "auto" ? "auto" : "full";
-    return this.interactiveContainer({ disabled: this.disabled, children: html`<div class=${safeClassMap(CSS.container)}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .download=${this.download} .href=${this.href} .iconEnd=${this.primaryIconEnd ? this.primaryIconEnd : null} .iconFlipRtl=${this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null} .iconStart=${this.primaryIconStart ? this.primaryIconStart : null} .kind=${this.kind} .label=${this.primaryLabel} .loading=${this.loading} @click=${this.calciteSplitButtonPrimaryClickHandler} .rel=${this.rel} .scale=${this.scale} split-child=primary .target=${this.target} type=button .width=${buttonWidth}>${this.primaryText}</calcite-button><div class=${safeClassMap(CSS.dividerContainer)}><div class=${safeClassMap(CSS.divider)}></div></div><calcite-dropdown .disabled=${this.disabled} .flipPlacements=${this.flipPlacements} @click=${this.calciteSplitButtonSecondaryClickHandler} .open=${this.active} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} .scale=${this.scale} .widthScale=${this.scale}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .iconStart=${this.dropdownIcon} .kind=${this.kind} .label=${this.dropdownLabel} .scale=${this.scale} slot=${SLOTS.trigger} split-child=secondary type=button></calcite-button><slot></slot></calcite-dropdown></div>` });
+    return this.interactiveContainer({ disabled: this.disabled, children: html`<div class=${safeClassMap(CSS.container)}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .download=${this.download} .href=${this.href} .iconEnd=${this.primaryIconEnd ? this.primaryIconEnd : null} .iconFlipRtl=${this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null} .iconStart=${this.primaryIconStart ? this.primaryIconStart : null} .kind=${this.kind} .label=${this.primaryLabel} .loading=${this.loading} @click=${this.calciteSplitButtonPrimaryClickHandler} .rel=${this.rel} .scale=${this.scale} split-child=primary .target=${this.target} type=button .width=${buttonWidth}>${this.primaryText}</calcite-button><div class=${safeClassMap(CSS.dividerContainer)}><div class=${safeClassMap(CSS.divider)}></div></div><calcite-dropdown .disabled=${this.disabled} .flipPlacements=${this.flipPlacements} @click=${this.calciteSplitButtonSecondaryClickHandler} .open=${this.active} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} .widthScale=${this.scale}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .iconStart=${this.dropdownIcon} .kind=${this.kind} .label=${this.dropdownLabel} .scale=${this.scale} slot=${SLOTS.trigger} split-child=secondary type=button></calcite-button><slot></slot></calcite-dropdown></div>` });
   }
 }
 customElement("calcite-split-button", SplitButton);

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

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

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

@@ -1,18 +1,20 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
 /**
+ * @cssproperty [--calcite-stack-padding-inline] - Specifies the inline padding of the component's content.
+ * @cssproperty [--calcite-stack-padding-block] - Specifies the block padding of the component's content.
  * @slot  - A slot for adding content.
  * @slot [actions-start] - A slot for adding actionable `calcite-action` elements before the content of the component.
  * @slot [content-start] - A slot for adding non-actionable elements before content of the component.
  * @slot [content-end] - A slot for adding non-actionable elements after content of the component.
  * @slot [actions-end] - A slot for adding actionable `calcite-action` elements after the content of the component.
  */
-export declare class Stack extends LitElement {
-    /**
-     * When `true`, content interaction is prevented and displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-}
+export abstract class Stack extends LitElement {
+  /**
+   * When `true`, content interaction is prevented and displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+}

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

@@ -1,12 +1,12 @@
 /*! 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 { keyed } from "lit/directives/keyed.js";
 import { LitElement, safeClassMap } from "@arcgis/lumina";
-import { a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
-import { S as SLOTS, C as CSS } from "../../chunks/resources.js";
+import { s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
+import { S as SLOTS, C as CSS } from "../../chunks/resources7.js";
 const styles = css`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`;
 class Stack extends LitElement {
   constructor() {

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

@@ -1,67 +1,70 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale } from '../interfaces';
-import { NumberingSystem } from '../../utils/locale';
-import { StepperItem } from '../calcite-stepper-item/customElement.js';
-import { StepperItemChangeEventDetail, StepperLayout } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale } from "../interfaces.js";
+import type { NumberingSystem } from "../../utils/locale.js";
+import type { StepperItem } from "../calcite-stepper-item/customElement.js";
+import type { StepperLayout } from "./interfaces.js";
 
-/** @slot  - A slot for adding `calcite-stepper-item` elements. */
-export declare class Stepper extends LitElement {
-    /**
-     * When `true`, displays a status icon in the `calcite-stepper-item` heading.
-     *
-     * @default false
-     */
-    icon: boolean;
-    /**
-     * Defines the layout of the component.
-     *
-     * @default "horizontal"
-     */
-    layout: StepperLayout;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * When `true`, displays the step number in the `calcite-stepper-item` heading.
-     *
-     * @default false
-     */
-    numbered: boolean;
-    /** Specifies the Unicode numeral system used by the component for localization. */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** Specifies the component's selected item. */
-    readonly selectedItem: HTMLCalciteStepperItemElement;
-    /** Set the last `calcite-stepper-item` as active. */
-    endStep(): Promise<void>;
-    /**
-     * Set a specified `calcite-stepper-item` as active.
-     *
-     * @param step
-     * @param step
-     */
-    goToStep(step: number): Promise<void>;
-    /** Set the next `calcite-stepper-item` as active. */
-    nextStep(): Promise<void>;
-    /** Set the previous `calcite-stepper-item` as active. */
-    prevStep(): Promise<void>;
-    /** Set the first `calcite-stepper-item` as active. */
-    startStep(): Promise<void>;
-    /** Fires when the active `calcite-stepper-item` changes. */
-    readonly calciteStepperChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        label: string;
-        previousStep: string;
-        nextStep: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        label: string;
-        previousStep: string;
-        nextStep: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-stepper-bar-gap] - Specifies the space between items in the component.
+ * @cssproperty [--calcite-stepper-bar-inactive-fill-color] - Specifies the fill color of items in the component.
+ * @cssproperty [--calcite-stepper-bar-active-fill-color] - Specifies the fill color of active items in the component.
+ * @cssproperty [--calcite-stepper-bar-complete-fill-color] - Specifies the fill color of complete items in the component.
+ * @cssproperty [--calcite-stepper-bar-error-fill-color] - Specifies the fill color of error items in the component.
+ * @slot  - A slot for adding `calcite-stepper-item` elements.
+ */
+export abstract class Stepper extends LitElement {
+  /**
+   * When `true`, displays a status icon in the `calcite-stepper-item` heading.
+   *
+   * @default false
+   */
+  accessor icon: boolean;
+  /**
+   * Defines the layout of the component.
+   *
+   * @default "horizontal"
+   */
+  accessor layout: StepperLayout;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      label?: string;
+      previousStep?: string;
+      nextStep?: string;
+  };
+  /**
+   * When `true`, displays the step number in the `calcite-stepper-item` heading.
+   *
+   * @default false
+   */
+  accessor numbered: boolean;
+  /** Specifies the Unicode numeral system used by the component for localization. */
+  accessor numberingSystem: NumberingSystem | undefined;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** Specifies the component's selected item. */
+  get selectedItem(): StepperItem;
+  /** Set the last `calcite-stepper-item` as active. */
+  endStep(): Promise<void>;
+  /**
+   * Set a specified `calcite-stepper-item` as active.
+   *
+   * @param step
+   */
+  goToStep(step: number): Promise<void>;
+  /** Set the next `calcite-stepper-item` as active. */
+  nextStep(): Promise<void>;
+  /** Set the previous `calcite-stepper-item` as active. */
+  prevStep(): Promise<void>;
+  /** Set the first `calcite-stepper-item` as active. */
+  startStep(): Promise<void>;
+  /** Fires when the active `calcite-stepper-item` changes. */
+  readonly calciteStepperChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteStepperChange: Stepper["calciteStepperChange"]["detail"];
+  };
+}

package/dist/components/calcite-stepper/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 { svg, html, css, nothing } from "lit";
 import { safeClassMap, LitElement, createEvent } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { d as focusElementInGroup, s as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { f as focusElementInGroup, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { g as guid } from "../../chunks/guid.js";
 import { u as useT9n } from "../../chunks/useT9n.js";

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

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

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

@@ -1,10 +1 @@
-export interface StepperItemEventDetail {
-    position: number;
-}
-export interface StepperItemKeyEventDetail {
-    item: KeyboardEvent;
-}
-export interface StepperItemChangeEventDetail {
-    position: number;
-}
-export type StepperLayout = "horizontal" | "vertical" | "horizontal-single";
+export type StepperLayout = "horizontal" | "vertical" | "horizontal-single";