@esri/calcite-components 1.0.0-beta.83 → 1.0.0-beta.86

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

@@ -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 */

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

@@ -19,14 +19,18 @@ export declare class Label {
   scale: Scale;
   /** is the wrapped element positioned inline with the label slotted text */
   layout: "inline" | "inline-space-between" | "default";
-  /** eliminates any space around the label */
-  disableSpacing: boolean;
   /**
    * is the label disabled
    *
    * @deprecated use the `disabled` property on the interactive components instead
    */
   disabled: boolean;
+  /**
+   * eliminates any space around the label
+   *
+   * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+   */
+  disableSpacing: boolean;
   /**
    * @internal
    */

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

@@ -3,15 +3,16 @@ import { HeadingLevel } from "../functional/Heading";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
+ *
  * @slot - A slot for adding `calcite-list-item` elements.
  */
 export declare class List implements InteractiveComponent {
   /**
-   * When true, prevents user interaction.
+   * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * Number at which section headings should start for the list.
+   * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
   componentDidRender(): void;

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

@@ -3,26 +3,26 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.
- * @slot content-start - A slot for adding non-actionable elements before the label and description of the list item.
- * @slot content-end - A slot for adding non-actionable elements after the label and description of the list item.
- * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.
+ * @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 the label and description of the component.
+ * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
+ * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
  */
 export declare class ListItem implements ConditionalSlotComponent, InteractiveComponent {
   /**
-   * When true, prevents the content of the list item from user interaction.
+   * When true, prevents the content of the component from user interaction.
    */
   nonInteractive: boolean;
   /**
-   * An optional description for the list item. Displays below the label text.
+   * A description for the component. Displays below the label text.
    */
-  description: string;
+  description?: string;
   /**
-   * When true, prevents user interaction.
+   * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * The label text of the list item. Displays above the description text.
+   * The label text of the component. Displays above the description text.
    */
   label: string;
   el: HTMLCalciteListItemElement;

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

@@ -5,12 +5,12 @@ import { HeadingLevel } from "../functional/Heading";
  */
 export declare class ListItemGroup {
   /**
-   * The title for all nested `calcite-list-item` rows.
+   * The header text for all nested `calcite-list-item` rows.
    *
    */
   heading: string;
   /**
-   * Number at which section headings should start for the group.
+   * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
   el: HTMLCalciteListItemGroupElement;

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

@@ -2,21 +2,21 @@ import { VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 export declare class Loader {
   el: HTMLCalciteLoaderElement;
-  /** When true, the loader is active. */
+  /** When true, the component is active. */
   active: boolean;
   /** When true, displays smaller and appears to the left of the text. */
   inline: boolean;
-  /** Accessible name for the loader. */
+  /** Accessible name for the component. */
   label: string;
-  /** Specify the scale of the loader. */
+  /** Specifies the size of the component. */
   scale: Scale;
   /** Use indeterminate if finding actual progress value is impossible. */
   type: "indeterminate" | "determinate";
-  /** Valid only for determinate indicators. Percent complete of 100. */
+  /** The component's value. Valid only for determinate indicators. Percent complete of 100. */
   value: number;
-  /** Text that displays under the loading indicator. */
+  /** Text that displays under the component's indicator. */
   text?: string;
-  /** Disables spacing around the loader. */
+  /** Disables spacing around the component. */
   noPadding: boolean;
   render(): VNode;
   /**

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

@@ -3,40 +3,46 @@ import { Scale } from "../interfaces";
 import { ModalBackgroundColor } from "./interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
- * @slot header - A slot for adding a `calcite-modal` header.
- * @slot content - A slot for adding `calcite-modal` content.
+ * @slot header - A slot for adding header text.
+ * @slot content - A slot for adding the component's content.
  * @slot primary - A slot for adding a primary button.
  * @slot secondary - A slot for adding a secondary button.
  * @slot back - A slot for adding a back button.
  */
 export declare class Modal implements ConditionalSlotComponent {
   el: HTMLCalciteModalElement;
-  /** When true, the `calcite-modal` is active. */
+  /**
+   * When true, the `calcite-modal` is active.
+   *
+   * @deprecated use open instead
+   */
   active: boolean;
+  /** When true,`calcite-modal`  opens  */
+  open: boolean;
   /** Passes a function to run before the `calcite-modal` closes. */
   beforeClose?: (el: HTMLElement) => Promise<void>;
-  /** When true, disables the close button within the `calcite-modal`. */
+  /** When true, disables the component's close button. */
   disableCloseButton: boolean;
-  /** When true, disables the closing of the `calcite-modal` when clicked outside. */
+  /** When true, disables the closing of the component when clicked outside. */
   disableOutsideClose: boolean;
-  /** Accessible label for the close button. */
+  /** Accessible name for the component's close button. */
   intlClose: string;
-  /** When true, prevents the `calcite-modal` from expanding to the entire screen on mobile devices. */
+  /** When true, prevents the component from expanding to the entire screen on mobile devices. */
   docked: boolean;
   /** When true, disables the default close on escape behavior. */
   disableEscape: boolean;
-  /** Specify the scale of `calcite-modal`. */
+  /** Specifies the size of the component. */
   scale: Scale;
-  /** Set the width of the `calcite-modal`. Can use scale sizes or pass a number (displays in pixels). */
+  /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
   width: Scale | number;
-  /** Set the `calcite-modal` to always be fullscreen (overrides width). */
+  /** Sets the component to always be fullscreen (overrides width). */
   fullscreen: boolean;
   /**
-   * Adds a color bar to the top of `calcite-modal` for visual impact.
+   * Adds a color bar to the top of component for visual impact.
    * Use color to add importance to destructive or workflow dialogs.
    */
   color?: "red" | "blue";
-  /** Sets the background color of `calcite-modal` content. */
+  /** Sets the background color of the component's content. */
   backgroundColor: ModalBackgroundColor;
   /** When true, disables spacing to the content area slot. */
   noPadding: boolean;
@@ -56,9 +62,9 @@ export declare class Modal implements ConditionalSlotComponent {
   titleId: string;
   private activeTransitionProp;
   handleEscape(e: KeyboardEvent): void;
-  /** Emits when `calcite-modal` finishes the open animation. */
+  /** Emits when the component finishes the open animation. */
   calciteModalOpen: EventEmitter;
-  /** Emits when `calcite-modal` finishes the close animation. */
+  /** Emits when the component finishes the close animation. */
   calciteModalClose: EventEmitter;
   /**
    * Focus the first interactive element.
@@ -77,7 +83,7 @@ export declare class Modal implements ConditionalSlotComponent {
    */
   setFocus(focusId?: "close-button"): Promise<void>;
   /**
-   * Set the scroll top of the `calcite-modal` content.
+   * Sets the scroll top of the component's content.
    *
    * @param top
    * @param left
@@ -87,7 +93,7 @@ export declare class Modal implements ConditionalSlotComponent {
   toggleModal(value: boolean, oldValue: boolean): Promise<void>;
   private openEnd;
   /** Open the modal */
-  private open;
+  private openModal;
   handleOutsideClose: () => void;
   /** Close the modal, first running the `beforeClose` method */
   close: () => Promise<void>;

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

@@ -9,44 +9,50 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  * to display a notice on page load and set the "active" attribute as needed to contextually provide inline messaging to users.
  */
 /**
- * @slot title - A slot for adding the title (optional).
+ * @slot title - A slot for adding the title.
  * @slot message - A slot for adding the message.
- * @slot link - A slot for adding actions to take, such as: undo, try again, link to page, etc. (optional).
- * @slot actions-end - A slot for adding actions to the end of the `calcite-notice` (optional). It is recommended to use two or less actions.
+ * @slot link - A slot for adding actions to take, such as: undo, try again, link to page, etc.
+ * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or less actions.
  */
 export declare class Notice implements ConditionalSlotComponent {
   el: HTMLCalciteNoticeElement;
-  /** When true, the `calcite-notice` is active. */
+  /** When true, the component is active. */
   active: boolean;
-  /** The color for the `calcite-notice`. Color will apply to top border and icon. */
+  /** The color for the component's top border and icon. */
   color: StatusColor;
-  /** Shows a button the user can click to dismiss the `calcite-notice`. */
+  /**
+   * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
+   */
   dismissible?: boolean;
+  /** 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 label for the close button.
+   * Accessible name for the close button.
    *
    * @default "Close"
    */
   intlClose: string;
-  /** Specify the scale of `calcite-notice`. */
+  /** Specifies the size of the component. */
   scale: Scale;
-  /** Specify the width of the `calcite-notice`. */
+  /** Specifies the width of the component. */
   width: Width;
   updateRequestedIcon(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): void;
   render(): VNode;
-  /** Fired when `calcite-notice` is closed. */
+  /** Fired when the component is closed. */
   calciteNoticeClose: EventEmitter;
-  /** Fired when `calcite-notice` is opened. */
+  /** Fired when the component is opened. */
   calciteNoticeOpen: EventEmitter;
-  /** Sets focus on the `calcite-notice`. */
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
   private close;
   /** The close button element. */

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

@@ -1,19 +1,19 @@
 import { VNode } from "../../stencil-public-runtime";
 export declare class Option {
   /**
-   * When true, it prevents the option from being selected.
+   * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * The option label.
+   * Accessible name for the component.
    */
   label: string;
   /**
-   * When true, this option is selected. Otherwise, false.
+   * When true, the component is selected.
    */
   selected: boolean;
   /**
-   * The value associated with this option.
+   * The component's value.
    */
   value: any;
   protected handlePropChange(_newValue: any, _oldValue: any, propName: string): void;

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

@@ -4,11 +4,11 @@ import { VNode } from "../../stencil-public-runtime";
  */
 export declare class OptionGroup {
   /**
-   * When true, it prevents selection from any of its associated options.
+   * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * The group label. This property is required.
+   * Accessible name for the component.
    */
   label: string;
   protected handlePropChange(): void;

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

@@ -7,45 +7,45 @@ export interface PaginationDetail {
   num: number;
 }
 export declare class Pagination implements GlobalAttrComponent {
-  /** number of items per page */
+  /** Specifies the number of items per page. */
   num: number;
-  /** index of item that should begin the page */
+  /** Specifies the starting item number. */
   start: number;
-  /** total number of items */
+  /** Specifies the total number of items. */
   total: number;
   /**
-   * Used as an accessible label (aria-label) for the next button
+   * Accessible name for the component's next button.
    *
    * @default "Next"
    */
   textLabelNext: string;
   /**
-   * Used as an accessible label (aria-label) of the previous button
+   * Accessible name for the component's previous button.
    *
    * @default "Previous"
    */
   textLabelPrevious: string;
-  /** The scale of the pagination */
+  /** Specifies the size of the component. */
   scale: Scale;
   el: HTMLCalcitePaginationElement;
   globalAttributes: {};
   /**
-   * Emitted whenever the selected page changes.
+   * Emits when the selected page changes.
    *
    * @deprecated use calcitePaginationChange instead
    */
   calcitePaginationUpdate: EventEmitter<PaginationDetail>;
   /**
-   * Emitted whenever the selected page changes.
+   * Emits when the selected page changes.
    *
-   * @see [PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/calcite-pagination.tsx#L18)
+   * @see [PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/pagination.tsx#L23)
    */
   calcitePaginationChange: EventEmitter<PaginationDetail>;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  /** Go to the next page of results */
+  /** Go to the next page of results. */
   nextPage(): Promise<void>;
-  /** Go to the previous page of results */
+  /** Go to the previous page of results. */
   previousPage(): Promise<void>;
   private getLastStart;
   private previousClicked;

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

@@ -5,74 +5,86 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding custom content.
- * @slot header-actions-start - A slot for adding actions or content to the start side of the panel header.
- * @slot header-actions-end - A slot for adding actions or content to the end side of the panel header.
+ * @slot header-actions-start - A slot for adding actions or content to the start side of the header.
+ * @slot header-actions-end - A slot for adding actions or content to the end side of the header.
  * @slot header-content - A slot for adding custom content to the header.
- * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a dropdown.
+ * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.
  * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
  * @slot footer-actions - A slot for adding buttons to the footer.
  * @slot footer - A slot for adding custom content to the footer.
  */
 export declare class Panel implements ConditionalSlotComponent, InteractiveComponent {
   /**
-   * Hides the panel.
+   * When true, hides the component.
+   *
+   * @deprecated use closed instead
    */
   dismissed: boolean;
+  /** When true, panel will be hidden */
+  closed: boolean;
   dismissedHandler(): void;
   /**
    * When provided, this method will be called before it is removed from the parent flow.
    */
   beforeBack?: () => Promise<void>;
   /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+   *  When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * Displays a close button in the trailing side of the header.
+   * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
    */
   dismissible: boolean;
+  /** When true, displays a close button in the trailing side of the header */
+  closable: boolean;
   /**
-   * Number at which section headings should start for this component.
+   * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
   /**
-   * Shows a back button in the header.
+   * When true, displays a back button in the header.
    */
   showBackButton: boolean;
   /**
-   * 'Back' text string.
+   * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
    */
   intlBack?: string;
   /**
-   * Specifies the maximum height of the panel.
+   * Specifies the maximum height of the component.
    */
   heightScale?: Scale;
   /**
-   * This sets width of the panel.
+   * Specifies the width of the component.
    */
   widthScale?: Scale;
   /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
+   * When true, a busy indicator is displayed.
    */
   loading: boolean;
   /**
-   * 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true.
+   * Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true.
    */
   intlClose?: string;
   /**
-   * 'Options' text string for the actions menu.
+   * Accessible name for the component's actions menu.
    */
   intlOptions?: string;
   /**
-   * Heading text.
+   * The component header text.
    */
   heading?: string;
   /**
    * Summary text. A description displayed underneath the heading.
+   *
+   * @deprecated use description instead
    */
   summary?: string;
+  /** A description for the component. */
+  description: string;
   /**
-   * Opens the action menu.
+   * When true, the action menu items in the `header-menu-actions` slot are open.
    */
   menuOpen: boolean;
   componentDidRender(): void;
@@ -85,21 +97,21 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**
-   * Emitted when the close button has been clicked.
+   * Fires when the close button is clicked.
    */
   calcitePanelDismiss: EventEmitter;
   /**
-   * Emitted when the close button has been clicked.
+   * Fires when the close button is clicked.
    *
    * @deprecated use calcitePanelDismiss instead.
    */
   calcitePanelDismissedChange: EventEmitter;
   /**
-   * Emitted when the content has been scrolled.
+   * Fires when the content is scrolled.
    */
   calcitePanelScroll: EventEmitter;
   /**
-   * Emitted when the back button has been clicked.
+   * Fires when the back button is clicked.
    */
   calcitePanelBackClick: EventEmitter;
   resizeHandler: () => void;
@@ -117,7 +129,7 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
    */
   setFocus(focusId?: "dismiss-button" | "back-button"): Promise<void>;
   /**
-   * Scrolls panel content to a particular set of coordinates.
+   * Scrolls the component's content to a specified set of coordinates.
    *
    * ```
    *   myCalcitePanel.scrollContentTo({

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

@@ -4,6 +4,7 @@ export declare const CSS: {
   header: string;
   heading: string;
   summary: string;
+  description: string;
   headerContent: string;
   headerActions: string;
   headerActionsEnd: string;

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

@@ -4,12 +4,12 @@ import { ListFocusId, ItemData } from "./shared-list-logic";
 import { HeadingLevel } from "../functional/Heading";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
- * @slot - A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list.
- * @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting.
+ * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list.
+ * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.
  */
 export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement> implements InteractiveComponent {
   /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+   * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
@@ -21,22 +21,22 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
    */
   filterPlaceholder: string;
   /**
-   * Number at which section headings should start for this component.
+   * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
   /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
+   * When true, a busy indicator is displayed.
    */
   loading: boolean;
   /**
-   * Multiple works similar to standard radio buttons and checkboxes.
-   * When true, a user can select multiple items at a time.
-   * When false, only a single item can be selected at a time
-   * and selecting a new item will deselect any other selected items.
+   * Similar to standard radio buttons and checkboxes.
+   * When true, a user can select multiple `calcite-pick-list-item`s at a time.
+   * When false, only a single `calcite-pick-list-item` can be selected at a time,
+   * and a new selection will deselect previous selections.
    */
   multiple: boolean;
   /**
-   * When true and single-selection is enabled, the selection will change when navigating items via the keyboard.
+   * When true and single-selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
    */
   selectionFollowsFocus: boolean;
   selectedValues: Map<string, ItemElement>;
@@ -51,7 +51,7 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
   disconnectedCallback(): void;
   componentDidRender(): void;
   /**
-   * Emitted when any of the item selections have changed.
+   * Emits when any of the `calcite-pick-list-item` selections have changed.
    */
   calciteListChange: EventEmitter<Map<string, HTMLCalcitePickListItemElement>>;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
@@ -68,7 +68,7 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
   handleFilter: any;
   getItemData: any;
   keyDownHandler: any;
-  /** Returns the currently selected items */
+  /** Returns the component's selected `calcite-pick-list-item`s. */
   getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>>;
   /**
    * Sets focus on the component.

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;