@esri/calcite-components 1.3.0-next.8 → 1.3.0

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.8
+ * v1.3.0
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.8
+ * v1.3.0
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.8
+ * v1.3.0
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.8
+ * v1.3.0
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

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

@@ -1,15 +1,19 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Appearance, Kind, Scale, SelectionMode } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { LoadableComponent } from "../../utils/loadable";
-import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
-import { Appearance, Kind, Scale } from "../interfaces";
+import { InteractiveComponent } from "../../utils/interactive";
+import { LocalizedComponent } from "../../utils/locale";
 import { ChipMessages } from "./assets/chip/t9n";
 /**
  * @slot - A slot for adding text.
  * @slot image - A slot for adding an image.
  */
-export declare class Chip implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent {
+export declare class Chip implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
+  el: HTMLCalciteChipElement;
+  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  disabled: boolean;
   /** Specifies the appearance style of the component. */
   appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
   /** Specifies the kind of the component (will apply to border and background if applicable). */
@@ -22,10 +26,21 @@ export declare class Chip implements ConditionalSlotComponent, LoadableComponent
   iconFlipRtl: boolean;
   /** Specifies the size of the component. */
   scale: Scale;
+  /** Accessible name for the component. */
+  label: string;
   /** The component's value. */
   value: any;
   /** When `true`, hides the component. */
   closed: boolean;
+  /**
+   * This internal property, managed by a containing `calcite-chip-group`, is
+   * conditionally set based on the `selectionMode` of the parent
+   *
+   * @internal
+   */
+  selectionMode: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
+  /** When true, the component is selected.  */
+  selected: boolean;
   /**
    * Use this property to override individual strings used by the component.
    */
@@ -37,32 +52,52 @@ export declare class Chip implements ConditionalSlotComponent, LoadableComponent
    */
   messages: ChipMessages;
   onMessagesChange(): void;
-  el: HTMLCalciteChipElement;
+  /**
+   * When true, enables the chip to be focused, and allows the `calciteChipSelect` to emit.
+   * This is set to `true` by a parent Chip Group component.
+   *
+   * @internal
+   */
+  interactive: boolean;
   defaultMessages: ChipMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
+  private hasText;
+  private hasImage;
+  private containerEl;
+  private closeButtonEl;
+  private parentGroupEl;
+  private mutationObserver;
+  /**
+   * Fires when the component's close button is selected.
+   */
+  calciteChipClose: EventEmitter<void>;
+  /**
+   * Fires when the selected state of the component changes.
+   */
+  calciteChipSelect: EventEmitter<void>;
+  /**
+   * @internal
+   */
+  calciteInternalChipKeyEvent: EventEmitter<KeyboardEvent>;
   connectedCallback(): void;
   componentDidLoad(): void;
+  componentDidRender(): void;
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
-  /** When `closable` is `true`, sets focus on the component's "close" button (the first focusable item). */
+  keyDownHandler(event: KeyboardEvent): void;
+  clickHandler(): void;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  /**
-   * Fires when the close button is clicked.
-   */
-  calciteChipClose: EventEmitter<void>;
-  closeClickHandler: (event: MouseEvent) => void;
-  private updateHasContent;
+  private close;
+  private closeButtonKeyDownHandler;
+  private updateHasText;
   private setupTextContentObserver;
   private handleSlotImageChange;
-  /** watches for changing text content */
-  private mutationObserver;
-  private closeButton;
-  private guid;
-  /** determine if there is slotted content for styling purposes */
-  private hasContent;
-  /** determine if there is slotted image for styling purposes */
-  private hasImage;
+  private handleEmittingEvent;
   renderChipImage(): VNode;
+  renderSelectionIcon(): VNode;
+  renderCloseButton(): VNode;
+  renderIcon(): VNode;
   render(): VNode;
 }

package/dist/types/components/chip/resources.d.ts

@@ -3,14 +3,23 @@ export declare const CSS: {
   close: string;
   imageContainer: string;
   chipIcon: string;
-  closeIcon: string;
-  contentSlotted: string;
+  textSlotted: string;
   container: string;
   imageSlotted: string;
+  closable: string;
+  multiple: string;
+  selectable: string;
+  selectIcon: string;
+  selectIconActive: string;
+  nonInteractive: string;
+  isCircle: string;
 };
 export declare const SLOTS: {
   image: string;
 };
 export declare const ICONS: {
   close: string;
+  unchecked: string;
+  checkedSingle: string;
+  checked: string;
 };

package/dist/types/components/chip-group/chip-group.d.ts

@@ -0,0 +1,44 @@
+import { VNode, EventEmitter } from "../../stencil-public-runtime";
+import { InteractiveComponent } from "../../utils/interactive";
+import { Scale, SelectionMode } from "../interfaces";
+/**
+ * @slot - A slot for adding one or more `calcite-chip`s.
+ */
+export declare class ChipGroup implements InteractiveComponent {
+  el: HTMLCalciteChipGroupElement;
+  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  disabled: boolean;
+  /** Accessible name for the component. */
+  label: string;
+  /** Specifies the size of the component. */
+  scale: Scale;
+  /** Specifies the selection mode of the component. */
+  selectionMode: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
+  onSelectionModeChange(): void;
+  /**
+   * Specifies the component's selected items.
+   *
+   * @readonly
+   */
+  selectedItems: HTMLCalciteChipElement[];
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
+  private items;
+  private slotRefEl;
+  /** Emits when the component's selection changes. */
+  calciteChipGroupSelect: EventEmitter<void>;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
+  calciteInternalChipKeyEventListener(event: CustomEvent): void;
+  calciteChipCloseListener(event: CustomEvent): void;
+  calciteChipSelectListener(event: CustomEvent): void;
+  /**
+   * Sets focus on the component's first focusable element.
+   */
+  setFocus(): Promise<void>;
+  private updateItems;
+  private setSelectedItems;
+  render(): VNode;
+}

package/dist/types/components/date-picker-day/date-picker-day.d.ts

@@ -21,6 +21,12 @@ export declare class DatePickerDay implements InteractiveComponent {
   highlighted: boolean;
   /** When `true`, activates the component's range mode to allow a start and end date. */
   range: boolean;
+  /**
+   * When `true`, highlight styling for edge dates is applied.
+   *
+   * @internal
+   */
+  rangeEdge: "start" | "end" | undefined;
   /** Date is the start of date range */
   startOfRange: boolean;
   /** Date is the end of date range */
@@ -35,7 +41,7 @@ export declare class DatePickerDay implements InteractiveComponent {
   value: Date;
   onClick: () => void;
   keyDownHandler: (event: KeyboardEvent) => void;
-  mouseoverHandler(): void;
+  pointerOverHandler(): void;
   /**
    * Emitted when user selects day
    */

package/dist/types/components/date-picker-month/date-picker-month.d.ts

@@ -60,7 +60,7 @@ export declare class DatePickerMonth {
    * disable auto focusing of active date
    */
   disableActiveFocus: () => void;
-  mouseoutHandler(): void;
+  pointerOutHandler(): void;
   render(): VNode;
   private activeFocus;
   /**
@@ -122,11 +122,18 @@ export declare class DatePickerMonth {
   /**
    * Render calcite-date-picker-day
    *
+   * @param active.active
    * @param active
    * @param day
+   * @param dayInWeek
    * @param date
    * @param currentMonth
    * @param ref
+   * @param active.currentMonth
+   * @param active.date
+   * @param active.day
+   * @param active.dayInWeek
+   * @param active.ref
    */
   private renderDateDay;
   private isFocusedOnStart;

package/dist/types/components/date-picker-month-header/date-picker-month-header.d.ts

@@ -39,7 +39,6 @@ export declare class DatePickerMonthHeader {
   connectedCallback(): void;
   render(): VNode;
   renderContent(): VNode;
-  globalAttributes: {};
   private yearInput;
   private parentDatePickerEl;
   nextMonthDate: Date;

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

@@ -102,8 +102,8 @@ export declare class Dropdown implements InteractiveComponent, LoadableComponent
   closeCalciteDropdownOnClick(event: PointerEvent): void;
   closeCalciteDropdownOnEvent(event: Event): void;
   closeCalciteDropdownOnOpenEvent(event: Event): void;
-  mouseEnterHandler(): void;
-  mouseLeaveHandler(): void;
+  pointerEnterHandler(): void;
+  pointerLeaveHandler(): void;
   calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void;
   handleItemSelect(event: CustomEvent<RequestedItem>): void;
   filteredFlipPlacements: EffectivePlacement[];

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

@@ -192,6 +192,12 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   type: "color" | "date" | "datetime-local" | "email" | "file" | "image" | "month" | "number" | "password" | "search" | "tel" | "text" | "textarea" | "time" | "url" | "week";
   /** The component's value. */
   value: string;
+  /**
+   * When `type` is `"file"`, specifies the component's selected files.
+   *
+   * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files
+   */
+  files: FileList | undefined;
   /**
    * Made into a prop for testing purposes only
    *
@@ -227,9 +233,9 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private nudgeNumberValueIntervalId;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private userChangedValue;
+  defaultMessages: InputMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
-  defaultMessages: InputMessages;
   localizedValue: string;
   slottedActionElDisabledInternally: boolean;
   connectedCallback(): void;
@@ -268,6 +274,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private inputBlurHandler;
   private clickHandler;
   private inputFocusHandler;
+  private inputChangeHandler;
   private inputInputHandler;
   private inputKeyDownHandler;
   private inputNumberInputHandler;

package/dist/types/components/input-date-picker/assets/input-date-picker/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type InputDatePickerMessages = {
+  chooseDate: string;
+};

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

@@ -8,12 +8,21 @@ import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { DatePickerMessages } from "../date-picker/assets/date-picker/t9n";
 import { HeadingLevel } from "../functional/Heading";
-export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent, FloatingUIComponent, LocalizedComponent, LoadableComponent {
+import { T9nComponent } from "../../utils/t9n";
+import { InputDatePickerMessages } from "./assets/input-date-picker/t9n";
+import { FocusTrapComponent } from "../../utils/focusTrapComponent";
+import { FocusTrap } from "focus-trap";
+export declare class InputDatePicker implements FloatingUIComponent, FocusTrapComponent, FormComponent, InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, OpenCloseComponent, T9nComponent {
   el: HTMLCalciteInputDatePickerElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
+  /**
+   * When `true`, prevents focus trapping.
+   */
+  focusTrapDisabled: boolean;
+  handleFocusTrapDisabled(focusTrapDisabled: boolean): void;
   /**
    * The ID of the form that will be associated with the component.
    *
@@ -42,6 +51,17 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   headingLevel: HeadingLevel;
   /** The component's value as a full date object. */
   valueAsDate: Date | Date[];
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<InputDatePickerMessages & DatePickerMessages>;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: InputDatePickerMessages;
+  onMessagesChange(): void;
   /** Specifies the earliest allowed date as a full date object. */
   minAsDate: Date;
   /** Specifies the latest allowed date as a full date object. */
@@ -99,10 +119,6 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   proximitySelectionDisabled: boolean;
   /** Defines the layout of the component. */
   layout: "horizontal" | "vertical";
-  /**
-   * Use this property to override individual strings used by the component.
-   */
-  messageOverrides: Partial<DatePickerMessages>;
   calciteDaySelectHandler(): void;
   private calciteInternalInputInputHandler;
   private calciteInternalInputBlurHandler;
@@ -132,14 +148,20 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   disconnectedCallback(): void;
   componentDidRender(): void;
   render(): VNode;
+  renderToggleIcon(open: boolean): VNode;
+  private datePickerEl;
+  private dialogId;
   filteredFlipPlacements: EffectivePlacement[];
+  private focusOnOpen;
+  focusTrap: FocusTrap;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: InputDatePicker["value"];
   datePickerActiveDate: Date;
+  defaultMessages: InputDatePickerMessages;
   effectiveLocale: string;
   focusedInput: "start" | "end";
-  globalAttributes: {};
+  private lastBlurredInput;
   private localeData;
   private startInput;
   private endInput;
@@ -152,6 +174,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   transitionEl: HTMLDivElement;
   setReferenceEl(): void;
   private valueAsDateChangedExternally;
+  private onInputWrapperClick;
   setFilteredPlacements: () => void;
   private setTransitionEl;
   onLabelClick(): void;
@@ -165,10 +188,12 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private commitValue;
   keyDownHandler: (event: KeyboardEvent) => void;
   startInputFocus: () => void;
+  startEndInputFocus: (event: FocusEvent) => void;
   endInputFocus: () => void;
   setFloatingEl: (el: HTMLDivElement) => void;
   setStartWrapper: (el: HTMLDivElement) => void;
   setEndWrapper: (el: HTMLDivElement) => void;
+  setDatePickerRef: (el: HTMLCalciteDatePickerElement) => void;
   private loadLocaleData;
   /**
    * Event handler for when the selected date changes
@@ -179,6 +204,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private shouldFocusRangeStart;
   private shouldFocusRangeEnd;
   private handleDateRangeChange;
+  private restoreInputFocus;
   private localizeInputValues;
   private setInputValue;
   private setRangeValue;

package/dist/types/components/input-date-picker/resources.d.ts

@@ -1,4 +1,5 @@
 export declare const CSS: {
   menu: string;
   menuActive: string;
+  toggleIcon: string;
 };

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

@@ -0,0 +1,3 @@
+export type InputTimePickerMessages = {
+  chooseTime: string;
+};

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

@@ -5,15 +5,24 @@ import { InteractiveComponent } from "../../utils/interactive";
 import { LabelableComponent } from "../../utils/label";
 import { LoadableComponent } from "../../utils/loadable";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+import { FocusTrapComponent } from "../../utils/focusTrapComponent";
+import { FocusTrap } from "focus-trap";
 import { Scale } from "../interfaces";
 import { TimePickerMessages } from "../time-picker/assets/time-picker/t9n";
-export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent, FloatingUIComponent, LocalizedComponent, LoadableComponent {
+import { T9nComponent } from "../../utils/t9n";
+import { InputTimePickerMessages } from "./assets/input-time-picker/t9n";
+export declare class InputTimePicker implements FloatingUIComponent, FocusTrapComponent, FormComponent, InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   el: HTMLCalciteInputTimePickerElement;
   /** When `true`, displays the `calcite-time-picker` component. */
   open: boolean;
   openHandler(value: boolean): void;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
+  /**
+   * When `true`, prevents focus trapping.
+   */
+  focusTrapDisabled: boolean;
+  handleFocusTrapDisabled(focusTrapDisabled: boolean): void;
   /**
    * The ID of the form that will be associated with the component.
    *
@@ -30,7 +39,14 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   /**
    * Use this property to override individual strings used by the component.
    */
-  messagesOverrides: Partial<TimePickerMessages>;
+  messageOverrides: Partial<InputTimePickerMessages & TimePickerMessages>;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: InputTimePickerMessages;
+  onMessagesChange(): void;
   /** Specifies the name of the component on form submission. */
   name: string;
   /**
@@ -63,16 +79,20 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   /** The component's value in UTC (always 24-hour format). */
   value: string;
   valueWatcher(newValue: string): void;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
   defaultValue: InputTimePicker["value"];
+  formEl: HTMLFormElement;
+  labelEl: HTMLCalciteLabelElement;
+  popoverEl: HTMLCalcitePopoverElement;
   private calciteInputEl;
   private calciteTimePickerEl;
+  private focusOnOpen;
+  focusTrap: FocusTrap;
+  private dialogId;
   /** whether the value of the input was changed as a result of user typing or not */
   private internalValueChange;
   private previousValidValue;
   private referenceElementId;
-  popoverEl: HTMLCalcitePopoverElement;
+  defaultMessages: InputTimePickerMessages;
   effectiveLocale: string;
   valueRelatedPropChange(): void;
   localizedValue: string;
@@ -83,10 +103,7 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   private calciteInternalInputBlurHandler;
   private calciteInternalInputFocusHandler;
   private calciteInputInputHandler;
-  clickHandler(event: MouseEvent): void;
-  timePickerBlurHandler(event: CustomEvent): void;
   private timePickerChangeHandler;
-  timePickerFocusHandler(event: CustomEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /**
@@ -95,6 +112,8 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
    * @param delayed
    */
   reposition(delayed?: boolean): Promise<void>;
+  private popoverCloseHandler;
+  private popoverOpenHandler;
   keyDownHandler: (event: KeyboardEvent) => void;
   onLabelClick(): void;
   private shouldIncludeSeconds;
@@ -103,10 +122,13 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   private setCalciteTimePickerEl;
   private setInputValue;
   private setValue;
+  private onInputWrapperClick;
+  deactivate: () => void;
   connectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;
   render(): VNode;
+  renderToggleIcon(open: boolean): VNode;
 }

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

@@ -0,0 +1,3 @@
+export declare const CSS: {
+  toggleIcon: string;
+};

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

@@ -59,7 +59,7 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    */
   setPosition: number;
   /**
-   * When `true`, the component is selected.
+   * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"` or `"multiple"`, the component is selected.
    */
   selected: boolean;
   handleSelectedChange(value: boolean): void;

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

@@ -100,8 +100,8 @@ export declare class RadioButton implements LabelableComponent, CheckableFormCom
    * @internal
    */
   calciteInternalRadioButtonFocus: EventEmitter<void>;
-  mouseenter(): void;
-  mouseleave(): void;
+  pointerEnterHandler(): void;
+  pointerLeaveHandler(): void;
   handleKeyDown: (event: KeyboardEvent) => void;
   private onContainerBlur;
   private onContainerFocus;

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

@@ -2,7 +2,7 @@ import { VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
-import { Position, Scale } from "../interfaces";
+import { Layout, Position, Scale } from "../interfaces";
 import { ShellPanelMessages } from "./assets/shell-panel/t9n";
 /**
  * @slot - A slot for adding custom content.
@@ -25,6 +25,11 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
    * Specifies the width of the component's content area.
    */
   widthScale: Scale;
+  /**
+   *  The direction of the component.
+   */
+  layout: Extract<"horizontal" | "vertical", Layout>;
+  layoutHandler(): void;
   /**
    * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
    */
@@ -50,14 +55,20 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
   componentDidLoad(): void;
   el: HTMLCalciteShellPanelElement;
   contentWidth: number;
+  contentHeight: number;
   initialContentWidth: number;
+  initialContentHeight: number;
   initialClientX: number;
+  initialClientY: number;
   contentEl: HTMLDivElement;
   separatorEl: HTMLDivElement;
   contentWidthMax: number;
   contentWidthMin: number;
+  contentHeightMax: number;
+  contentHeightMin: number;
   step: number;
   stepMultiplier: number;
+  actionBars: HTMLCalciteActionBarElement[];
   defaultMessages: ShellPanelMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
@@ -65,14 +76,21 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
   render(): VNode;
   setContentWidth(width: number): void;
   updateAriaValues(): void;
+  setContentHeight(height: number): void;
+  updateWidths(computedStyle: CSSStyleDeclaration): void;
+  updateHeights(computedStyle: CSSStyleDeclaration): void;
   storeContentEl: (contentEl: HTMLDivElement) => void;
-  getKeyAdjustedWidth: (event: KeyboardEvent) => number | null;
+  getKeyAdjustedSize: (event: KeyboardEvent) => number | null;
+  initialKeydownWidth: (event: KeyboardEvent) => void;
+  initialKeydownHeight: (event: KeyboardEvent) => void;
   separatorKeyDown: (event: KeyboardEvent) => void;
   separatorPointerMove: (event: PointerEvent) => void;
   separatorPointerUp: (event: PointerEvent) => void;
+  setInitialContentHeight: () => void;
   setInitialContentWidth: () => void;
   separatorPointerDown: (event: PointerEvent) => void;
   connectSeparator: (separatorEl: HTMLDivElement) => void;
   disconnectSeparator: () => void;
+  setActionBarsLayout: (actionBars: HTMLCalciteActionBarElement[]) => void;
   handleActionBarSlotChange: (event: Event) => void;
 }

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

@@ -17,6 +17,7 @@ export declare class Stepper {
    * Specifies the Unicode numeral system used by the component for localization.
    */
   numberingSystem?: NumberingSystem;
+  numberingSystemChange(): void;
   /**
    * Specifies the component's selected item.
    *
@@ -67,4 +68,5 @@ export declare class Stepper {
   private updateStep;
   private sortItems;
   private filterItems;
+  private setStepperItemNumberingSystem;
 }