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

package/dist/types/components.d.ts

@@ -23,6 +23,7 @@ import { SelectionMode } from "./components/dropdown-group/interfaces";
 import { ItemKeyboardEvent } from "./components/dropdown/interfaces";
 import { ColorStop, DataSeries } from "./components/graph/interfaces";
 import { InputPlacement } from "./components/input/interfaces";
+import { InputPlacement as InputPlacement1 } from "./components/input-number/interfaces";
 import { ModalBackgroundColor } from "./components/modal/interfaces";
 import { PaginationDetail } from "./components/pagination/pagination";
 import { ListFocusId } from "./components/pick-list/shared-list-logic";
@@ -39,88 +40,103 @@ import { TreeItemSelectDetail } from "./components/tree-item/interfaces";
 export namespace Components {
     interface CalciteAccordion {
         /**
-          * specify the appearance - default (containing border), or minimal (no containing border), defaults to default
+          * Specifies the appearance of the component.
          */
         "appearance": AccordionAppearance;
         /**
-          * specify the placement of the icon in the header, defaults to end
+          * Specifies the placement of the icon in the header.
          */
         "iconPosition": Position;
         /**
-          * specify the type of the icon in the header, defaults to chevron
+          * Specifies the type of the icon in the header.
          */
         "iconType": "chevron" | "caret" | "plus-minus";
         /**
-          * specify the scale of accordion, defaults to m
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
-          * specify the selection mode - multi (allow any number of open items), single (allow one open item), or single-persist (allow and require one open item), defaults to multi
+          * Specifies the selection mode - "multi" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item).
          */
         "selectionMode": "multi" | "single" | "single-persist";
     }
     interface CalciteAccordionItem {
         /**
-          * Indicates whether the item is active.
+          * When true, the component is active.
+          * @deprecated use expanded instead
          */
         "active": boolean;
         /**
-          * optionally pass an icon to display - accepts Calcite UI icon names
+          * Specifies a description for the component.
+         */
+        "description": string;
+        /**
+          * When true, item is expanded
+         */
+        "expanded": boolean;
+        /**
+          * Specifies heading text for the component.
+         */
+        "heading"?: string;
+        /**
+          * Specifies an icon to display - accepts Calcite UI icon names.
          */
         "icon"?: string;
         /**
-          * pass a title for the accordion item
+          * Specifies a subtitle for the component.
+          * @deprecated Use `description` instead.
          */
         "itemSubtitle"?: string;
         /**
-          * pass a title for the accordion item
+          * Specifies a title for the component.
+          * @deprecated Use `heading` instead.
          */
         "itemTitle"?: string;
     }
     interface CalciteAction {
         /**
-          * Indicates whether the action is highlighted.
+          * When true, the component is highlighted.
          */
         "active": boolean;
         /**
-          * Optionally specify the horizontal alignment of button elements with text content.
+          * Specifies the horizontal alignment of button elements with text content.
          */
         "alignment"?: Alignment;
         /**
-          * Specify the appearance style of the action, defaults to solid.
+          * Specifies the appearance of the component.
          */
         "appearance": Extract<"solid" | "clear", Appearance>;
         /**
-          * Compact mode is used internally by components to reduce side padding, e.g. calcite-block-section.
+          * When true, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
          */
         "compact": boolean;
         /**
-          * 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;
         /**
-          * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+          * Specifies an icon to display - accepts Calcite UI icon names.
          */
         "icon"?: string;
         /**
-          * Indicates unread changes.
+          * When true, indicates unread changes.
          */
         "indicator": boolean;
         /**
-          * string to override English loading text
+          * Specifies the text label to display while loading.
           * @default "Loading"
          */
         "intlLoading"?: string;
         /**
-          * The label of the action. If no label is provided, the label inherits what's provided for the `text` prop.
+          * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.
          */
         "label"?: string;
         /**
-          * When true, content is waiting to be loaded. This state shows a busy indicator.
+          * When true, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * Specifies the size of the action.
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
@@ -128,7 +144,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * Text that accompanies the action icon.
+          * Specifies text that accompanies the icon.
          */
         "text": string;
         /**
@@ -138,19 +154,19 @@ export namespace Components {
     }
     interface CalciteActionBar {
         /**
-          * When set to true, the expand-toggling behavior will be disabled.
+          * When true, the expand-toggling behavior is disabled.
          */
         "expandDisabled": boolean;
         /**
-          * Indicates whether widget is expanded.
+          * When true, the component is expanded.
          */
         "expanded": boolean;
         /**
-          * Updates the label of the collapse icon when the component is expanded.
+          * Specifies the label of the collapse icon when the component is expanded.
          */
         "intlCollapse"?: string;
         /**
-          * Updates the label of the expand icon when the component is not expanded.
+          * Specifies the label of the expand icon when the component is collapsed.
          */
         "intlExpand"?: string;
         /**
@@ -158,15 +174,15 @@ export namespace Components {
          */
         "overflowActions": () => Promise<void>;
         /**
-          * Disables automatically overflowing actions that won't fit into menus.
+          * Disables automatically overflowing `calcite-action`s that won't fit into menus.
          */
         "overflowActionsDisabled": boolean;
         /**
-          * Arranges the component depending on the elements 'dir' property.
+          * Arranges the component depending on the element's `dir` property.
          */
         "position": Position;
         /**
-          * Specifies the size of the expand action.
+          * Specifies the size of the expand `calcite-action`.
          */
         "scale": Scale;
         /**
@@ -181,29 +197,29 @@ export namespace Components {
          */
         "columns"?: Columns;
         /**
-          * Indicates whether widget is expanded.
+          * When true, the component is expanded.
          */
         "expanded": boolean;
         /**
-          * Text string for the actions menu.
+          * Specifies a text string for the `calcite-action-menu`.
          */
         "intlMore"?: string;
         /**
-          * Indicates the horizontal, vertical, or grid layout of the component.
+          * Indicates the layout of the component.
          */
         "layout": Layout;
         /**
-          * Opens the action menu.
+          * When true, the `calcite-action-menu` is open.
          */
         "menuOpen": boolean;
         /**
-          * Specifies the size of the action-menu.
+          * Specifies the size of the `calcite-action-menu`.
          */
         "scale": Scale;
     }
     interface CalciteActionMenu {
         /**
-          * Indicates whether widget is expanded.
+          * When true, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -211,24 +227,24 @@ export namespace Components {
          */
         "flipPlacements"?: ComputedPlacement[];
         /**
-          * Text string for the actions menu.
+          * Specifies the text string for the component.
          */
         "label": string;
         /**
-          * Opens the action menu.
+          * When true, the component is open.
          */
         "open": boolean;
         /**
-          * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
+          * Determines the type of positioning to use for the overlaid content. If your element is in a fixed container, use the "fixed" value.
          */
         "overlayPositioning": OverlayPositioning;
         /**
-          * Determines where the component will be positioned relative to the referenceElement.
+          * 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)
          */
         "placement": PopperPlacement;
         /**
-          * Specifies the size of the menu trigger action.
+          * Specifies the size of the component's trigger `calcite-action`.
          */
         "scale": Scale;
         /**
@@ -238,31 +254,31 @@ export namespace Components {
     }
     interface CalciteActionPad {
         /**
-          * When set to true, the expand-toggling behavior will be disabled.
+          * When true, the expand-toggling behavior is disabled.
          */
         "expandDisabled": boolean;
         /**
-          * Indicates whether widget is expanded.
+          * When true, the component is expanded.
          */
         "expanded": boolean;
         /**
-          * Updates the label of the collapse icon when the component is expanded.
+          * Specifies the label of the collapse icon when the component is expanded.
          */
         "intlCollapse"?: string;
         /**
-          * Updates the label of the expand icon when the component is not expanded.
+          * Specifies the label of the expand icon when the component is collapsed.
          */
         "intlExpand"?: string;
         /**
-          * Indicates the horizontal or vertical layout of the component.
+          * Indicates the layout of the component.
          */
         "layout": Layout;
         /**
-          * Arranges the component depending on the elements 'dir' property.
+          * Arranges the component depending on the element's `dir` property.
          */
         "position": Position;
         /**
-          * Specifies the size of the expand action.
+          * Specifies the size of the expand `calcite-action`.
          */
         "scale": Scale;
         /**
@@ -273,40 +289,40 @@ export namespace Components {
     }
     interface CalciteAlert {
         /**
-          * Is the alert currently active or not
+          * When true, the component is active.
          */
         "active": boolean;
         /**
-          * Close the alert automatically (recommended for passive, non-blocking alerts)
+          * When true, the component closes automatically (recommended for passive, non-blocking alerts).
          */
         "autoDismiss": boolean;
         /**
-          * Duration of autoDismiss (only used with `autoDismiss`)
+          * Specifies the duration before the component automatically closes (only use with `autoDismiss`).
          */
         "autoDismissDuration": AlertDuration;
         /**
-          * Color for the alert (will apply to top border and icon)
+          * Specifies the color for the component (will apply to top border and icon).
          */
         "color": StatusColor;
         /**
-          * when used as a boolean set to true, show a default recommended icon. You can also pass a calcite-ui-icon name to this prop to display a requested icon
+          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
-          * string to override English close text
+          * Specifies the text label for the close button.
           * @default "Close"
          */
         "intlClose": string;
         /**
-          * Accessible name for the component
+          * Specifies an accessible name for the component.
          */
         "label": string;
         /**
-          * specify the placement of the alert
+          * Specifies the placement of the component
          */
         "placement": AlertPlacement;
         /**
-          * specify the scale of the alert, defaults to m
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
@@ -316,23 +332,23 @@ export namespace Components {
     }
     interface CalciteAvatar {
         /**
-          * full name of the user
+          * Specifies the full name of the user.
          */
         "fullName": string;
         /**
-          * specify the scale of the avatar, defaults to m
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
-          * src to an image (remember to add a token if the user is private)
+          * Specifies the `src` to an image (remember to add a token if the user is private).
          */
         "thumbnail": string;
         /**
-          * unique id for user
+          * Specifies the unique id of the user.
          */
         "userId": string;
         /**
-          * user name
+          * Specifies the username of the user.
          */
         "username": string;
     }
@@ -341,6 +357,14 @@ export namespace Components {
           * When true, this block will be collapsible.
          */
         "collapsible": boolean;
+        /**
+          * Block description
+         */
+        "description": string;
+        /**
+          * When true, removes padding for the slotted content
+         */
+        "disablePadding": boolean;
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -391,6 +415,7 @@ export namespace Components {
         "status"?: Status;
         /**
           * Block summary.
+          * @deprecated use description instead
          */
         "summary": string;
     }
@@ -589,6 +614,14 @@ export namespace Components {
           * specify the appearance style of the button, defaults to solid.
          */
         "appearance": Extract<"solid" | "clear", Appearance>;
+        /**
+          * When true, show abutton user can click to dismiss the chip.
+         */
+        "closable": boolean;
+        /**
+          * When true, hides the chip
+         */
+        "closed": boolean;
         /**
           * specify the color of the button, defaults to blue
          */
@@ -600,6 +633,7 @@ export namespace Components {
         "dismissLabel"?: string;
         /**
           * Optionally show a button the user can click to dismiss the chip
+          * @deprecated use closable instead
          */
         "dismissible": boolean;
         /**
@@ -752,6 +786,10 @@ export namespace Components {
           * @default "Value"
          */
         "intlValue": string;
+        /**
+          * standard UniCode numeral system tag for localization
+         */
+        "numberingSystem"?: string;
         /**
           * The scale of the color picker.
          */
@@ -786,6 +824,10 @@ export namespace Components {
           * @default "No color"
          */
         "intlNoColor": string;
+        /**
+          * standard UniCode numeral system tag for localization
+         */
+        "numberingSystem"?: string;
         /**
           * The component's scale.
          */
@@ -816,7 +858,8 @@ export namespace Components {
     }
     interface CalciteCombobox {
         /**
-          * Opens or closes the combobox
+          * When true, opens the combobox
+          * @deprecated use open instead
          */
         "active": boolean;
         /**
@@ -848,6 +891,10 @@ export namespace Components {
           * The name of the switch input
          */
         "name": string;
+        /**
+          * When true, opens the combobox
+         */
+        "open": boolean;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -856,6 +903,10 @@ export namespace Components {
           * Placeholder text for input
          */
         "placeholder"?: string;
+        /**
+          * Placeholder icon for input
+         */
+        "placeholderIcon"?: string;
         /**
           * Updates the position of the component.
          */
@@ -892,12 +943,17 @@ export namespace Components {
         "ancestors": ComboboxChildElement[];
         /**
           * Don't filter this item based on the search text
+          * @deprecated use filterDisabled instead
          */
         "constant": boolean;
         /**
           * When true, the item cannot be clicked and is visually muted.
          */
         "disabled": boolean;
+        /**
+          * Do not filter this item based on the search text
+         */
+        "filterDisabled": boolean;
         /**
           * Unique identifier, used for accessibility
          */
@@ -1160,6 +1216,7 @@ export namespace Components {
     interface CalciteDropdown {
         /**
           * Opens or closes the dropdown
+          * @deprecated use open instead.
          */
         "active": boolean;
         /**
@@ -1178,6 +1235,10 @@ export namespace Components {
           * specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 - this value does not include groupTitles passed to calcite-dropdown-group
          */
         "maxItems": number;
+        /**
+          * When true, opens the dropdown
+         */
+        "open": boolean;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -1448,36 +1509,39 @@ export namespace Components {
     }
     interface CalciteInput {
         /**
-          * specify the alignment of the value of the input
+          * Specifies the text alignment of the component's value.
          */
         "alignment": Position;
         /**
-          * should the input autofocus
+          * When true, the component is focused on page load.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
          */
         "autofocus": boolean;
         /**
-          * optionally display a clear button that displays when field has a value shows by default for search, time, date will not display for type="textarea"
+          * When true, a clear button is displayed when the component has a value. The clear button shows by default for "search", "time", and "date" types, and will not display for the "textarea" type.
          */
         "clearable": boolean;
         /**
-          * is the input disabled
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
          */
         "disabled": boolean;
         "editingEnabled": boolean;
         /**
-          * for number values, displays the locale's group separator
+          * When true, number values are displayed with the locale's group separator.
          */
         "groupSeparator": boolean;
         /**
-          * when true, the component will not be visible
+          * When true, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "hidden": boolean;
         /**
-          * when used as a boolean set to true, show a default recommended icon for certain input types (tel, password, email, date, time, search). You can also pass a calcite-ui-icon name to this prop to display a requested icon for any input type
+          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
-          * flip the icon in rtl
+          * When true, the icon is flipped in RTL.
          */
         "iconFlipRtl": boolean;
         /**
@@ -1485,20 +1549,20 @@ export namespace Components {
          */
         "intlClear"?: string;
         /**
-          * string to override English loading text
+          * Accessible name that will appear while loading.
           * @default "Loading"
          */
         "intlLoading"?: string;
         /**
-          * Applies to the aria-label attribute on the button or hyperlink
+          * Accessible name for the component's button or hyperlink.
          */
         "label"?: string;
         /**
-          * specify if the input is in loading state
+          * When true, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading": boolean;
         /**
-          * BCP 47 language tag for desired language and country format
+          * Specifies the BCP 47 language tag for the desired language and country format.
          */
         "locale": string;
         /**
@@ -1506,76 +1570,89 @@ export namespace Components {
          */
         "localeFormat": boolean;
         /**
-          * input max
+          * Specifies the maximum value for type "number".
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
          */
         "max"?: number;
         /**
-          * Maximum length of the input value
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
          */
         "maxLength"?: number;
         /**
-          * Maximum length of text input.
+          * Specifies the maximum length of text for the component's value.
           * @deprecated use maxLength instead
          */
         "maxlength"?: number;
         /**
-          * input min
+          * Specifies the minimum value for type "number".
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
          */
         "min"?: number;
         /**
-          * Minimum length of the text input
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
          */
         "minLength"?: number;
         /**
-          * The name of the input
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
          */
         "name": string;
         /**
-          * specify the placement of the number buttons
+          * Specifies the placement of the buttons for type "number".
          */
         "numberButtonType"?: InputPlacement;
         /**
-          * standard UniCode numeral system tag for localization
+          * Specifies the Unicode numeral system used by the component for localization.
+          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
         "numberingSystem"?: string;
         /**
-          * explicitly whitelist placeholder attribute
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
          */
         "placeholder": string;
         /**
-          * optionally add prefix
+          * Adds text to the start of the component.
          */
         "prefixText"?: string;
         /**
-          * When true, a field cannot be modified.
+          * When true, the value cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly": boolean;
         /**
-          * is the input required
+          * When true, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
-          * specify the scale of the input, defaults to m
+          * Specifies the size of the component.
          */
         "scale": Scale;
+        /**
+          * Selects all text of the component's `value`.
+         */
+        "selectText": () => Promise<void>;
         /**
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
         /**
-          * specify the status of the input field, determines message and icons
+          * Specifies the status of the input field, which determines message and icons.
          */
         "status": Status;
         /**
-          * input step
+          * Specifies the granularity that the component's value must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
          */
         "step"?: number | "any";
         /**
-          * optionally add suffix
+          * Adds text to the end of the component.
          */
         "suffixText"?: string;
         /**
-          * specify the input type  Note that the following types add type-specific icons by default: `date`, `email`, `password`, `search`, `tel`, `time`
+          * Specifies the component type.  Note that the following types add type-specific icons by default: "date", "email", "password", "search", "tel", "time".
          */
         "type": | "color"
     | "date"
@@ -1594,7 +1671,7 @@ export namespace Components {
     | "url"
     | "week";
         /**
-          * input value
+          * The component's value.
          */
         "value": string;
     }
@@ -1685,6 +1762,11 @@ export namespace Components {
           * Range mode activation
          */
         "range": boolean;
+        /**
+          * 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;
         /**
           * Updates the position of the component.
          */
@@ -1743,6 +1825,150 @@ export namespace Components {
          */
         "type": "default";
     }
+    interface CalciteInputNumber {
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment": Position;
+        /**
+          * When true, the component is focused on page load.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus": boolean;
+        /**
+          * When true, a clear button is displayed when the component has a value.
+         */
+        "clearable": boolean;
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled": boolean;
+        "editingEnabled": boolean;
+        /**
+          * When true, number values are displayed with the locale's group separator.
+         */
+        "groupSeparator": boolean;
+        /**
+          * When true, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+         */
+        "hidden": boolean;
+        /**
+          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+         */
+        "icon": string | boolean;
+        /**
+          * When true, the icon is flipped in RTL.
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * A text label that will appear on the clear button for screen readers.
+         */
+        "intlClear"?: string;
+        /**
+          * Accessible name that will appear while loading.
+          * @default "Loading"
+         */
+        "intlLoading"?: string;
+        /**
+          * Accessible name for the component's button or hyperlink.
+         */
+        "label"?: string;
+        /**
+          * When true, the component is in the loading state and `calcite-progress` is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Specifies the BCP 47 language tag for the desired language and country format.
+         */
+        "locale": string;
+        /**
+          * Toggles locale formatting for numbers.
+         */
+        "localeFormat": boolean;
+        /**
+          * Specifies the maximum value.
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+         */
+        "max"?: number;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Specifies the minimum value.
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+         */
+        "min"?: number;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength"?: number;
+        /**
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name": string;
+        /**
+          * Specifies the placement of the buttons.
+         */
+        "numberButtonType"?: InputPlacement1;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
+         */
+        "numberingSystem"?: string;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder": string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText"?: string;
+        /**
+          * When true, the value cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly": boolean;
+        /**
+          * When true, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Selects all text of the component's `value`.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
+        /**
+          * Specifies the granularity that the component's value must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+         */
+        "step"?: number | "any";
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText"?: string;
+        /**
+          * The component's value.
+         */
+        "value": string;
+    }
     interface CalciteInputTimePicker {
         /**
           * The active state of the time input
@@ -1813,6 +2039,11 @@ export namespace Components {
           * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
          */
         "placement": PopperPlacement;
+        /**
+          * 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;
         /**
           * Updates the position of the component.
          */
@@ -1845,6 +2076,7 @@ export namespace Components {
         "alignment": Alignment;
         /**
           * eliminates any space around the label
+          * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
          */
         "disableSpacing": boolean;
         /**
@@ -1910,11 +2142,11 @@ export namespace Components {
     }
     interface CalciteList {
         /**
-          * 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;
         /**
@@ -1924,19 +2156,19 @@ export namespace Components {
     }
     interface CalciteListItem {
         /**
-          * 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;
         /**
-          * 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;
         /**
@@ -1946,17 +2178,17 @@ export namespace Components {
     }
     interface CalciteListItemGroup {
         /**
-          * 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;
     }
     interface CalciteLoader {
         /**
-          * When true, the loader is active.
+          * When true, the component is active.
          */
         "active": boolean;
         /**
@@ -1964,19 +2196,19 @@ export namespace Components {
          */
         "inline": boolean;
         /**
-          * Accessible name for the loader.
+          * Accessible name for the component.
          */
         "label": string;
         /**
-          * Disables spacing around the loader.
+          * Disables spacing around the component.
          */
         "noPadding": boolean;
         /**
-          * Specify the scale of the loader.
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
-          * Text that displays under the loading indicator.
+          * Text that displays under the component's indicator.
          */
         "text"?: string;
         /**
@@ -1984,17 +2216,18 @@ export namespace Components {
          */
         "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;
     }
     interface CalciteModal {
         /**
           * When true, the `calcite-modal` is active.
+          * @deprecated use open instead
          */
         "active": boolean;
         /**
-          * Sets the background color of `calcite-modal` content.
+          * Sets the background color of the component's content.
          */
         "backgroundColor": ModalBackgroundColor;
         /**
@@ -2002,11 +2235,11 @@ export namespace Components {
          */
         "beforeClose"?: (el: HTMLElement) => Promise<void>;
         /**
-          * Adds a color bar to the top of `calcite-modal` for visual impact. Use color to add importance to destructive or workflow dialogs.
+          * 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";
         /**
-          * When true, disables the close button within the `calcite-modal`.
+          * When true, disables the component's close button.
          */
         "disableCloseButton": boolean;
         /**
@@ -2014,11 +2247,11 @@ export namespace Components {
          */
         "disableEscape": 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;
         /**
-          * 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;
         /**
@@ -2028,11 +2261,11 @@ export namespace Components {
          */
         "focusElement": (el?: HTMLElement) => Promise<void>;
         /**
-          * Set the `calcite-modal` to always be fullscreen (overrides width).
+          * Sets the component to always be fullscreen (overrides width).
          */
         "fullscreen": boolean;
         /**
-          * Accessible label for the close button.
+          * Accessible name for the component's close button.
          */
         "intlClose": string;
         /**
@@ -2040,11 +2273,15 @@ export namespace Components {
          */
         "noPadding": boolean;
         /**
-          * Specify the scale of `calcite-modal`.
+          * When true,`calcite-modal`  opens
+         */
+        "open": boolean;
+        /**
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
-          * Set the scroll top of the `calcite-modal` content.
+          * Sets the scroll top of the component's content.
           * @param top
           * @param left
          */
@@ -2055,21 +2292,26 @@ export namespace Components {
          */
         "setFocus": (focusId?: "close-button") => Promise<void>;
         /**
-          * 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;
     }
     interface CalciteNotice {
         /**
-          * 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.
+          * When true, displays a button user can click to dismiss the `calcite-notice`
+         */
+        "closable"?: boolean;
+        /**
+          * 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;
         /**
@@ -2077,84 +2319,84 @@ export namespace Components {
          */
         "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;
         /**
-          * Sets focus on the `calcite-notice`.
+          * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
         /**
-          * Specify the width of the `calcite-notice`.
+          * Specifies the width of the component.
          */
         "width": Width;
     }
     interface CalciteOption {
         /**
-          * 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;
     }
     interface CalciteOptionGroup {
         /**
-          * 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;
     }
     interface CalcitePagination {
         /**
-          * Go to the next page of results
+          * Go to the next page of results.
          */
         "nextPage": () => Promise<void>;
         /**
-          * number of items per page
+          * Specifies the number of items per page.
          */
         "num": number;
         /**
-          * Go to the previous page of results
+          * Go to the previous page of results.
          */
         "previousPage": () => Promise<void>;
         /**
-          * The scale of the pagination
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
-          * index of item that should begin the page
+          * Specifies the starting item number.
          */
         "start": 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;
         /**
-          * total number of items
+          * Specifies the total number of items.
          */
         "total": number;
     }
@@ -2164,51 +2406,65 @@ export namespace Components {
          */
         "beforeBack"?: () => Promise<void>;
         /**
-          * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+          * When true, displays a close button in the trailing side of the header
+         */
+        "closable": boolean;
+        /**
+          * When true, panel will be hidden
+         */
+        "closed": boolean;
+        /**
+          * A description for the component.
+         */
+        "description": string;
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * Hides the panel.
+          * When true, hides the component.
+          * @deprecated use closed instead
          */
         "dismissed": 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;
         /**
-          * Heading text.
+          * The component header text.
          */
         "heading"?: string;
         /**
-          * Number at which section headings should start for this component.
+          * Specifies the number at which section headings should start.
          */
         "headingLevel": HeadingLevel;
         /**
-          * Specifies the maximum height of the panel.
+          * Specifies the maximum height of the component.
          */
         "heightScale"?: Scale;
         /**
-          * 'Back' text string.
+          * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
          */
         "intlBack"?: string;
         /**
-          * '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;
         /**
-          * When true, content is waiting to be loaded. This state shows a busy indicator.
+          * When true, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * Opens the action menu.
+          * When true, the action menu items in the `header-menu-actions` slot are open.
          */
         "menuOpen": boolean;
         /**
-          * Scrolls panel content to a particular set of coordinates.  ```   myCalcitePanel.scrollContentTo({     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).   }); ```
+          * Scrolls the component's content to a specified set of coordinates.  ```   myCalcitePanel.scrollContentTo({     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).   }); ```
           * @param options
          */
         "scrollContentTo": (options?: ScrollToOptions) => Promise<void>;
@@ -2218,21 +2474,22 @@ export namespace Components {
          */
         "setFocus": (focusId?: "dismiss-button" | "back-button") => Promise<void>;
         /**
-          * Shows a back button in the header.
+          * When true, displays a back button in the header.
          */
         "showBackButton": boolean;
         /**
           * Summary text. A description displayed underneath the heading.
+          * @deprecated use description instead
          */
         "summary"?: string;
         /**
-          * This sets width of the panel.
+          * Specifies the width of the component.
          */
         "widthScale"?: Scale;
     }
     interface CalcitePickList {
         /**
-          * 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;
         /**
@@ -2244,23 +2501,23 @@ export namespace Components {
          */
         "filterPlaceholder": string;
         /**
-          * Returns the currently selected items
+          * Returns the component's selected `calcite-pick-list-item`s.
          */
         "getSelectedItems": () => Promise<Map<string, HTMLCalcitePickListItemElement>>;
         /**
-          * 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;
         /**
@@ -2271,25 +2528,25 @@ export namespace Components {
     }
     interface CalcitePickListGroup {
         /**
-          * The title used for all nested `calcite-pick-list` rows.
+          * Specifies the title for all nested `calcite-pick-list-item`s.
          */
         "groupTitle": string;
         /**
-          * Number at which section headings should start for this component.
+          * Specifies the number at which section headings should start.
          */
         "headingLevel": HeadingLevel;
     }
     interface CalcitePickListItem {
         /**
-          * An optional description for this item.  This will appear below the label text.
+          * A description for the component that displays below the label text.
          */
         "description"?: string;
         /**
-          * When false, the item cannot be deselected by user interaction.
+          * When false, the component cannot be deselected by user interaction.
          */
         "disableDeselect": boolean;
         /**
-          * When true, the item cannot be clicked and is visually muted.
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2298,25 +2555,25 @@ export namespace Components {
          */
         "icon"?: ICON_TYPES | null;
         /**
-          * Used as an accessible label (aria-label) for the "remove item" action. Only applicable if removable is true.
+          * Accessible name for the component's remove button. Only applicable if removable is "true".
           * @default "Remove"
          */
         "intlRemove": string;
         /**
-          * The main label for this item. This will appear next to the icon.
+          * Label and accessible name for the component. Appears next to the icon.
          */
         "label": string;
         /**
-          * Used to provide additional metadata to an item, primarily used when the parent list has a filter.
+          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
          */
         "metadata"?: Record<string, unknown>;
         "nonInteractive": boolean;
         /**
-          * Set this to true to display a remove action that removes the item from the list.
+          * When true, displays a remove action that removes the item from the list.
          */
         "removable"?: boolean;
         /**
-          * Set this to true to pre-select an item. Toggles when an item is checked/unchecked.
+          * When true, selects an item. Toggles when an item is checked/unchecked.
          */
         "selected": boolean;
         /**
@@ -2324,35 +2581,40 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * Used to toggle the selection state. By default this won't trigger an event. The first argument allows the value to be coerced, rather than swapping values.
+          * Toggles the selection state. By default this won't trigger an event. The first argument allows the value to be coerced, rather than swapping values.
           * @param coerce
          */
         "toggleSelected": (coerce?: boolean) => Promise<void>;
         /**
-          * The item's associated value.
+          * The component's value.
          */
         "value": any;
     }
     interface CalcitePopover {
         /**
-          * Automatically closes any currently open popovers when clicking outside of a popover.
+          * When true and clicking outside of the component, automatically closes open `calcite-popover`s.
          */
         "autoClose": boolean;
         /**
-          * Display a close button within the Popover.
+          * When true, display a close button within the Popover
+         */
+        "closable": boolean;
+        /**
+          * When true, a close button is added to the component.
           * @deprecated use dismissible instead.
          */
         "closeButton": boolean;
         /**
-          * Prevents flipping the popover's placement when it starts to overlap its reference element.
+          * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
          */
         "disableFlip": boolean;
         /**
-          * Removes the caret pointer.
+          * When true, removes the caret pointer.
          */
         "disablePointer": boolean;
         /**
-          * Display a close button within the Popover.
+          * When true, a close button is added to the component.
+          * @deprecated use closable instead
          */
         "dismissible": boolean;
         /**
@@ -2360,46 +2622,46 @@ export namespace Components {
          */
         "flipPlacements"?: ComputedPlacement[];
         /**
-          * Heading text.
+          * The component header text.
          */
         "heading"?: string;
         /**
-          * Number at which section headings should start for this component.
+          * Specifies the number at which section headings should start.
          */
         "headingLevel": HeadingLevel;
         /**
-          * Text for close button.
+          * Accessible name for the component's close button.
           * @default "Close"
          */
         "intlClose": string;
         /**
-          * Accessible name for the component
+          * Accessible name for the component.
          */
         "label": string;
         /**
-          * Offset the position of the popover away from the reference element.
+          * Offsets the position of the popover away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance": number;
         /**
-          * Offset the position of the popover along the reference element.
+          * Offsets the position of the popover along the `referenceElement`.
          */
         "offsetSkidding": number;
         /**
-          * Display and position the component.
+          * When true, displays and positions the component.
          */
         "open": boolean;
         /**
-          * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
+          * Describes the positioning type to use for the overlaid content. If the element is in a fixed container, use the "fixed" value.
          */
         "overlayPositioning": OverlayPositioning;
         /**
-          * Determines where the component will be positioned relative to the referenceElement.
+          * 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)
          */
         "placement": PopperPlacement;
         /**
-          * Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.
+          * 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.
          */
         "referenceElement": ReferenceElement | string;
         /**
@@ -2412,12 +2674,12 @@ export namespace Components {
          */
         "setFocus": (focusId?: "close-button") => Promise<void>;
         /**
-          * Toggles the popover's open property.
+          * Toggles the component's open property.
           * @param value
          */
         "toggle": (value?: boolean) => Promise<void>;
         /**
-          * Disables automatically toggling a popover when its referenceElement has been triggered. This property can be set to true to manage when a popover is open.
+          * When true, disables automatically toggling the component when its `referenceElement` has been triggered. This property can be set to "true" to manage when a popover is open.
          */
         "triggerDisabled": boolean;
     }
@@ -2434,23 +2696,23 @@ export namespace Components {
     }
     interface CalciteProgress {
         /**
-          * Label for the progress indicator
+          * Accessible name for the component.
          */
         "label": string;
         /**
-          * For indeterminate progress bars, reverse the animation direction
+          * When true and for indeterminate progress bars, reverses the animation direction.
          */
         "reversed": boolean;
         /**
-          * Text to display for the progress indicator
+          * Text that displays under the component's indicator.
          */
         "text": string;
         /**
-          * Use indeterminate if finding actual progress value is impossible
+          * Use indeterminate if finding actual progress value is impossible.
          */
         "type": "indeterminate" | "determinate";
         /**
-          * Fraction completed, in the range of 0 - 1.0
+          * The component's progress value, with a range of 0.0 - 1.0.
          */
         "value": number;
     }
@@ -2558,6 +2820,7 @@ export namespace Components {
         "scale": Scale;
         /**
           * The group's selected item.
+          * @readonly
          */
         "selectedItem": HTMLCalciteRadioGroupItemElement;
         /**
@@ -2948,7 +3211,7 @@ export namespace Components {
         /**
           * specify the layout of stepper, defaults to horizontal
          */
-        "layout": Layout;
+        "layout": Extract<"horizontal" | "vertical", Layout>;
         /**
           * set the next step as active
          */
@@ -2980,6 +3243,10 @@ export namespace Components {
           * has the step been completed
          */
         "complete": boolean;
+        /**
+          * stepper item description
+         */
+        "description": string;
         /**
           * is the step disabled and not navigable to by a user
          */
@@ -2988,16 +3255,22 @@ export namespace Components {
           * does the step contain an error that needs to be resolved by the user
          */
         "error": boolean;
+        /**
+          * stepper item heading
+         */
+        "heading"?: string;
         "icon": boolean;
         /**
           * pass a title for the stepper item
+          * @deprecated use description instead
          */
         "itemSubtitle"?: string;
         /**
           * pass a title for the stepper item
+          * @deprecated use heading instead
          */
         "itemTitle"?: string;
-        "layout"?: string;
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
         "numbered": boolean;
         "scale": Scale;
     }
@@ -3122,7 +3395,7 @@ export namespace Components {
          */
         "layout": TabLayout;
         /**
-          * Display the tabs above (default) or below the tab content
+          * Display the tabs top (default) or bottom of the tab content. above and below are deprecated.
          */
         "position": TabPosition;
         /**
@@ -3387,24 +3660,24 @@ export namespace Components {
     }
     interface CalciteTooltip {
         /**
-          * Closes the `calcite-tooltip` when the `referenceElement` is clicked.
+          * Closes the component when the `referenceElement` is clicked.
          */
         "closeOnClick": boolean;
         /**
-          * Accessible name for the `calcite-tooltip`.
+          * Accessible name for the component.
          */
         "label": string;
         /**
-          * Offset the position of the `calcite-tooltip` away from the `referenceElement`.
+          * Offset the position of the component away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance": number;
         /**
-          * Offset the position of the `calcite-tooltip` along the `referenceElement`.
+          * Offset the position of the component along the `referenceElement`.
          */
         "offsetSkidding": number;
         /**
-          * When true, the `calcite-tooltip` is open.
+          * When true, the component is open.
          */
         "open": boolean;
         /**
@@ -3417,7 +3690,7 @@ export namespace Components {
          */
         "placement": PopperPlacement;
         /**
-          * The `referenceElement` to position `calcite-tooltip` according to its "placement" value. Setting to the `HTMLElement` is preferred so `calcite-tooltip` does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
+          * The `referenceElement` to position the component according to its "placement" value. Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
          */
         "referenceElement": ReferenceElement | string;
         /**
@@ -3440,15 +3713,15 @@ export namespace Components {
          */
         "inputEnabled": boolean;
         /**
-          * Display indentation guide lines.
+          * Displays indentation guide lines.
          */
         "lines": boolean;
         /**
-          * Specify the scale of the tree.
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
-          * Customize how tree selection works.
+          * Customize how the component's selection works.
           * @default "single"
           * @see [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)
          */
@@ -3457,7 +3730,7 @@ export namespace Components {
     interface CalciteTreeItem {
         "depth": number;
         /**
-          * Expanded state of the item.
+          * When true, the component is expanded.
          */
         "expanded": boolean;
         "hasChildren": boolean;
@@ -3474,22 +3747,22 @@ export namespace Components {
         "parentExpanded": boolean;
         "scale": Scale;
         /**
-          * Selected state of the item.
+          * When true, the component is selected.
          */
         "selected": boolean;
         "selectionMode": TreeSelectionMode;
     }
     interface CalciteValueList {
         /**
-          * When true, prevents user interaction. This state shows list items grayed out and with lower opacity.
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, list items are sortable via a draggable button.
+          * When true, `calcite-value-list-item`s are sortable via a draggable button.
          */
         "dragEnabled": boolean;
         /**
-          * When true, an input appears at the top of the list that can be used by end users to filter list items.
+          * When true, an input appears at the top of the component that can be used by end users to filter list items.
          */
         "filterEnabled": boolean;
         /**
@@ -3501,19 +3774,35 @@ export namespace Components {
          */
         "getSelectedItems": () => Promise<Map<string, HTMLCalciteValueListItemElement>>;
         /**
-          * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
+          * The component's group identifier.  To drag elements from one list into another, both lists must have the same group value.
          */
         "group"?: string;
         /**
-          * When true, content is waiting to be loaded. This state shows a busy indicator.
+          * When "drag-enabled" is true and active, specifies accessible context to the component.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+         */
+        "intlDragHandleActive"?: string;
+        /**
+          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s new position.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+         */
+        "intlDragHandleChange"?: string;
+        /**
+          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s current position after commit.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+         */
+        "intlDragHandleCommit"?: string;
+        /**
+          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s initial position.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+         */
+        "intlDragHandleIdle"?: string;
+        /**
+          * When true, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * Similar to standard radio buttons and checkboxes. When true, a user can select multiple list items at a time. When false, only a single list item can be selected at a time, and selecting a new list item will deselect any other selected list items.
+          * Similar to standard radio buttons and checkboxes. When true, a user can select multiple `calcite-value-list-item`s at a time. When false, only a single `calcite-value-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 changes when navigating list items via the keyboard.
+          * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
          */
         "selectionFollowsFocus": boolean;
         /**
@@ -3524,12 +3813,12 @@ export namespace Components {
     }
     interface CalciteValueListItem {
         /**
-          * An optional description for the list item that displays below the label text.
+          * A description for the component that displays below the label text.
          */
         "description"?: string;
         "disableDeselect": boolean;
         /**
-          * When true, the list item cannot be clicked and is visually muted.
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         "handleActivated"?: boolean;
@@ -3539,23 +3828,23 @@ export namespace Components {
          */
         "icon"?: ICON_TYPES | null;
         /**
-          * The main label for the list item. Appears next to the icon.
+          * Label and accessible name for the component. Appears next to the icon.
          */
         "label": string;
         /**
-          * Provides additional metadata to a list item. Primary use is for a filter on the parent list.
+          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
          */
         "metadata"?: Record<string, unknown>;
         /**
-          * 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;
         /**
-          * When true, adds an action to remove the list item.
+          * When true, adds an action to remove the component.
          */
         "removable": boolean;
         /**
-          * When true, preselects the list item. Toggles when an item is checked/unchecked.
+          * When true, the component is selected.
          */
         "selected": boolean;
         /**
@@ -3568,7 +3857,7 @@ export namespace Components {
          */
         "toggleSelected": (coerce?: boolean) => Promise<void>;
         /**
-          * The list item's associated value.
+          * The component's value.
          */
         "value": any;
     }
@@ -3685,6 +3974,10 @@ export interface CalciteInputDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteInputDatePickerElement;
 }
+export interface CalciteInputNumberCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInputNumberElement;
+}
 export interface CalciteInputTimePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteInputTimePickerElement;
@@ -4054,6 +4347,12 @@ declare global {
         prototype: HTMLCalciteInputMessageElement;
         new (): HTMLCalciteInputMessageElement;
     };
+    interface HTMLCalciteInputNumberElement extends Components.CalciteInputNumber, HTMLStencilElement {
+    }
+    var HTMLCalciteInputNumberElement: {
+        prototype: HTMLCalciteInputNumberElement;
+        new (): HTMLCalciteInputNumberElement;
+    };
     interface HTMLCalciteInputTimePickerElement extends Components.CalciteInputTimePicker, HTMLStencilElement {
     }
     var HTMLCalciteInputTimePickerElement: {
@@ -4405,6 +4704,7 @@ declare global {
         "calcite-input": HTMLCalciteInputElement;
         "calcite-input-date-picker": HTMLCalciteInputDatePickerElement;
         "calcite-input-message": HTMLCalciteInputMessageElement;
+        "calcite-input-number": HTMLCalciteInputNumberElement;
         "calcite-input-time-picker": HTMLCalciteInputTimePickerElement;
         "calcite-label": HTMLCalciteLabelElement;
         "calcite-link": HTMLCalciteLinkElement;
@@ -4462,97 +4762,112 @@ declare global {
 declare namespace LocalJSX {
     interface CalciteAccordion {
         /**
-          * specify the appearance - default (containing border), or minimal (no containing border), defaults to default
+          * Specifies the appearance of the component.
          */
         "appearance"?: AccordionAppearance;
         /**
-          * specify the placement of the icon in the header, defaults to end
+          * Specifies the placement of the icon in the header.
          */
         "iconPosition"?: Position;
         /**
-          * specify the type of the icon in the header, defaults to chevron
+          * Specifies the type of the icon in the header.
          */
         "iconType"?: "chevron" | "caret" | "plus-minus";
         /**
-          * specify the scale of accordion, defaults to m
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * specify the selection mode - multi (allow any number of open items), single (allow one open item), or single-persist (allow and require one open item), defaults to multi
+          * Specifies the selection mode - "multi" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item).
          */
         "selectionMode"?: "multi" | "single" | "single-persist";
     }
     interface CalciteAccordionItem {
         /**
-          * Indicates whether the item is active.
+          * When true, the component is active.
+          * @deprecated use expanded instead
          */
         "active"?: boolean;
         /**
-          * optionally pass an icon to display - accepts Calcite UI icon names
+          * Specifies a description for the component.
+         */
+        "description"?: string;
+        /**
+          * When true, item is expanded
+         */
+        "expanded"?: boolean;
+        /**
+          * Specifies heading text for the component.
+         */
+        "heading"?: string;
+        /**
+          * Specifies an icon to display - accepts Calcite UI icon names.
          */
         "icon"?: string;
         /**
-          * pass a title for the accordion item
+          * Specifies a subtitle for the component.
+          * @deprecated Use `description` instead.
          */
         "itemSubtitle"?: string;
         /**
-          * pass a title for the accordion item
+          * Specifies a title for the component.
+          * @deprecated Use `heading` instead.
          */
         "itemTitle"?: string;
     }
     interface CalciteAction {
         /**
-          * Indicates whether the action is highlighted.
+          * When true, the component is highlighted.
          */
         "active"?: boolean;
         /**
-          * Optionally specify the horizontal alignment of button elements with text content.
+          * Specifies the horizontal alignment of button elements with text content.
          */
         "alignment"?: Alignment;
         /**
-          * Specify the appearance style of the action, defaults to solid.
+          * Specifies the appearance of the component.
          */
         "appearance"?: Extract<"solid" | "clear", Appearance>;
         /**
-          * Compact mode is used internally by components to reduce side padding, e.g. calcite-block-section.
+          * When true, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
          */
         "compact"?: boolean;
         /**
-          * 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;
         /**
-          * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+          * Specifies an icon to display - accepts Calcite UI icon names.
          */
         "icon"?: string;
         /**
-          * Indicates unread changes.
+          * When true, indicates unread changes.
          */
         "indicator"?: boolean;
         /**
-          * string to override English loading text
+          * Specifies the text label to display while loading.
           * @default "Loading"
          */
         "intlLoading"?: string;
         /**
-          * The label of the action. If no label is provided, the label inherits what's provided for the `text` prop.
+          * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.
          */
         "label"?: string;
         /**
-          * When true, content is waiting to be loaded. This state shows a busy indicator.
+          * When true, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * Emitted when the action has been clicked.
+          * Emits when the component has been clicked.
           * @deprecated use onClick instead.
          */
         "onCalciteActionClick"?: (event: CalciteActionCustomEvent<any>) => void;
         /**
-          * Specifies the size of the action.
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * Text that accompanies the action icon.
+          * Specifies text that accompanies the icon.
          */
         "text": string;
         /**
@@ -4562,35 +4877,35 @@ declare namespace LocalJSX {
     }
     interface CalciteActionBar {
         /**
-          * When set to true, the expand-toggling behavior will be disabled.
+          * When true, the expand-toggling behavior is disabled.
          */
         "expandDisabled"?: boolean;
         /**
-          * Indicates whether widget is expanded.
+          * When true, the component is expanded.
          */
         "expanded"?: boolean;
         /**
-          * Updates the label of the collapse icon when the component is expanded.
+          * Specifies the label of the collapse icon when the component is expanded.
          */
         "intlCollapse"?: string;
         /**
-          * Updates the label of the expand icon when the component is not expanded.
+          * Specifies the label of the expand icon when the component is collapsed.
          */
         "intlExpand"?: string;
         /**
-          * Emitted when expanded has been toggled.
+          * Emits when the `expanded` property is toggled.
          */
         "onCalciteActionBarToggle"?: (event: CalciteActionBarCustomEvent<any>) => void;
         /**
-          * Disables automatically overflowing actions that won't fit into menus.
+          * Disables automatically overflowing `calcite-action`s that won't fit into menus.
          */
         "overflowActionsDisabled"?: boolean;
         /**
-          * Arranges the component depending on the elements 'dir' property.
+          * Arranges the component depending on the element's `dir` property.
          */
         "position"?: Position;
         /**
-          * Specifies the size of the expand action.
+          * Specifies the size of the expand `calcite-action`.
          */
         "scale"?: Scale;
     }
@@ -4600,29 +4915,29 @@ declare namespace LocalJSX {
          */
         "columns"?: Columns;
         /**
-          * Indicates whether widget is expanded.
+          * When true, the component is expanded.
          */
         "expanded"?: boolean;
         /**
-          * Text string for the actions menu.
+          * Specifies a text string for the `calcite-action-menu`.
          */
         "intlMore"?: string;
         /**
-          * Indicates the horizontal, vertical, or grid layout of the component.
+          * Indicates the layout of the component.
          */
         "layout"?: Layout;
         /**
-          * Opens the action menu.
+          * When true, the `calcite-action-menu` is open.
          */
         "menuOpen"?: boolean;
         /**
-          * Specifies the size of the action-menu.
+          * Specifies the size of the `calcite-action-menu`.
          */
         "scale"?: Scale;
     }
     interface CalciteActionMenu {
         /**
-          * Indicates whether widget is expanded.
+          * When true, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -4630,131 +4945,139 @@ declare namespace LocalJSX {
          */
         "flipPlacements"?: ComputedPlacement[];
         /**
-          * Text string for the actions menu.
+          * Specifies the text string for the component.
          */
         "label": string;
         /**
-          * Emitted when the open property has changed.
+          * Emits when the `open` property has changed.
          */
         "onCalciteActionMenuOpenChange"?: (event: CalciteActionMenuCustomEvent<any>) => void;
         /**
-          * Opens the action menu.
+          * When true, the component is open.
          */
         "open"?: boolean;
         /**
-          * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
+          * Determines the type of positioning to use for the overlaid content. If your element is in a fixed container, use the "fixed" value.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
-          * Determines where the component will be positioned relative to the referenceElement.
+          * 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)
          */
         "placement"?: PopperPlacement;
         /**
-          * Specifies the size of the menu trigger action.
+          * Specifies the size of the component's trigger `calcite-action`.
          */
         "scale"?: Scale;
     }
     interface CalciteActionPad {
         /**
-          * When set to true, the expand-toggling behavior will be disabled.
+          * When true, the expand-toggling behavior is disabled.
          */
         "expandDisabled"?: boolean;
         /**
-          * Indicates whether widget is expanded.
+          * When true, the component is expanded.
          */
         "expanded"?: boolean;
         /**
-          * Updates the label of the collapse icon when the component is expanded.
+          * Specifies the label of the collapse icon when the component is expanded.
          */
         "intlCollapse"?: string;
         /**
-          * Updates the label of the expand icon when the component is not expanded.
+          * Specifies the label of the expand icon when the component is collapsed.
          */
         "intlExpand"?: string;
         /**
-          * Indicates the horizontal or vertical layout of the component.
+          * Indicates the layout of the component.
          */
         "layout"?: Layout;
         /**
-          * Emitted when expanded has been toggled.
+          * Emits when the `expanded` property is toggled.
          */
         "onCalciteActionPadToggle"?: (event: CalciteActionPadCustomEvent<any>) => void;
         /**
-          * Arranges the component depending on the elements 'dir' property.
+          * Arranges the component depending on the element's `dir` property.
          */
         "position"?: Position;
         /**
-          * Specifies the size of the expand action.
+          * Specifies the size of the expand `calcite-action`.
          */
         "scale"?: Scale;
     }
     interface CalciteAlert {
         /**
-          * Is the alert currently active or not
+          * When true, the component is active.
          */
         "active"?: boolean;
         /**
-          * Close the alert automatically (recommended for passive, non-blocking alerts)
+          * When true, the component closes automatically (recommended for passive, non-blocking alerts).
          */
         "autoDismiss"?: boolean;
         /**
-          * Duration of autoDismiss (only used with `autoDismiss`)
+          * Specifies the duration before the component automatically closes (only use with `autoDismiss`).
          */
         "autoDismissDuration"?: AlertDuration;
         /**
-          * Color for the alert (will apply to top border and icon)
+          * Specifies the color for the component (will apply to top border and icon).
          */
         "color"?: StatusColor;
         /**
-          * when used as a boolean set to true, show a default recommended icon. You can also pass a calcite-ui-icon name to this prop to display a requested icon
+          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
-          * string to override English close text
+          * Specifies the text label for the close button.
           * @default "Close"
          */
         "intlClose"?: string;
         /**
-          * Accessible name for the component
+          * Specifies an accessible name for the component.
          */
         "label": string;
+        "onCalciteAlertBeforeClose"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertBeforeOpen"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
         /**
-          * Fired when an alert is closed
-         */
-        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<any>) => void;
-        /**
-          * Fired when an alert is opened
-         */
-        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<any>) => void;
-        /**
-          * specify the placement of the alert
+          * Specifies the placement of the component
          */
         "placement"?: AlertPlacement;
         /**
-          * specify the scale of the alert, defaults to m
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
     }
     interface CalciteAvatar {
         /**
-          * full name of the user
+          * Specifies the full name of the user.
          */
         "fullName"?: string;
         /**
-          * specify the scale of the avatar, defaults to m
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * src to an image (remember to add a token if the user is private)
+          * Specifies the `src` to an image (remember to add a token if the user is private).
          */
         "thumbnail"?: string;
         /**
-          * unique id for user
+          * Specifies the unique id of the user.
          */
         "userId"?: string;
         /**
-          * user name
+          * Specifies the username of the user.
          */
         "username"?: string;
     }
@@ -4763,6 +5086,14 @@ declare namespace LocalJSX {
           * When true, this block will be collapsible.
          */
         "collapsible"?: boolean;
+        /**
+          * Block description
+         */
+        "description"?: string;
+        /**
+          * When true, removes padding for the slotted content
+         */
+        "disablePadding"?: boolean;
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -4817,6 +5148,7 @@ declare namespace LocalJSX {
         "status"?: Status;
         /**
           * Block summary.
+          * @deprecated use description instead
          */
         "summary"?: string;
     }
@@ -5007,6 +5339,14 @@ declare namespace LocalJSX {
           * specify the appearance style of the button, defaults to solid.
          */
         "appearance"?: Extract<"solid" | "clear", Appearance>;
+        /**
+          * When true, show abutton user can click to dismiss the chip.
+         */
+        "closable"?: boolean;
+        /**
+          * When true, hides the chip
+         */
+        "closed"?: boolean;
         /**
           * specify the color of the button, defaults to blue
          */
@@ -5018,6 +5358,7 @@ declare namespace LocalJSX {
         "dismissLabel"?: string;
         /**
           * Optionally show a button the user can click to dismiss the chip
+          * @deprecated use closable instead
          */
         "dismissible"?: boolean;
         /**
@@ -5166,6 +5507,10 @@ declare namespace LocalJSX {
           * @default "Value"
          */
         "intlValue"?: string;
+        /**
+          * standard UniCode numeral system tag for localization
+         */
+        "numberingSystem"?: string;
         /**
           * Fires when the color value has changed.
          */
@@ -5204,6 +5549,10 @@ declare namespace LocalJSX {
           * @default "No color"
          */
         "intlNoColor"?: string;
+        /**
+          * standard UniCode numeral system tag for localization
+         */
+        "numberingSystem"?: string;
         /**
           * Emitted when the hex value changes.
          */
@@ -5234,7 +5583,8 @@ declare namespace LocalJSX {
     }
     interface CalciteCombobox {
         /**
-          * Opens or closes the combobox
+          * When true, opens the combobox
+          * @deprecated use open instead
          */
         "active"?: boolean;
         /**
@@ -5266,6 +5616,8 @@ declare namespace LocalJSX {
           * The name of the switch input
          */
         "name"?: string;
+        "onCalciteComboboxBeforeClose"?: (event: CalciteComboboxCustomEvent<{ el: HTMLCalciteComboboxElement }>) => void;
+        "onCalciteComboboxBeforeOpen"?: (event: CalciteComboboxCustomEvent<{ el: HTMLCalciteComboboxElement }>) => void;
         /**
           * Called when the selected item(s) changes.
          */
@@ -5274,6 +5626,7 @@ declare namespace LocalJSX {
           * Called when a selected item in the combobox is dismissed via its chip
          */
         "onCalciteComboboxChipDismiss"?: (event: CalciteComboboxCustomEvent<any>) => void;
+        "onCalciteComboboxClose"?: (event: CalciteComboboxCustomEvent<{ el: HTMLCalciteComboboxElement }>) => void;
         /**
           * Called when the user has entered text to filter the options list
          */
@@ -5281,11 +5634,16 @@ declare namespace LocalJSX {
     visibleItems: HTMLCalciteComboboxItemElement[];
     text: string;
   }>) => void;
+        "onCalciteComboboxOpen"?: (event: CalciteComboboxCustomEvent<{ el: HTMLCalciteComboboxElement }>) => void;
         /**
           * Called when the selected items set changes
           * @deprecated use calciteComboboxChange instead
          */
         "onCalciteLookupChange"?: (event: CalciteComboboxCustomEvent<HTMLCalciteComboboxItemElement[]>) => void;
+        /**
+          * When true, opens the combobox
+         */
+        "open"?: boolean;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -5294,6 +5652,10 @@ declare namespace LocalJSX {
           * Placeholder text for input
          */
         "placeholder"?: string;
+        /**
+          * Placeholder icon for input
+         */
+        "placeholderIcon"?: string;
         /**
           * Specify the scale of the combobox, defaults to m
          */
@@ -5318,12 +5680,17 @@ declare namespace LocalJSX {
         "ancestors"?: ComboboxChildElement[];
         /**
           * Don't filter this item based on the search text
+          * @deprecated use filterDisabled instead
          */
         "constant"?: boolean;
         /**
           * When true, the item cannot be clicked and is visually muted.
          */
         "disabled"?: boolean;
+        /**
+          * Do not filter this item based on the search text
+         */
+        "filterDisabled"?: boolean;
         /**
           * Unique identifier, used for accessibility
          */
@@ -5606,6 +5973,7 @@ declare namespace LocalJSX {
     interface CalciteDropdown {
         /**
           * Opens or closes the dropdown
+          * @deprecated use open instead.
          */
         "active"?: boolean;
         /**
@@ -5624,18 +5992,18 @@ declare namespace LocalJSX {
           * specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 - this value does not include groupTitles passed to calcite-dropdown-group
          */
         "maxItems"?: number;
-        /**
-          * fires when a dropdown has been closed
-         */
-        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<void>) => void;
-        /**
-          * fires when a dropdown has been opened
-         */
-        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        "onCalciteDropdownBeforeClose"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownBeforeOpen"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
         /**
           * fires when a dropdown item has been selected or deselected
          */
         "onCalciteDropdownSelect"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        /**
+          * When true, opens the dropdown
+         */
+        "open"?: boolean;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -5896,35 +6264,38 @@ declare namespace LocalJSX {
     }
     interface CalciteInput {
         /**
-          * specify the alignment of the value of the input
+          * Specifies the text alignment of the component's value.
          */
         "alignment"?: Position;
         /**
-          * should the input autofocus
+          * When true, the component is focused on page load.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
          */
         "autofocus"?: boolean;
         /**
-          * optionally display a clear button that displays when field has a value shows by default for search, time, date will not display for type="textarea"
+          * When true, a clear button is displayed when the component has a value. The clear button shows by default for "search", "time", and "date" types, and will not display for the "textarea" type.
          */
         "clearable"?: boolean;
         /**
-          * is the input disabled
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
          */
         "disabled"?: boolean;
         /**
-          * for number values, displays the locale's group separator
+          * When true, number values are displayed with the locale's group separator.
          */
         "groupSeparator"?: boolean;
         /**
-          * when true, the component will not be visible
+          * When true, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "hidden"?: boolean;
         /**
-          * when used as a boolean set to true, show a default recommended icon for certain input types (tel, password, email, date, time, search). You can also pass a calcite-ui-icon name to this prop to display a requested icon for any input type
+          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
-          * flip the icon in rtl
+          * When true, the icon is flipped in RTL.
          */
         "iconFlipRtl"?: boolean;
         /**
@@ -5932,97 +6303,106 @@ declare namespace LocalJSX {
          */
         "intlClear"?: string;
         /**
-          * string to override English loading text
+          * Accessible name that will appear while loading.
           * @default "Loading"
          */
         "intlLoading"?: string;
         /**
-          * Applies to the aria-label attribute on the button or hyperlink
+          * Accessible name for the component's button or hyperlink.
          */
         "label"?: string;
         /**
-          * specify if the input is in loading state
+          * When true, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading"?: boolean;
         /**
-          * BCP 47 language tag for desired language and country format
+          * Specifies the BCP 47 language tag for the desired language and country format.
          */
         "locale"?: string;
         /**
-          * input max
+          * Specifies the maximum value for type "number".
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
          */
         "max"?: number;
         /**
-          * Maximum length of the input value
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
          */
         "maxLength"?: number;
         /**
-          * Maximum length of text input.
+          * Specifies the maximum length of text for the component's value.
           * @deprecated use maxLength instead
          */
         "maxlength"?: number;
         /**
-          * input min
+          * Specifies the minimum value for type "number".
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
          */
         "min"?: number;
         /**
-          * Minimum length of the text input
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
          */
         "minLength"?: number;
         /**
-          * The name of the input
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
          */
         "name"?: string;
         /**
-          * specify the placement of the number buttons
+          * Specifies the placement of the buttons for type "number".
          */
         "numberButtonType"?: InputPlacement;
         /**
-          * standard UniCode numeral system tag for localization
+          * Specifies the Unicode numeral system used by the component for localization.
+          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
         "numberingSystem"?: string;
         /**
-          * This event fires each time a new value is typed and committed.
+          * Fires each time a new value is typed and committed.
          */
         "onCalciteInputChange"?: (event: CalciteInputCustomEvent<void>) => void;
         /**
-          * This event fires each time a new value is typed.
+          * Fires each time a new value is typed.
          */
         "onCalciteInputInput"?: (event: CalciteInputCustomEvent<any>) => void;
         /**
-          * explicitly whitelist placeholder attribute
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
          */
         "placeholder"?: string;
         /**
-          * optionally add prefix
+          * Adds text to the start of the component.
          */
         "prefixText"?: string;
         /**
-          * When true, a field cannot be modified.
+          * When true, the value cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly"?: boolean;
         /**
-          * is the input required
+          * When true, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
-          * specify the scale of the input, defaults to m
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * specify the status of the input field, determines message and icons
+          * Specifies the status of the input field, which determines message and icons.
          */
         "status"?: Status;
         /**
-          * input step
+          * Specifies the granularity that the component's value must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
          */
         "step"?: number | "any";
         /**
-          * optionally add suffix
+          * Adds text to the end of the component.
          */
         "suffixText"?: string;
         /**
-          * specify the input type  Note that the following types add type-specific icons by default: `date`, `email`, `password`, `search`, `tel`, `time`
+          * Specifies the component type.  Note that the following types add type-specific icons by default: "date", "email", "password", "search", "tel", "time".
          */
         "type"?: | "color"
     | "date"
@@ -6041,7 +6421,7 @@ declare namespace LocalJSX {
     | "url"
     | "week";
         /**
-          * input value
+          * The component's value.
          */
         "value"?: string;
     }
@@ -6147,6 +6527,11 @@ declare namespace LocalJSX {
           * Range mode activation
          */
         "range"?: boolean;
+        /**
+          * 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;
         /**
           * specify the scale of the date picker
          */
@@ -6193,6 +6578,145 @@ declare namespace LocalJSX {
          */
         "type"?: "default";
     }
+    interface CalciteInputNumber {
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment"?: Position;
+        /**
+          * When true, the component is focused on page load.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus"?: boolean;
+        /**
+          * When true, a clear button is displayed when the component has a value.
+         */
+        "clearable"?: boolean;
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled"?: boolean;
+        /**
+          * When true, number values are displayed with the locale's group separator.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * When true, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+         */
+        "hidden"?: boolean;
+        /**
+          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+         */
+        "icon"?: string | boolean;
+        /**
+          * When true, the icon is flipped in RTL.
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * A text label that will appear on the clear button for screen readers.
+         */
+        "intlClear"?: string;
+        /**
+          * Accessible name that will appear while loading.
+          * @default "Loading"
+         */
+        "intlLoading"?: string;
+        /**
+          * Accessible name for the component's button or hyperlink.
+         */
+        "label"?: string;
+        /**
+          * When true, the component is in the loading state and `calcite-progress` is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Specifies the BCP 47 language tag for the desired language and country format.
+         */
+        "locale"?: string;
+        /**
+          * Specifies the maximum value.
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+         */
+        "max"?: number;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Specifies the minimum value.
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+         */
+        "min"?: number;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength"?: number;
+        /**
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name"?: string;
+        /**
+          * Specifies the placement of the buttons.
+         */
+        "numberButtonType"?: InputPlacement1;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
+         */
+        "numberingSystem"?: string;
+        /**
+          * Fires each time a new value is typed and committed.
+         */
+        "onCalciteInputNumberChange"?: (event: CalciteInputNumberCustomEvent<void>) => void;
+        /**
+          * Fires each time a new value is typed.
+         */
+        "onCalciteInputNumberInput"?: (event: CalciteInputNumberCustomEvent<any>) => void;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder"?: string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText"?: string;
+        /**
+          * When true, the value cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly"?: boolean;
+        /**
+          * When true, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
+        /**
+          * Specifies the granularity that the component's value must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+         */
+        "step"?: number | "any";
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText"?: string;
+        /**
+          * The component's value.
+         */
+        "value"?: string;
+    }
     interface CalciteInputTimePicker {
         /**
           * The active state of the time input
@@ -6263,6 +6787,11 @@ declare namespace LocalJSX {
           * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
          */
         "placement"?: PopperPlacement;
+        /**
+          * 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;
         /**
           * The scale (size) of the time input
          */
@@ -6283,6 +6812,7 @@ declare namespace LocalJSX {
         "alignment"?: Alignment;
         /**
           * eliminates any space around the label
+          * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
          */
         "disableSpacing"?: boolean;
         /**
@@ -6344,45 +6874,45 @@ declare namespace LocalJSX {
     }
     interface CalciteList {
         /**
-          * 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;
     }
     interface CalciteListItem {
         /**
-          * An optional description for the list item. Displays below the label text.
+          * A description for the component. Displays below the label text.
          */
         "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;
         /**
-          * 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;
     }
     interface CalciteListItemGroup {
         /**
-          * 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;
     }
     interface CalciteLoader {
         /**
-          * When true, the loader is active.
+          * When true, the component is active.
          */
         "active"?: boolean;
         /**
@@ -6390,19 +6920,19 @@ declare namespace LocalJSX {
          */
         "inline"?: boolean;
         /**
-          * Accessible name for the loader.
+          * Accessible name for the component.
          */
         "label": string;
         /**
-          * Disables spacing around the loader.
+          * Disables spacing around the component.
          */
         "noPadding"?: boolean;
         /**
-          * Specify the scale of the loader.
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * Text that displays under the loading indicator.
+          * Text that displays under the component's indicator.
          */
         "text"?: string;
         /**
@@ -6410,17 +6940,18 @@ declare namespace LocalJSX {
          */
         "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;
     }
     interface CalciteModal {
         /**
           * When true, the `calcite-modal` is active.
+          * @deprecated use open instead
          */
         "active"?: boolean;
         /**
-          * Sets the background color of `calcite-modal` content.
+          * Sets the background color of the component's content.
          */
         "backgroundColor"?: ModalBackgroundColor;
         /**
@@ -6428,11 +6959,11 @@ declare namespace LocalJSX {
          */
         "beforeClose"?: (el: HTMLElement) => Promise<void>;
         /**
-          * Adds a color bar to the top of `calcite-modal` for visual impact. Use color to add importance to destructive or workflow dialogs.
+          * 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";
         /**
-          * When true, disables the close button within the `calcite-modal`.
+          * When true, disables the component's close button.
          */
         "disableCloseButton"?: boolean;
         /**
@@ -6440,19 +6971,19 @@ declare namespace LocalJSX {
          */
         "disableEscape"?: 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;
         /**
-          * 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;
         /**
-          * Set the `calcite-modal` to always be fullscreen (overrides width).
+          * Sets the component to always be fullscreen (overrides width).
          */
         "fullscreen"?: boolean;
         /**
-          * Accessible label for the close button.
+          * Accessible name for the component's close button.
          */
         "intlClose"?: string;
         /**
@@ -6460,33 +6991,42 @@ declare namespace LocalJSX {
          */
         "noPadding"?: boolean;
         /**
-          * Emits when `calcite-modal` finishes the close animation.
+          * Emits when the component finishes the close animation.
          */
         "onCalciteModalClose"?: (event: CalciteModalCustomEvent<any>) => void;
         /**
-          * Emits when `calcite-modal` finishes the open animation.
+          * Emits when the component finishes the open animation.
          */
         "onCalciteModalOpen"?: (event: CalciteModalCustomEvent<any>) => void;
         /**
-          * Specify the scale of `calcite-modal`.
+          * When true,`calcite-modal`  opens
+         */
+        "open"?: boolean;
+        /**
+          * 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;
     }
     interface CalciteNotice {
         /**
-          * 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.
+          * When true, displays a button user can click to dismiss the `calcite-notice`
+         */
+        "closable"?: boolean;
+        /**
+          * 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;
         /**
@@ -6494,90 +7034,90 @@ declare namespace LocalJSX {
          */
         "icon"?: string | boolean;
         /**
-          * Accessible label for the close button.
+          * Accessible name for the close button.
           * @default "Close"
          */
         "intlClose"?: string;
         /**
-          * Fired when `calcite-notice` is closed.
+          * Fired when the component is closed.
          */
         "onCalciteNoticeClose"?: (event: CalciteNoticeCustomEvent<any>) => void;
         /**
-          * Fired when `calcite-notice` is opened.
+          * Fired when the component is opened.
          */
         "onCalciteNoticeOpen"?: (event: CalciteNoticeCustomEvent<any>) => void;
         /**
-          * 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;
     }
     interface CalciteOption {
         /**
-          * 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;
     }
     interface CalciteOptionGroup {
         /**
-          * 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;
     }
     interface CalcitePagination {
         /**
-          * number of items per page
+          * Specifies the number of items per page.
          */
         "num"?: number;
         /**
-          * Emitted whenever the selected page changes.
-          * @see [PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/calcite-pagination.tsx#L18)
+          * Emits when the selected page changes.
+          * @see [PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/pagination.tsx#L23)
          */
         "onCalcitePaginationChange"?: (event: CalcitePaginationCustomEvent<PaginationDetail>) => void;
         /**
-          * Emitted whenever the selected page changes.
+          * Emits when the selected page changes.
           * @deprecated use calcitePaginationChange instead
          */
         "onCalcitePaginationUpdate"?: (event: CalcitePaginationCustomEvent<PaginationDetail>) => void;
         /**
-          * The scale of the pagination
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * index of item that should begin the page
+          * Specifies the starting item number.
          */
         "start"?: 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;
         /**
-          * total number of items
+          * Specifies the total number of items.
          */
         "total"?: number;
     }
@@ -6587,82 +7127,97 @@ declare namespace LocalJSX {
          */
         "beforeBack"?: () => Promise<void>;
         /**
-          * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+          * When true, displays a close button in the trailing side of the header
+         */
+        "closable"?: boolean;
+        /**
+          * When true, panel will be hidden
+         */
+        "closed"?: boolean;
+        /**
+          * A description for the component.
+         */
+        "description"?: string;
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * Hides the panel.
+          * When true, hides the component.
+          * @deprecated use closed instead
          */
         "dismissed"?: 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;
         /**
-          * Heading text.
+          * The component header text.
          */
         "heading"?: string;
         /**
-          * Number at which section headings should start for this component.
+          * Specifies the number at which section headings should start.
          */
         "headingLevel"?: HeadingLevel;
         /**
-          * Specifies the maximum height of the panel.
+          * Specifies the maximum height of the component.
          */
         "heightScale"?: Scale;
         /**
-          * 'Back' text string.
+          * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
          */
         "intlBack"?: string;
         /**
-          * '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;
         /**
-          * When true, content is waiting to be loaded. This state shows a busy indicator.
+          * When true, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * Opens the action menu.
+          * When true, the action menu items in the `header-menu-actions` slot are open.
          */
         "menuOpen"?: boolean;
         /**
-          * Emitted when the back button has been clicked.
+          * Fires when the back button is clicked.
          */
         "onCalcitePanelBackClick"?: (event: CalcitePanelCustomEvent<any>) => void;
         /**
-          * Emitted when the close button has been clicked.
+          * Fires when the close button is clicked.
          */
         "onCalcitePanelDismiss"?: (event: CalcitePanelCustomEvent<any>) => void;
         /**
-          * Emitted when the close button has been clicked.
+          * Fires when the close button is clicked.
           * @deprecated use calcitePanelDismiss instead.
          */
         "onCalcitePanelDismissedChange"?: (event: CalcitePanelCustomEvent<any>) => void;
         /**
-          * Emitted when the content has been scrolled.
+          * Fires when the content is scrolled.
          */
         "onCalcitePanelScroll"?: (event: CalcitePanelCustomEvent<any>) => void;
         /**
-          * Shows a back button in the header.
+          * When true, displays a back button in the header.
          */
         "showBackButton"?: boolean;
         /**
           * Summary text. A description displayed underneath the heading.
+          * @deprecated use description instead
          */
         "summary"?: string;
         /**
-          * This sets width of the panel.
+          * Specifies the width of the component.
          */
         "widthScale"?: Scale;
     }
     interface CalcitePickList {
         /**
-          * 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;
         /**
@@ -6674,47 +7229,47 @@ declare namespace LocalJSX {
          */
         "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;
         /**
-          * Emitted when any of the item selections have changed.
+          * Emits when any of the `calcite-pick-list-item` selections have changed.
          */
         "onCalciteListChange"?: (event: CalcitePickListCustomEvent<Map<string, HTMLCalcitePickListItemElement>>) => void;
         /**
-          * 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;
     }
     interface CalcitePickListGroup {
         /**
-          * The title used for all nested `calcite-pick-list` rows.
+          * Specifies the title for all nested `calcite-pick-list-item`s.
          */
         "groupTitle"?: string;
         /**
-          * Number at which section headings should start for this component.
+          * Specifies the number at which section headings should start.
          */
         "headingLevel"?: HeadingLevel;
     }
     interface CalcitePickListItem {
         /**
-          * An optional description for this item.  This will appear below the label text.
+          * A description for the component that displays below the label text.
          */
         "description"?: string;
         /**
-          * When false, the item cannot be deselected by user interaction.
+          * When false, the component cannot be deselected by user interaction.
          */
         "disableDeselect"?: boolean;
         /**
-          * When true, the item cannot be clicked and is visually muted.
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -6723,20 +7278,20 @@ declare namespace LocalJSX {
          */
         "icon"?: ICON_TYPES | null;
         /**
-          * Used as an accessible label (aria-label) for the "remove item" action. Only applicable if removable is true.
+          * Accessible name for the component's remove button. Only applicable if removable is "true".
           * @default "Remove"
          */
         "intlRemove"?: string;
         /**
-          * The main label for this item. This will appear next to the icon.
+          * Label and accessible name for the component. Appears next to the icon.
          */
         "label"?: string;
         /**
-          * Used to provide additional metadata to an item, primarily used when the parent list has a filter.
+          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
          */
         "metadata"?: Record<string, unknown>;
         /**
-          * Emitted whenever the item is selected or unselected.
+          * Fires when the component is selected or unselected.
          */
         "onCalciteListItemChange"?: (event: CalcitePickListItemCustomEvent<{
     item: HTMLCalcitePickListItemElement;
@@ -6745,42 +7300,47 @@ declare namespace LocalJSX {
     shiftPressed: boolean;
   }>) => void;
         /**
-          * Emitted whenever the remove button is pressed.
+          * Fires when the remove button is pressed.
          */
         "onCalciteListItemRemove"?: (event: CalcitePickListItemCustomEvent<void>) => void;
         /**
-          * Set this to true to display a remove action that removes the item from the list.
+          * When true, displays a remove action that removes the item from the list.
          */
         "removable"?: boolean;
         /**
-          * Set this to true to pre-select an item. Toggles when an item is checked/unchecked.
+          * When true, selects an item. Toggles when an item is checked/unchecked.
          */
         "selected"?: boolean;
         /**
-          * The item's associated value.
+          * The component's value.
          */
         "value": any;
     }
     interface CalcitePopover {
         /**
-          * Automatically closes any currently open popovers when clicking outside of a popover.
+          * When true and clicking outside of the component, automatically closes open `calcite-popover`s.
          */
         "autoClose"?: boolean;
         /**
-          * Display a close button within the Popover.
+          * When true, display a close button within the Popover
+         */
+        "closable"?: boolean;
+        /**
+          * When true, a close button is added to the component.
           * @deprecated use dismissible instead.
          */
         "closeButton"?: boolean;
         /**
-          * Prevents flipping the popover's placement when it starts to overlap its reference element.
+          * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
          */
         "disableFlip"?: boolean;
         /**
-          * Removes the caret pointer.
+          * When true, removes the caret pointer.
          */
         "disablePointer"?: boolean;
         /**
-          * Display a close button within the Popover.
+          * When true, a close button is added to the component.
+          * @deprecated use closable instead
          */
         "dismissible"?: boolean;
         /**
@@ -6788,58 +7348,58 @@ declare namespace LocalJSX {
          */
         "flipPlacements"?: ComputedPlacement[];
         /**
-          * Heading text.
+          * The component header text.
          */
         "heading"?: string;
         /**
-          * Number at which section headings should start for this component.
+          * Specifies the number at which section headings should start.
          */
         "headingLevel"?: HeadingLevel;
         /**
-          * Text for close button.
+          * Accessible name for the component's close button.
           * @default "Close"
          */
         "intlClose"?: string;
         /**
-          * Accessible name for the component
+          * Accessible name for the component.
          */
         "label": string;
         /**
-          * Offset the position of the popover away from the reference element.
+          * Offsets the position of the popover away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance"?: number;
         /**
-          * Offset the position of the popover along the reference element.
+          * Offsets the position of the popover along the `referenceElement`.
          */
         "offsetSkidding"?: number;
         /**
-          * Fired when the popover is closed
+          * Fired when the component is closed.
          */
         "onCalcitePopoverClose"?: (event: CalcitePopoverCustomEvent<any>) => void;
         /**
-          * Fired when the popover is opened
+          * Fired when the component is opened.
          */
         "onCalcitePopoverOpen"?: (event: CalcitePopoverCustomEvent<any>) => void;
         /**
-          * Display and position the component.
+          * When true, displays and positions the component.
          */
         "open"?: boolean;
         /**
-          * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
+          * Describes the positioning type to use for the overlaid content. If the element is in a fixed container, use the "fixed" value.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
-          * Determines where the component will be positioned relative to the referenceElement.
+          * 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)
          */
         "placement"?: PopperPlacement;
         /**
-          * Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.
+          * 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.
          */
         "referenceElement": ReferenceElement | string;
         /**
-          * Disables automatically toggling a popover when its referenceElement has been triggered. This property can be set to true to manage when a popover is open.
+          * When true, disables automatically toggling the component when its `referenceElement` has been triggered. This property can be set to "true" to manage when a popover is open.
          */
         "triggerDisabled"?: boolean;
     }
@@ -6856,23 +7416,23 @@ declare namespace LocalJSX {
     }
     interface CalciteProgress {
         /**
-          * Label for the progress indicator
+          * Accessible name for the component.
          */
         "label"?: string;
         /**
-          * For indeterminate progress bars, reverse the animation direction
+          * When true and for indeterminate progress bars, reverses the animation direction.
          */
         "reversed"?: boolean;
         /**
-          * Text to display for the progress indicator
+          * Text that displays under the component's indicator.
          */
         "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible
+          * Use indeterminate if finding actual progress value is impossible.
          */
         "type"?: "indeterminate" | "determinate";
         /**
-          * Fraction completed, in the range of 0 - 1.0
+          * The component's progress value, with a range of 0.0 - 1.0.
          */
         "value"?: number;
     }
@@ -6971,6 +7531,7 @@ declare namespace LocalJSX {
         "scale"?: Scale;
         /**
           * The group's selected item.
+          * @readonly
          */
         "selectedItem"?: HTMLCalciteRadioGroupItemElement;
         /**
@@ -7362,11 +7923,15 @@ declare namespace LocalJSX {
         /**
           * specify the layout of stepper, defaults to horizontal
          */
-        "layout"?: Layout;
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
         /**
           * optionally display the number next to the step title
          */
         "numbered"?: boolean;
+        /**
+          * This event fires when the active stepper item has changed.
+         */
+        "onCalciteStepperItemChange"?: (event: CalciteStepperCustomEvent<StepperItemChangeEventDetail>) => void;
         /**
           * specify the scale of stepper, defaults to m
          */
@@ -7381,6 +7946,10 @@ declare namespace LocalJSX {
           * has the step been completed
          */
         "complete"?: boolean;
+        /**
+          * stepper item description
+         */
+        "description"?: string;
         /**
           * is the step disabled and not navigable to by a user
          */
@@ -7389,12 +7958,18 @@ declare namespace LocalJSX {
           * does the step contain an error that needs to be resolved by the user
          */
         "error"?: boolean;
+        /**
+          * stepper item heading
+         */
+        "heading"?: string;
         /**
           * pass a title for the stepper item
+          * @deprecated use description instead
          */
         "itemSubtitle"?: string;
         /**
           * pass a title for the stepper item
+          * @deprecated use heading instead
          */
         "itemTitle"?: string;
     }
@@ -7499,7 +8074,7 @@ declare namespace LocalJSX {
          */
         "layout"?: TabLayout;
         /**
-          * Display the tabs above (default) or below the tab content
+          * Display the tabs top (default) or bottom of the tab content. above and below are deprecated.
          */
         "position"?: TabPosition;
         /**
@@ -7756,24 +8331,24 @@ declare namespace LocalJSX {
     }
     interface CalciteTooltip {
         /**
-          * Closes the `calcite-tooltip` when the `referenceElement` is clicked.
+          * Closes the component when the `referenceElement` is clicked.
          */
         "closeOnClick"?: boolean;
         /**
-          * Accessible name for the `calcite-tooltip`.
+          * Accessible name for the component.
          */
         "label": string;
         /**
-          * Offset the position of the `calcite-tooltip` away from the `referenceElement`.
+          * Offset the position of the component away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance"?: number;
         /**
-          * Offset the position of the `calcite-tooltip` along the `referenceElement`.
+          * Offset the position of the component along the `referenceElement`.
          */
         "offsetSkidding"?: number;
         /**
-          * When true, the `calcite-tooltip` is open.
+          * When true, the component is open.
          */
         "open"?: boolean;
         /**
@@ -7786,7 +8361,7 @@ declare namespace LocalJSX {
          */
         "placement"?: PopperPlacement;
         /**
-          * The `referenceElement` to position `calcite-tooltip` according to its "placement" value. Setting to the `HTMLElement` is preferred so `calcite-tooltip` does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
+          * The `referenceElement` to position the component according to its "placement" value. Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
          */
         "referenceElement"?: ReferenceElement | string;
     }
@@ -7804,20 +8379,20 @@ declare namespace LocalJSX {
          */
         "inputEnabled"?: boolean;
         /**
-          * Display indentation guide lines.
+          * Displays indentation guide lines.
          */
         "lines"?: boolean;
         /**
-          * Emits when the user selects/deselects tree items. An object including an array of selected items will be passed in the event's "detail" property.
+          * Fires when the user selects/deselects `calcite-tree-items`. An object including an array of selected items will be passed in the event's "detail" property.
           * @see [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L1)
          */
         "onCalciteTreeSelect"?: (event: CalciteTreeCustomEvent<TreeSelectDetail>) => void;
         /**
-          * Specify the scale of the tree.
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * Customize how tree selection works.
+          * Customize how the component's selection works.
           * @default "single"
           * @see [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)
          */
@@ -7825,25 +8400,25 @@ declare namespace LocalJSX {
     }
     interface CalciteTreeItem {
         /**
-          * Expanded state of the item.
+          * When true, the component is expanded.
          */
         "expanded"?: boolean;
         /**
-          * Selected state of the item.
+          * When true, the component is selected.
          */
         "selected"?: boolean;
     }
     interface CalciteValueList {
         /**
-          * When true, prevents user interaction. This state shows list items grayed out and with lower opacity.
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, list items are sortable via a draggable button.
+          * When true, `calcite-value-list-item`s are sortable via a draggable button.
          */
         "dragEnabled"?: boolean;
         /**
-          * When true, an input appears at the top of the list that can be used by end users to filter list items.
+          * When true, an input appears at the top of the component that can be used by end users to filter list items.
          */
         "filterEnabled"?: boolean;
         /**
@@ -7851,15 +8426,31 @@ declare namespace LocalJSX {
          */
         "filterPlaceholder"?: string;
         /**
-          * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
+          * The component's group identifier.  To drag elements from one list into another, both lists must have the same group value.
          */
         "group"?: string;
         /**
-          * When true, content is waiting to be loaded. This state shows a busy indicator.
+          * When "drag-enabled" is true and active, specifies accessible context to the component.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+         */
+        "intlDragHandleActive"?: string;
+        /**
+          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s new position.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+         */
+        "intlDragHandleChange"?: string;
+        /**
+          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s current position after commit.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+         */
+        "intlDragHandleCommit"?: string;
+        /**
+          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s initial position.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+         */
+        "intlDragHandleIdle"?: string;
+        /**
+          * When true, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * Similar to standard radio buttons and checkboxes. When true, a user can select multiple list items at a time. When false, only a single list item can be selected at a time, and selecting a new list item will deselect any other selected list items.
+          * Similar to standard radio buttons and checkboxes. When true, a user can select multiple `calcite-value-list-item`s at a time. When false, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
          */
         "multiple"?: boolean;
         /**
@@ -7871,17 +8462,17 @@ declare namespace LocalJSX {
          */
         "onCalciteListOrderChange"?: (event: CalciteValueListCustomEvent<any[]>) => void;
         /**
-          * When true and single-selection is enabled, the selection changes when navigating list items via the keyboard.
+          * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
          */
         "selectionFollowsFocus"?: boolean;
     }
     interface CalciteValueListItem {
         /**
-          * An optional description for the list item that displays below the label text.
+          * A description for the component that displays below the label text.
          */
         "description"?: string;
         /**
-          * When true, the list item cannot be clicked and is visually muted.
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7890,31 +8481,31 @@ declare namespace LocalJSX {
          */
         "icon"?: ICON_TYPES | null;
         /**
-          * The main label for the list item. Appears next to the icon.
+          * Label and accessible name for the component. Appears next to the icon.
          */
         "label": string;
         /**
-          * Provides additional metadata to a list item. Primary use is for a filter on the parent list.
+          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
          */
         "metadata"?: Record<string, unknown>;
         /**
-          * 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;
         /**
-          * Emits when the remove button is pressed.
+          * Fires when the remove button is pressed.
          */
         "onCalciteListItemRemove"?: (event: CalciteValueListItemCustomEvent<void>) => void;
         /**
-          * When true, adds an action to remove the list item.
+          * When true, adds an action to remove the component.
          */
         "removable"?: boolean;
         /**
-          * When true, preselects the list item. Toggles when an item is checked/unchecked.
+          * When true, the component is selected.
          */
         "selected"?: boolean;
         /**
-          * The list item's associated value.
+          * The component's value.
          */
         "value": any;
     }
@@ -7957,6 +8548,7 @@ declare namespace LocalJSX {
         "calcite-input": CalciteInput;
         "calcite-input-date-picker": CalciteInputDatePicker;
         "calcite-input-message": CalciteInputMessage;
+        "calcite-input-number": CalciteInputNumber;
         "calcite-input-time-picker": CalciteInputTimePicker;
         "calcite-label": CalciteLabel;
         "calcite-link": CalciteLink;
@@ -8053,6 +8645,7 @@ declare module "@stencil/core" {
             "calcite-input": LocalJSX.CalciteInput & JSXBase.HTMLAttributes<HTMLCalciteInputElement>;
             "calcite-input-date-picker": LocalJSX.CalciteInputDatePicker & JSXBase.HTMLAttributes<HTMLCalciteInputDatePickerElement>;
             "calcite-input-message": LocalJSX.CalciteInputMessage & JSXBase.HTMLAttributes<HTMLCalciteInputMessageElement>;
+            "calcite-input-number": LocalJSX.CalciteInputNumber & JSXBase.HTMLAttributes<HTMLCalciteInputNumberElement>;
             "calcite-input-time-picker": LocalJSX.CalciteInputTimePicker & JSXBase.HTMLAttributes<HTMLCalciteInputTimePickerElement>;
             "calcite-label": LocalJSX.CalciteLabel & JSXBase.HTMLAttributes<HTMLCalciteLabelElement>;
             "calcite-link": LocalJSX.CalciteLink & JSXBase.HTMLAttributes<HTMLCalciteLinkElement>;