@esri/calcite-components 1.0.0-beta.84 → 1.0.0-beta.87

package/dist/types/components/input-number/resources.d.ts

@@ -0,0 +1,22 @@
+export declare const CSS: {
+  loader: string;
+  clearButton: string;
+  editingEnabled: string;
+  inlineChild: string;
+  inputIcon: string;
+  prefix: string;
+  suffix: string;
+  numberButtonWrapper: string;
+  buttonItemHorizontal: string;
+  wrapper: string;
+  inputWrapper: string;
+  actionWrapper: string;
+  resizeIconWrapper: string;
+  numberButtonItem: string;
+};
+export declare const SLOTS: {
+  action: string;
+};
+export declare const TEXT: {
+  clear: string;
+};

package/dist/types/components/input-time-picker/input-time-picker.d.ts

@@ -1,6 +1,6 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-import { PopperPlacement } from "../../utils/popper";
+import { LogicalPlacement } from "../../utils/floating-ui";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
@@ -11,7 +11,13 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   activeHandler(): void;
   /** The disabled state of the time input */
   disabled: boolean;
-  handleDisabledChange(value: boolean): void;
+  /**
+   * When true, still focusable but controls are gone and the value cannot be modified.
+   *
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
+  readOnly: boolean;
+  handleDisabledAndReadOnlyChange(value: boolean): void;
   /** aria-label for the hour input */
   intlHour?: string;
   /** aria-label for the hour down button */
@@ -56,9 +62,9 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   /**
    * Determines where the popover will be positioned relative to the input.
    *
-   * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
-  placement: PopperPlacement;
+  placement: LogicalPlacement;
   /** number (seconds) that specifies the granularity that the value must adhere to */
   step: number;
   /** The selected time in UTC (always 24-hour format) */
@@ -83,7 +89,6 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   private calciteInternalInputFocusHandler;
   private calciteInputInputHandler;
   clickHandler(event: MouseEvent): void;
-  keyUpHandler(event: KeyboardEvent): void;
   timePickerBlurHandler(event: CustomEvent): void;
   private timePickerChangeHandler;
   timePickerFocusHandler(event: CustomEvent): void;
@@ -91,7 +96,7 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   setFocus(): Promise<void>;
   /** Updates the position of the component. */
   reposition(): Promise<void>;
-  keyDownHandler: (event: KeyboardEvent) => void;
+  keyDownHandler: ({ defaultPrevented, key }: KeyboardEvent) => void;
   onLabelClick(): void;
   private shouldIncludeSeconds;
   private setCalcitePopoverEl;

package/dist/types/components/interfaces.d.ts

@@ -10,3 +10,4 @@ export declare type Status = "invalid" | "valid" | "idle";
 export declare type ThemeClass = "calcite-theme-light" | "calcite-theme-dark" | "calcite-theme-auto";
 export declare type ThemeName = "light" | "dark" | "auto";
 export declare type Width = "auto" | "half" | "full";
+export declare type DeprecatedEventPayload = any;

package/dist/types/components/loader/loader.d.ts

@@ -16,7 +16,11 @@ export declare class Loader {
   value: number;
   /** Text that displays under the component's indicator. */
   text?: string;
-  /** Disables spacing around the component. */
+  /**
+   * Disables spacing around the component.
+   *
+   * @deprecated Use `--calcite-loader-padding` CSS variable instead.
+   */
   noPadding: boolean;
   render(): VNode;
   /**

package/dist/types/components/modal/modal.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { ModalBackgroundColor } from "./interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * @slot header - A slot for adding header text.
  * @slot content - A slot for adding the component's content.
@@ -9,7 +10,7 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  * @slot secondary - A slot for adding a secondary button.
  * @slot back - A slot for adding a back button.
  */
-export declare class Modal implements ConditionalSlotComponent {
+export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent {
   el: HTMLCalciteModalElement;
   /**
    * When true, the `calcite-modal` is active.
@@ -44,7 +45,11 @@ export declare class Modal implements ConditionalSlotComponent {
   color?: "red" | "blue";
   /** Sets the background color of the component's content. */
   backgroundColor: ModalBackgroundColor;
-  /** When true, disables spacing to the content area slot. */
+  /**
+   * When true, disables spacing to the content area slot.
+   *
+   * @deprecated  Use `--calcite-modal-padding` CSS variable instead.
+   */
   noPadding: boolean;
   componentWillLoad(): void;
   connectedCallback(): void;
@@ -61,11 +66,16 @@ export declare class Modal implements ConditionalSlotComponent {
   previousActiveElement: HTMLElement;
   titleId: string;
   private activeTransitionProp;
-  handleEscape(e: KeyboardEvent): void;
-  /** Emits when the component finishes the open animation. */
-  calciteModalOpen: EventEmitter;
-  /** Emits when the component finishes the close animation. */
-  calciteModalClose: EventEmitter;
+  private containerEl;
+  handleEscape(event: KeyboardEvent): void;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calciteModalBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calciteModalClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calciteModalBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calciteModalOpen: EventEmitter<void>;
   /**
    * Focus the first interactive element.
    *
@@ -89,6 +99,12 @@ export declare class Modal implements ConditionalSlotComponent {
    * @param left
    */
   scrollContent(top?: number, left?: number): Promise<void>;
+  private setContainerEl;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   toggleModal(value: boolean, oldValue: boolean): Promise<void>;
   private openEnd;

package/dist/types/components/notice/notice.d.ts

@@ -16,13 +16,30 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  */
 export declare class Notice implements ConditionalSlotComponent {
   el: HTMLCalciteNoticeElement;
-  /** When true, the component is active. */
+  /**
+   * When true, the component is active.
+   *
+   * @deprecated Use open instead.
+   */
   active: boolean;
+  activeHandler(value: boolean): void;
+  /** When true, the component is visible */
+  open: boolean;
+  openHandler(value: boolean): void;
   /** The color for the component's top border and icon. */
   color: StatusColor;
-  /** When true, a close button is added to the component. */
+  /**
+   * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
+   */
   dismissible?: boolean;
-  /** Specifies an icon to display - accepts Calcite UI icon names. */
+  /** When true, displays a button user can click to dismiss the `calcite-notice` */
+  closable?: boolean;
+  /**
+   * When present, shows a default recommended icon. You can
+   * also pass a calcite-ui-icon name to display a requested icon.
+   */
   icon: string | boolean;
   /**
    * Accessible name for the close button.
@@ -40,9 +57,9 @@ export declare class Notice implements ConditionalSlotComponent {
   componentWillLoad(): void;
   render(): VNode;
   /** Fired when the component is closed. */
-  calciteNoticeClose: EventEmitter;
+  calciteNoticeClose: EventEmitter<void>;
   /** Fired when the component is opened. */
-  calciteNoticeOpen: EventEmitter;
+  calciteNoticeOpen: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   private close;

package/dist/types/components/panel/panel.d.ts

@@ -16,9 +16,14 @@ import { InteractiveComponent } from "../../utils/interactive";
 export declare class Panel implements ConditionalSlotComponent, InteractiveComponent {
   /**
    * When true, hides the component.
+   *
+   * @deprecated use closed instead
    */
   dismissed: boolean;
-  dismissedHandler(): void;
+  /** When true, panel will be hidden */
+  closed: boolean;
+  dismissedHandler(value: boolean): void;
+  closedHandler(value: boolean): void;
   /**
    * When provided, this method will be called before it is removed from the parent flow.
    */
@@ -29,8 +34,14 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   disabled: boolean;
   /**
    * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
    */
   dismissible: boolean;
+  dismissibleHandler(value: boolean): void;
+  /** When true, displays a close button in the trailing side of the header */
+  closable: boolean;
+  closableHandler(value: boolean): void;
   /**
    * Specifies the number at which section headings should start.
    */
@@ -82,7 +93,7 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   componentDidRender(): void;
   el: HTMLCalcitePanelElement;
   backButtonEl: HTMLCalciteActionElement;
-  dismissButtonEl: HTMLCalciteActionElement;
+  closeButtonEl: HTMLCalciteActionElement;
   containerEl: HTMLElement;
   panelScrollEl: HTMLElement;
   resizeObserver: ResizeObserver;
@@ -91,27 +102,27 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   /**
    * Fires when the close button is clicked.
    */
-  calcitePanelDismiss: EventEmitter;
+  calcitePanelDismiss: EventEmitter<void>;
   /**
-   * Fires when the close button is clicked.
+   * Fires when there is a change to the `dismissed` property value .
    *
    * @deprecated use calcitePanelDismiss instead.
    */
-  calcitePanelDismissedChange: EventEmitter;
+  calcitePanelDismissedChange: EventEmitter<void>;
   /**
    * Fires when the content is scrolled.
    */
-  calcitePanelScroll: EventEmitter;
+  calcitePanelScroll: EventEmitter<void>;
   /**
    * Fires when the back button is clicked.
    */
-  calcitePanelBackClick: EventEmitter;
+  calcitePanelBackClick: EventEmitter<void>;
   resizeHandler: () => void;
   setContainerRef: (node: HTMLElement) => void;
-  setDismissRef: (node: HTMLCalciteActionElement) => void;
+  setCloseRef: (node: HTMLCalciteActionElement) => void;
   setBackRef: (node: HTMLCalciteActionElement) => void;
   panelKeyDownHandler: (event: KeyboardEvent) => void;
-  dismiss: () => void;
+  close: () => void;
   panelScrollHandler: () => void;
   backButtonClick: () => void;
   /**

package/dist/types/components/pick-list/shared-list-logic.d.ts

@@ -13,6 +13,7 @@ export declare function calciteInternalListItemValueChangeHandler<T extends List
 export declare function calciteListFocusOutHandler<T extends Lists>(this: List<T>, event: FocusEvent): void;
 export declare function keyDownHandler<T extends Lists>(this: List<T>, event: KeyboardEvent): void;
 export declare function moveItemIndex<T extends Lists>(list: List<T>, item: ListItemElement<T>, direction: "up" | "down"): number;
+export declare function getItemIndex<T extends Lists>(list: List<T>, item: ListItemElement<T>): number;
 export declare function internalCalciteListChangeEvent<T extends Lists>(this: List<T>): void;
 export declare function removeItem<T extends Lists, U extends ListItemElement<T>>(this: List<T>, event: CustomEvent): void;
 export declare function setFocus<T extends Lists>(this: List<T>, focusId: ListFocusId): Promise<void>;

package/dist/types/components/pick-list/shared-list-render.d.ts

@@ -11,6 +11,8 @@ interface ListProps extends DOMAttributes<any> {
   filterPlaceholder: string;
   el: HTMLCalcitePickListElement | HTMLCalciteValueListElement;
   setFilterEl: (el: HTMLCalciteFilterElement) => void;
+  dragEnabled?: boolean;
+  storeAssistiveEl?: (el: HTMLSpanElement) => void;
 }
 export declare const List: FunctionalComponent<{
   props: ListProps;

package/dist/types/components/popover/PopoverManager.d.ts

@@ -1,4 +1,4 @@
-import { ReferenceElement } from "../../utils/popper";
+import { ReferenceElement } from "../../utils/floating-ui";
 export default class PopoverManager {
   private registeredElements;
   private registeredElementCount;

package/dist/types/components/popover/popover.d.ts

@@ -1,11 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { PopperPlacement, OverlayPositioning, ComputedPlacement, ReferenceElement } from "../../utils/popper";
-import { StrictModifiers, Instance as Popper } from "@popperjs/core";
+import { OverlayPositioning, FloatingUIComponent, LogicalPlacement, EffectivePlacement, ReferenceElement } from "../../utils/floating-ui";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { HeadingLevel } from "../functional/Heading";
 /**
  * @slot - A slot for adding custom content.
  */
-export declare class Popover {
+export declare class Popover implements FloatingUIComponent, OpenCloseComponent {
   /**
    * When true and clicking outside of the component, automatically closes open `calcite-popover`s.
    */
@@ -18,8 +18,12 @@ export declare class Popover {
   closeButton: boolean;
   /**
    * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
    */
   dismissible: boolean;
+  /** When true, display a close button within the Popover */
+  closable: boolean;
   /**
    * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
    */
@@ -31,7 +35,7 @@ export declare class Popover {
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: ComputedPlacement[];
+  flipPlacements?: EffectivePlacement[];
   flipPlacementsHandler(): void;
   /**
    * The component header text.
@@ -62,12 +66,13 @@ export declare class Popover {
   openHandler(): void;
   /** Describes the positioning type to use for the overlaid content. If the element is in a fixed container, use the "fixed" value. */
   overlayPositioning: OverlayPositioning;
+  overlayPositioningHandler(): void;
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.
    *
-   * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
-  placement: PopperPlacement;
+  placement: LogicalPlacement;
   placementHandler(): void;
   /**
    *  The `referenceElement` used to position the component according to its "placement" value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
@@ -84,22 +89,27 @@ export declare class Popover {
    * @default "Close"
    */
   intlClose: string;
-  filteredFlipPlacements: ComputedPlacement[];
+  filteredFlipPlacements: EffectivePlacement[];
   el: HTMLCalcitePopoverElement;
   effectiveReferenceElement: ReferenceElement;
-  popper: Popper;
   arrowEl: HTMLDivElement;
   closeButtonEl: HTMLCalciteActionElement;
   guid: string;
   private activeTransitionProp;
+  private containerEl;
+  private setContainerEl;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
-  /** Fired when the component is closed. */
-  calcitePopoverClose: EventEmitter;
-  /** Fired when the component is opened. */
-  calcitePopoverOpen: EventEmitter;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calcitePopoverBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calcitePopoverClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calcitePopoverBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calcitePopoverOpen: EventEmitter<void>;
   /** Updates the position of the component. */
   reposition(): Promise<void>;
   /**
@@ -121,11 +131,14 @@ export declare class Popover {
   addReferences: () => void;
   removeReferences: () => void;
   getReferenceElement(): ReferenceElement;
-  getModifiers(): Partial<StrictModifiers>[];
-  createPopper(): void;
-  destroyPopper(): void;
   hide: () => void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
+  storeArrowEl: (el: HTMLDivElement) => void;
   renderCloseButton(): VNode;
   renderHeader(): VNode;
   render(): VNode;

package/dist/types/components/radio-button/radio-button.d.ts

@@ -67,27 +67,27 @@ export declare class RadioButton implements LabelableComponent, CheckableFormCom
    *
    * @internal
    */
-  calciteInternalRadioButtonBlur: EventEmitter;
+  calciteInternalRadioButtonBlur: EventEmitter<void>;
   /**
    * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.
    * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event
    * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group
    * or use the calciteRadioButtonGroupChange event if using this with calcite-radio-button-group.
    */
-  calciteRadioButtonChange: EventEmitter;
+  calciteRadioButtonChange: EventEmitter<void>;
   /**
    * Fires when the checked property changes.  This is an internal event used for styling purposes only.
    * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.
    *
    * @internal
    */
-  calciteInternalRadioButtonCheckedChange: EventEmitter;
+  calciteInternalRadioButtonCheckedChange: EventEmitter<void>;
   /**
    * Fires when the radio button is focused.
    *
    * @internal
    */
-  calciteInternalRadioButtonFocus: EventEmitter;
+  calciteInternalRadioButtonFocus: EventEmitter<void>;
   mouseenter(): void;
   mouseleave(): void;
   handleKeyDown: (event: KeyboardEvent) => void;

package/dist/types/components/radio-button-group/radio-button-group.d.ts

@@ -28,7 +28,7 @@ export declare class RadioButtonGroup {
   /**
    * Emitted when the radio button group has changed.
    */
-  calciteRadioButtonGroupChange: EventEmitter;
+  calciteRadioButtonGroupChange: EventEmitter<void>;
   radioButtonChangeHandler(event: CustomEvent): void;
   render(): VNode;
 }

package/dist/types/components/radio-group-item/radio-group-item.d.ts

@@ -21,5 +21,5 @@ export declare class RadioGroupItem {
    *
    * @internal
    */
-  calciteInternalRadioGroupItemChange: EventEmitter;
+  calciteInternalRadioGroupItemChange: EventEmitter<void>;
 }

package/dist/types/components/shell-panel/shell-panel.d.ts

@@ -55,7 +55,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
    *
    * @deprecated use a resizeObserver on the shell-panel to listen for changes to its size.
    */
-  calciteShellPanelToggle: EventEmitter;
+  calciteShellPanelToggle: EventEmitter<void>;
   renderHeader(): VNode;
   render(): VNode;
   setContentWidth(width: number): void;

package/dist/types/components/slider/slider.d.ts

@@ -84,13 +84,13 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * expensive operations consider using a debounce or throttle to avoid
    * locking up the main thread.
    */
-  calciteSliderInput: EventEmitter;
+  calciteSliderInput: EventEmitter<void>;
   /**
    * Fires on when the thumb is released on slider
    * If you need to constantly listen to the drag event,
    * please use calciteSliderInput instead
    */
-  calciteSliderChange: EventEmitter;
+  calciteSliderChange: EventEmitter<void>;
   /**
    * Fires on all updates to the slider.
    * :warning: Will be fired frequently during drag. If you are performing any
@@ -99,7 +99,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    *
    * @deprecated use calciteSliderInput instead
    */
-  calciteSliderUpdate: EventEmitter;
+  calciteSliderUpdate: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   labelEl: HTMLCalciteLabelElement;

package/dist/types/components/sortable-list/sortable-list.d.ts

@@ -43,7 +43,7 @@ export declare class SortableList implements InteractiveComponent {
   /**
    * Emitted when the order of the list has changed.
    */
-  calciteListOrderChange: EventEmitter;
+  calciteListOrderChange: EventEmitter<void>;
   calciteHandleNudgeHandler(event: CustomEvent): void;
   setUpDragAndDrop(): void;
   cleanUpDragAndDrop(): void;

package/dist/types/components/split-button/split-button.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ButtonAppearance, ButtonColor, DropdownIconType } from "../button/interfaces";
-import { FlipContext, Scale, Width } from "../interfaces";
-import { OverlayPositioning } from "../../utils/popper";
+import { DeprecatedEventPayload, FlipContext, Scale, Width } from "../interfaces";
+import { OverlayPositioning } from "../../utils/floating-ui";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding `calcite-dropdown` content.
@@ -47,10 +47,18 @@ export declare class SplitButton implements InteractiveComponent {
   scale: Scale;
   /** specify the width of the button, defaults to auto */
   width: Width;
-  /** fired when the primary button is clicked */
-  calciteSplitButtonPrimaryClick: EventEmitter;
-  /** fired when the secondary button is clicked */
-  calciteSplitButtonSecondaryClick: EventEmitter;
+  /**
+   * fired when the primary button is clicked
+   *
+   * **Note:** The event payload is deprecated, please use separate mouse event listeners to get info about click.
+   */
+  calciteSplitButtonPrimaryClick: EventEmitter<DeprecatedEventPayload>;
+  /**
+   * fired when the secondary button is clicked
+   *
+   * **Note:** The event payload is deprecated, please use separate mouse event listeners to get info about click.
+   */
+  calciteSplitButtonSecondaryClick: EventEmitter<DeprecatedEventPayload>;
   componentDidRender(): void;
   render(): VNode;
   private calciteSplitButtonPrimaryClickHandler;

package/dist/types/components/stepper/interfaces.d.ts

@@ -1,6 +1,5 @@
 export interface StepperItemEventDetail {
   position: number;
-  content: Node[];
 }
 export interface StepperItemKeyEventDetail {
   item: KeyboardEvent;

package/dist/types/components/stepper/stepper.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
-import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./interfaces";
+import { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from "./interfaces";
 /**
  * @slot - A slot for adding `calcite-stepper-item`s.
  */
@@ -14,9 +14,6 @@ export declare class Stepper {
   numbered: boolean;
   /** specify the scale of stepper, defaults to m */
   scale: Scale;
-  /** @internal */
-  requestedContent: Node[];
-  contentWatcher(): void;
   /**
    * This event fires when the active stepper item has changed.
    *
@@ -29,11 +26,10 @@ export declare class Stepper {
    */
   calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
   componentDidLoad(): void;
-  componentWillLoad(): void;
   render(): VNode;
-  calciteInternalStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
-  registerItem(event: CustomEvent<StepperItemEventDetail>): void;
-  updateItem(event: CustomEvent<StepperItemEventDetail>): void;
+  calciteInternalStepperItemKeyEvent(event: CustomEvent<StepperItemKeyEventDetail>): void;
+  registerItem(event: CustomEvent): void;
+  updateItem(event: CustomEvent): void;
   handleUserRequestedStepperItemSelect(event: CustomEvent<StepperItemChangeEventDetail>): void;
   /** set the next step as active */
   nextStep(): Promise<void>;
@@ -56,18 +52,13 @@ export declare class Stepper {
   private enabledItems;
   /** keep track of the currently active item position */
   private currentPosition;
-  /** the container where we place horizontal layout step content */
-  private stepperContentContainer;
   private getEnabledStepIndex;
-  private addHorizontalContentContainer;
   private updateStep;
   private focusFirstItem;
   private focusLastItem;
   private focusNextItem;
   private focusPrevItem;
   private itemIndex;
-  private focusElement;
   private sortItems;
   private filterItems;
-  private updateContent;
 }

package/dist/types/components/stepper-item/stepper-item.d.ts

@@ -45,6 +45,7 @@ export declare class StepperItem implements InteractiveComponent {
   scale: Scale;
   disabledWatcher(): void;
   activeWatcher(active: boolean): void;
+  headerEl: HTMLDivElement;
   /**
    * @internal
    */
@@ -65,12 +66,11 @@ export declare class StepperItem implements InteractiveComponent {
   componentDidRender(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
+  setFocus(): Promise<void>;
   /** position within parent */
   private itemPosition;
   /** the latest requested item position*/
   private activePosition;
-  /** the slotted item content */
-  private itemContent;
   /** the parent stepper component */
   private parentStepperEl;
   private keyDownHandler;

package/dist/types/components/switch/switch.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
+import { DeprecatedEventPayload, Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { CheckableFormCompoment } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
@@ -31,15 +31,17 @@ export declare class Switch implements LabelableComponent, CheckableFormCompomen
   defaultChecked: boolean;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  keyDownHandler: (e: KeyboardEvent) => void;
+  keyDownHandler: (event: KeyboardEvent) => void;
   onLabelClick(): void;
   private toggle;
   private clickHandler;
   private setSwitchEl;
   /**
    * Fires when the checked value has changed.
+   *
+   * **Note:** The event payload is deprecated, please use the `checked` property on the component instead
    */
-  calciteSwitchChange: EventEmitter;
+  calciteSwitchChange: EventEmitter<DeprecatedEventPayload>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;