@esri/calcite-components 1.0.0-next.597 → 1.0.0-next.598

package/dist/types/components.d.ts

@@ -58,14 +58,14 @@ export namespace Components {
          */
         "scale": Scale;
         /**
-          * 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).
+          * 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 {
         /**
-          * When true, the component is active.
-          * @deprecated use expanded instead
+          * When `true`, the component is active.
+          * @deprecated use `expanded` instead.
          */
         "active": boolean;
         /**
@@ -73,7 +73,7 @@ export namespace Components {
          */
         "description": string;
         /**
-          * When true, item is expanded
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -106,7 +106,7 @@ export namespace Components {
     }
     interface CalciteAction {
         /**
-          * When true, the component is highlighted.
+          * When `true`, the component is highlighted.
          */
         "active": boolean;
         /**
@@ -118,11 +118,11 @@ export namespace Components {
          */
         "appearance": Extract<"solid" | "clear", Appearance>;
         /**
-          * When true, the side padding of the component is reduced. Compact mode is used internally by components, 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, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -130,7 +130,7 @@ export namespace Components {
          */
         "icon"?: string;
         /**
-          * When true, indicates unread changes.
+          * When `true`, indicates unread changes.
          */
         "indicator": boolean;
         /**
@@ -143,7 +143,7 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
@@ -165,11 +165,11 @@ export namespace Components {
     }
     interface CalciteActionBar {
         /**
-          * When true, the expand-toggling behavior is disabled.
+          * When `true`, the expand-toggling behavior is disabled.
          */
         "expandDisabled": boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -212,7 +212,7 @@ export namespace Components {
          */
         "columns"?: Columns;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -224,7 +224,7 @@ export namespace Components {
          */
         "layout": Layout;
         /**
-          * When true, the `calcite-action-menu` is open.
+          * When `true`, the `calcite-action-menu` is open.
          */
         "menuOpen": boolean;
         /**
@@ -234,7 +234,7 @@ export namespace Components {
     }
     interface CalciteActionMenu {
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -246,7 +246,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true, the component is open.
+          * When `true`, the component is open.
          */
         "open": boolean;
         /**
@@ -269,11 +269,11 @@ export namespace Components {
     }
     interface CalciteActionPad {
         /**
-          * When true, the expand-toggling behavior is disabled.
+          * When `true`, the expand-toggling behavior is disabled.
          */
         "expandDisabled": boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -304,12 +304,12 @@ export namespace Components {
     }
     interface CalciteAlert {
         /**
-          * When true, opens the combobox
-          * @deprecated use open instead
+          * When `true`, displays and positions the component.
+          * @deprecated use `open` instead.
          */
         "active": boolean;
         /**
-          * When true, the component closes automatically (recommended for passive, non-blocking alerts).
+          * When `true`, the component closes automatically (recommended for passive, non-blocking alerts).
          */
         "autoDismiss": boolean;
         /**
@@ -321,7 +321,7 @@ export namespace Components {
          */
         "color": StatusColor;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
@@ -338,7 +338,7 @@ export namespace Components {
          */
         "numberingSystem"?: NumberingSystem;
         /**
-          * When true, opens the dropdown
+          * When `true`, displays and positions the component.
          */
         "open": boolean;
         /**
@@ -1614,35 +1614,35 @@ export namespace Components {
          */
         "alignment": Position;
         /**
-          * When true, the component is focused on page load.
+          * 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. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
+          * 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;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * 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.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "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 true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * 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 will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
@@ -1659,7 +1659,7 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
@@ -1669,7 +1669,7 @@ export namespace Components {
          */
         "locale": string;
         /**
-          * When true, uses locale formatting for numbers.
+          * When `true`, uses locale formatting for numbers.
          */
         "localeFormat": boolean;
         /**
@@ -1720,12 +1720,12 @@ export namespace Components {
          */
         "prefixText"?: string;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but 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.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -1913,7 +1913,7 @@ export namespace Components {
     }
     interface CalciteInputMessage {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active": boolean;
         /**
@@ -1940,35 +1940,35 @@ export namespace Components {
          */
         "alignment": Position;
         /**
-          * When true, the component is focused on page load.
+          * 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.
+          * 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.
+          * 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.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "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 true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * 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 will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
@@ -1985,7 +1985,7 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading": boolean;
         /**
@@ -2041,12 +2041,12 @@ export namespace Components {
          */
         "prefixText"?: string;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but 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.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -2085,31 +2085,31 @@ export namespace Components {
          */
         "alignment": Position;
         /**
-          * When true, the component is focused on page load.
+          * 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.
+          * 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.
+          * 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, 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 true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * 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 will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
@@ -2126,7 +2126,7 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading": boolean;
         /**
@@ -2154,12 +2154,12 @@ export namespace Components {
          */
         "prefixText"?: string;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but 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.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -2189,12 +2189,12 @@ export namespace Components {
     }
     interface CalciteInputTimePicker {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
           * @deprecated Use `open` instead.
          */
         "active": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2256,7 +2256,11 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, displays the `calcite-time-picker` component.
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * When `true`, displays the `calcite-time-picker` component.
          */
         "open": boolean;
         /**
@@ -2269,7 +2273,7 @@ export namespace Components {
          */
         "placement": LogicalPlacement;
         /**
-          * When true, the component's value can be read, but controls are not accessible and the value cannot be modified.
+          * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly": boolean;
@@ -2304,12 +2308,12 @@ export namespace Components {
          */
         "alignment": Alignment;
         /**
-          * When true, disables the component's spacing.
+          * When `true`, disables the component's spacing.
           * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
          */
         "disableSpacing": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
           * @deprecated Use the `disabled` property on the component the label is bound to instead.
          */
         "disabled": boolean;
@@ -2333,7 +2337,7 @@ export namespace Components {
     }
     interface CalciteLink {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2349,7 +2353,7 @@ export namespace Components {
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
@@ -2371,7 +2375,7 @@ export namespace Components {
     }
     interface CalciteList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2389,7 +2393,7 @@ export namespace Components {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2397,7 +2401,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true, prevents the content of the component from user interaction.
+          * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive": boolean;
         /**
@@ -2417,11 +2421,11 @@ export namespace Components {
     }
     interface CalciteLoader {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active": boolean;
         /**
-          * When true, displays smaller and appears to the left of the text.
+          * When `true`, displays smaller and appears to the left of the text.
          */
         "inline": boolean;
         /**
@@ -2442,18 +2446,18 @@ export namespace Components {
          */
         "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible.
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
         "type": "indeterminate" | "determinate";
         /**
-          * The component's value. 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
+          * When `true`, the component is active.
+          * @deprecated use `open` instead.
          */
         "active": boolean;
         /**
@@ -2461,7 +2465,7 @@ export namespace Components {
          */
         "backgroundColor": ModalBackgroundColor;
         /**
-          * Passes a function to run before the `calcite-modal` closes.
+          * Passes a function to run before the component closes.
          */
         "beforeClose"?: (el: HTMLElement) => Promise<void>;
         /**
@@ -2469,19 +2473,19 @@ export namespace Components {
          */
         "color"?: "red" | "blue";
         /**
-          * When true, disables the component's close button.
+          * When `true`, disables the component's close button.
          */
         "disableCloseButton": boolean;
         /**
-          * When true, disables the default close on escape behavior.
+          * When `true`, disables the default close on escape behavior.
          */
         "disableEscape": boolean;
         /**
-          * When true, disables the closing of the component when clicked outside.
+          * When `true`, disables the closing of the component when clicked outside.
          */
         "disableOutsideClose": boolean;
         /**
-          * When true, prevents the component 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;
         /**
@@ -2491,7 +2495,7 @@ export namespace Components {
          */
         "focusElement": (el?: HTMLElement) => Promise<void>;
         /**
-          * Sets the component to always be fullscreen (overrides width).
+          * Sets the component to always be fullscreen (overrides `width`).
          */
         "fullscreen": boolean;
         /**
@@ -2499,12 +2503,12 @@ export namespace Components {
          */
         "intlClose": string;
         /**
-          * When true, disables spacing to the content area slot.
+          * When `true`, disables spacing to the content area slot.
           * @deprecated Use `--calcite-modal-padding` CSS variable instead.
          */
         "noPadding": boolean;
         /**
-          * When true,`calcite-modal`  opens
+          * When `true`, displays and positions the component.
          */
         "open": boolean;
         /**
@@ -2529,12 +2533,12 @@ export namespace Components {
     }
     interface CalciteNotice {
         /**
-          * When true, the component is active.
-          * @deprecated Use open instead.
+          * When `true`, the component is active.
+          * @deprecated Use `open` instead.
          */
         "active": boolean;
         /**
-          * When true, displays a button user can click to dismiss the `calcite-notice`
+          * When `true`, a close button is added to the component.
          */
         "closable"?: boolean;
         /**
@@ -2542,12 +2546,12 @@ export namespace Components {
          */
         "color": StatusColor;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead.
          */
         "dismissible"?: boolean;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
@@ -2556,7 +2560,7 @@ export namespace Components {
          */
         "intlClose": string;
         /**
-          * When true, the component is visible
+          * When `true`, the component is visible.
          */
         "open": boolean;
         /**
@@ -2574,7 +2578,7 @@ export namespace Components {
     }
     interface CalciteOption {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2582,7 +2586,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         /**
@@ -2592,7 +2596,7 @@ export namespace Components {
     }
     interface CalciteOptionGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2602,7 +2606,7 @@ export namespace Components {
     }
     interface CalcitePagination {
         /**
-          * When true, number values are displayed with a group separator corresponding to the language and country format.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator": boolean;
         /**
@@ -2651,11 +2655,11 @@ export namespace Components {
          */
         "beforeBack"?: () => Promise<void>;
         /**
-          * When true, displays a close button in the trailing side of the header
+          * When `true`, displays a close button in the trailing side of the header.
          */
         "closable": boolean;
         /**
-          * When true, panel will be hidden
+          * When `true`, the component will be hidden.
          */
         "closed": boolean;
         /**
@@ -2663,17 +2667,17 @@ export namespace Components {
          */
         "description": string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, hides the component.
-          * @deprecated use closed instead
+          * When `true`, hides the component.
+          * @deprecated use `closed` instead.
          */
         "dismissed": boolean;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead
          */
         "dismissible": boolean;
         /**
@@ -2689,12 +2693,12 @@ export namespace Components {
          */
         "heightScale"?: Scale;
         /**
-          * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+          * Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.
           * @deprecated use `calcite-flow-item` instead.
          */
         "intlBack"?: string;
         /**
-          * Accessible name for the component's 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 `closeable` is `true`.
          */
         "intlClose"?: string;
         /**
@@ -2702,11 +2706,11 @@ export namespace Components {
          */
         "intlOptions"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * When true, the action menu items in the `header-menu-actions` slot are open.
+          * When `true`, the action menu items in the `header-menu-actions` slot are open.
          */
         "menuOpen": boolean;
         /**
@@ -2721,13 +2725,13 @@ export namespace Components {
          */
         "setFocus": (focusId?: "back-button" | "dismiss-button") => Promise<void>;
         /**
-          * When true, displays a back button in the header.
+          * When `true`, displays a back button in the header.
           * @deprecated use `calcite-flow-item` instead.
          */
         "showBackButton": boolean;
         /**
           * Summary text. A description displayed underneath the heading.
-          * @deprecated use description instead
+          * @deprecated use `description` instead.
          */
         "summary"?: string;
         /**
@@ -2737,11 +2741,11 @@ export namespace Components {
     }
     interface CalcitePickList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, an input appears at the top of the list that can be used by end users to filter items in the list.
+          * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
          */
         "filterEnabled": boolean;
         /**
@@ -2757,15 +2761,15 @@ export namespace Components {
          */
         "headingLevel": HeadingLevel;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * 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.
+          * 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 changes when navigating `calcite-pick-list-item`s via keyboard.
+          * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
          */
         "selectionFollowsFocus": boolean;
         /**
@@ -2790,20 +2794,20 @@ export namespace Components {
          */
         "description"?: string;
         /**
-          * When false, the component cannot be deselected by user interaction.
+          * When `false`, the component cannot be deselected by user interaction.
          */
         "disableDeselect": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+          * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
          */
         "icon"?: ICON_TYPES | null;
         /**
-          * Accessible name for the component's remove button. Only applicable if removable is "true".
+          * When `removable` is `true`, the accessible name for the component's remove button.
           * @default "Remove"
          */
         "intlRemove": string;
@@ -2817,11 +2821,11 @@ export namespace Components {
         "metadata"?: Record<string, unknown>;
         "nonInteractive": boolean;
         /**
-          * When true, displays 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;
         /**
-          * When true, selects an item. Toggles when an item is checked/unchecked.
+          * When `true`, selects an item. Toggles when an item is checked/unchecked.
          */
         "selected": boolean;
         /**
@@ -2844,25 +2848,25 @@ export namespace Components {
          */
         "autoClose": boolean;
         /**
-          * When true, display a close button within the Popover
+          * When `true`, display a close button within the component.
          */
         "closable": boolean;
         /**
-          * When true, a close button is added to the component.
+          * When `true`, a close button is added to the component.
           * @deprecated use dismissible instead.
          */
         "closeButton": boolean;
         /**
-          * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
+          * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
          */
         "disableFlip": boolean;
         /**
-          * When true, removes the caret pointer.
+          * When `true`, removes the caret pointer.
          */
         "disablePointer": boolean;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead.
          */
         "dismissible": boolean;
         /**
@@ -2887,16 +2891,16 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Offsets the position of the popover away from the `referenceElement`.
+          * Offsets the position of the component away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance": number;
         /**
-          * Offsets the position of the popover along the `referenceElement`.
+          * Offsets the position of the component along the `referenceElement`.
          */
         "offsetSkidding": number;
         /**
-          * When true, displays and positions the component.
+          * When `true`, displays and positions the component.
          */
         "open": boolean;
         /**
@@ -2909,7 +2913,7 @@ export namespace Components {
          */
         "placement": LogicalPlacement;
         /**
-          * 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.
+          * 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;
         /**
@@ -2927,7 +2931,7 @@ export namespace Components {
          */
         "toggle": (value?: boolean) => Promise<void>;
         /**
-          * 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.
+          * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
          */
         "triggerDisabled": boolean;
     }
@@ -2948,7 +2952,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true and for indeterminate progress bars, reverses the animation direction.
+          * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
          */
         "reversed": boolean;
         /**
@@ -2956,7 +2960,7 @@ export namespace Components {
          */
         "text": string;
         /**
-          * Use indeterminate if finding actual progress value is impossible.
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
         "type": "indeterminate" | "determinate";
         /**
@@ -2966,11 +2970,11 @@ export namespace Components {
     }
     interface CalciteRadioButton {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         "emitCheckedChange": () => Promise<void>;
@@ -2979,11 +2983,11 @@ export namespace Components {
          */
         "focused": boolean;
         /**
-          * The id attribute of the component. When omitted, a globally unique identifier is used.
+          * The `id` of the component. When omitted, a globally unique identifier is used.
          */
         "guid": string;
         /**
-          * When true, the component is not displayed and is not focusable or checkable.
+          * When `true`, the component is not displayed and is not focusable or checkable.
          */
         "hidden": boolean;
         /**
@@ -2999,7 +3003,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
+          * When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3017,11 +3021,11 @@ export namespace Components {
     }
     interface CalciteRadioButtonGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
+          * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
          */
         "hidden": boolean;
         /**
@@ -3033,7 +3037,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3047,7 +3051,7 @@ export namespace Components {
          */
         "appearance": RadioAppearance;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3059,7 +3063,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3076,7 +3080,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * The component's "selectedItem" value.
+          * The component's `selectedItem` value.
          */
         "value": string;
         /**
@@ -3086,7 +3090,7 @@ export namespace Components {
     }
     interface CalciteRadioGroupItem {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked": boolean;
         /**
@@ -3099,7 +3103,7 @@ export namespace Components {
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
@@ -3126,7 +3130,7 @@ export namespace Components {
          */
         "count"?: number;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3144,11 +3148,11 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
          */
         "readOnly": boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3160,7 +3164,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`.
+          * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
          */
         "showChip": boolean;
         /**
@@ -3175,13 +3179,13 @@ export namespace Components {
          */
         "intlLoading"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
     }
     interface CalciteSelect {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3193,7 +3197,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3210,7 +3214,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * The component's "selectedOption" value.
+          * The component's `selectedOption` value.
          */
         "value": string;
         /**
@@ -3226,7 +3230,7 @@ export namespace Components {
     }
     interface CalciteShellCenterRow {
         /**
-          * When true, the content area displays like a floating panel.
+          * When `true`, the content area displays like a floating panel.
          */
         "detached": boolean;
         /**
@@ -3240,15 +3244,15 @@ export namespace Components {
     }
     interface CalciteShellPanel {
         /**
-          * When true, hides the component's content area.
+          * When `true`, hides the component's content area.
          */
         "collapsed": boolean;
         /**
-          * When true, the content area displays like a floating panel.
+          * When `true`, the content area displays like a floating panel.
          */
         "detached": boolean;
         /**
-          * When "detached", specifies the maximum height of the component.
+          * When `detached`, specifies the maximum height of the component.
          */
         "detachedHeightScale": Scale;
         /**
@@ -3261,7 +3265,7 @@ export namespace Components {
          */
         "position": Position;
         /**
-          * When true and not "detached", the component's content area is resizable.
+          * When `true` and not `detached`, the component's content area is resizable.
          */
         "resizable": boolean;
         /**
@@ -3271,19 +3275,19 @@ export namespace Components {
     }
     interface CalciteSlider {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, number values are displayed with a group separator corresponding to the language and country format.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator": boolean;
         /**
-          * When true, indicates a histogram is present.
+          * When `true`, indicates a histogram is present.
          */
         "hasHistogram": boolean;
         /**
-          * A list of the histogram's x,y coordinates within the component's "min" and "max". Displays above the component's track.
+          * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
           * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)
          */
         "histogram"?: DataSeries;
@@ -3292,11 +3296,11 @@ export namespace Components {
          */
         "histogramStops": ColorStop[];
         /**
-          * When true, displays label handles with their numeric value.
+          * When `true`, displays label handles with their numeric value.
          */
         "labelHandles": boolean;
         /**
-          * When true and "ticks" is specified, displays label tick marks with their numeric value.
+          * When `true` and `ticks` is specified, displays label tick marks with their numeric value.
          */
         "labelTicks": boolean;
         /**
@@ -3304,7 +3308,7 @@ export namespace Components {
          */
         "max": number;
         /**
-          * For multiple selections, the accessible name for the second handle, such as "Temperature, upper bound".
+          * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
          */
         "maxLabel"?: string;
         /**
@@ -3316,7 +3320,7 @@ export namespace Components {
          */
         "min": number;
         /**
-          * Accessible name for first (or only) handle, such as "Temperature, lower bound".
+          * Accessible name for first (or only) handle, such as `"Temperature, lower bound"`.
          */
         "minLabel": string;
         /**
@@ -3324,7 +3328,7 @@ export namespace Components {
          */
         "minValue"?: number;
         /**
-          * When true, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
+          * When `true`, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
          */
         "mirrored": boolean;
         /**
@@ -3340,11 +3344,11 @@ export namespace Components {
          */
         "pageStep"?: number;
         /**
-          * When true, sets a finer point for handles.
+          * When `true`, sets a finer point for handles.
          */
         "precise": boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3356,7 +3360,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * When true, enables snap selection in coordination with "step" via a mouse.
+          * When `true`, enables snap selection in coordination with `step` via a mouse.
          */
         "snap": boolean;
         /**
@@ -3400,7 +3404,7 @@ export namespace Components {
     }
     interface CalciteSplitButton {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active": boolean;
         /**
@@ -3412,7 +3416,7 @@ export namespace Components {
          */
         "color": ButtonColor;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3424,7 +3428,7 @@ export namespace Components {
          */
         "dropdownLabel"?: string;
         /**
-          * When true, a busy indicator is displayed on the primary button.
+          * When `true`, a busy indicator is displayed on the primary button.
          */
         "loading": boolean;
         /**
@@ -3436,7 +3440,7 @@ export namespace Components {
          */
         "primaryIconEnd"?: string;
         /**
-          * When true, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "primaryIconFlipRtl"?: FlipContext;
         /**
@@ -3471,7 +3475,7 @@ export namespace Components {
          */
         "goToStep": (step: number) => Promise<void>;
         /**
-          * When true, displays a status icon in the `calcite-stepper-item` heading.
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading.
          */
         "icon": boolean;
         /**
@@ -3483,9 +3487,13 @@ export namespace Components {
          */
         "nextStep": () => Promise<void>;
         /**
-          * When true, displays the step number in the `calcite-stepper-item` heading.
+          * When `true`, displays the step number in the `calcite-stepper-item` heading.
          */
         "numbered": boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Set the previous `calcite-stepper-item` as active.
          */
@@ -3501,12 +3509,12 @@ export namespace Components {
     }
     interface CalciteStepperItem {
         /**
-          * is the step active
-          * @deprecated Use selected instead.
+          * When `true`, the component is selected.
+          * @deprecated Use `selected` instead.
          */
         "active": boolean;
         /**
-          * has the step been completed
+          * When `true`, the step has been completed.
          */
         "complete": boolean;
         /**
@@ -3514,11 +3522,11 @@ export namespace Components {
          */
         "description": string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, the component contains an error that requires resolution from the user.
+          * When `true`, the component contains an error that requires resolution from the user.
          */
         "error": boolean;
         /**
@@ -3540,18 +3548,18 @@ export namespace Components {
         "numbered": boolean;
         "scale": Scale;
         /**
-          * When true, step is selected
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         "setFocus": () => Promise<void>;
     }
     interface CalciteSwitch {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3571,7 +3579,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
           * @deprecated use `checked` instead.
          */
         "switched": boolean;
@@ -3582,7 +3590,7 @@ export namespace Components {
     }
     interface CalciteTab {
         /**
-          * When true, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
           * @deprecated Use `selected` instead.
          */
         "active": boolean;
@@ -3592,7 +3600,7 @@ export namespace Components {
         "getTabIndex": () => Promise<number>;
         "scale": Scale;
         /**
-          * When true, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
         "selected": boolean;
         /**
@@ -3623,13 +3631,13 @@ export namespace Components {
     }
     interface CalciteTabTitle {
         /**
-          * When true, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
           * @deprecated Use `selected` instead.
          */
         "active": boolean;
         "bordered": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         "getTabIdentifier": () => Promise<TabID>;
@@ -3642,7 +3650,7 @@ export namespace Components {
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
@@ -3653,7 +3661,7 @@ export namespace Components {
         "position": TabPosition;
         "scale": Scale;
         /**
-          * When true, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
         "selected": boolean;
         /**
@@ -3668,15 +3676,15 @@ export namespace Components {
     }
     interface CalciteTabs {
         /**
-          * When true and layout is set to "inline", the component will display with a folder style menu.
+          * When `true` and `layout` is set to `"inline"`, the component will display with a folder style menu.
          */
         "bordered": boolean;
         /**
-          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
+          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
          */
         "layout": TabLayout;
         /**
-          * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
+          * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
          */
         "position": TabPosition;
         /**
@@ -3686,7 +3694,7 @@ export namespace Components {
     }
     interface CalciteTile {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active": boolean;
         /**
@@ -3694,11 +3702,11 @@ export namespace Components {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * The component's embed mode.  When true, renders without a border and padding for use by other components.
+          * The component's embed mode.  When `true`, renders without a border and padding for use by other components.
          */
         "embed": boolean;
         /**
@@ -3710,11 +3718,11 @@ export namespace Components {
          */
         "heading"?: string;
         /**
-          * When true, the component is not displayed and is not focusable.
+          * When `true`, the component is not displayed and is not focusable.
          */
         "hidden": boolean;
         /**
-          * When embed is "false", the url for the component.
+          * When embed is `"false"`, the URL for the component.
          */
         "href"?: string;
         /**
@@ -3724,7 +3732,7 @@ export namespace Components {
     }
     interface CalciteTileSelect {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked": boolean;
         /**
@@ -3732,7 +3740,7 @@ export namespace Components {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3740,7 +3748,7 @@ export namespace Components {
          */
         "heading"?: string;
         /**
-          * When true, the component is not displayed and is not focusable or checkable.
+          * When `true`, the component is not displayed and is not focusable or checkable.
          */
         "hidden": boolean;
         /**
@@ -3748,11 +3756,11 @@ export namespace Components {
          */
         "icon"?: string;
         /**
-          * When inputEnabled is true, the placement of the interactive input on the component.
+          * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
          */
         "inputAlignment": Extract<"end" | "start", Alignment>;
         /**
-          * When true, displays an interactive input based on the "type" property.
+          * When `true`, displays an interactive input based on the `type` property.
          */
         "inputEnabled": boolean;
         /**
@@ -3778,7 +3786,7 @@ export namespace Components {
     }
     interface CalciteTileSelectGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3853,6 +3861,10 @@ export namespace Components {
           * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
          */
         "locale": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Specifies the size of the component.
          */
@@ -3863,7 +3875,7 @@ export namespace Components {
          */
         "setFocus": (target: TimePart) => Promise<void>;
         /**
-          * Specifies the granularity the "value" must adhere to (in seconds).
+          * Specifies the granularity the `value` must adhere to (in seconds).
          */
         "step": number;
         /**
@@ -3873,7 +3885,7 @@ export namespace Components {
     }
     interface CalciteTip {
         /**
-          * When true, the component does not display.
+          * When `true`, the component does not display.
          */
         "dismissed": boolean;
         /**
@@ -3889,7 +3901,7 @@ export namespace Components {
          */
         "intlClose"?: string;
         /**
-          * When true, the close button is not present on the component.
+          * When `true`, the close button is not present on the component.
          */
         "nonDismissible": boolean;
         /**
@@ -3905,7 +3917,7 @@ export namespace Components {
     }
     interface CalciteTipManager {
         /**
-          * When true, does not display or position the component.
+          * When `true`, does not display or position the component.
          */
         "closed": boolean;
         /**
@@ -3960,7 +3972,7 @@ export namespace Components {
          */
         "offsetSkidding": number;
         /**
-          * When true, the component is open.
+          * When `true`, the component is open.
          */
         "open": boolean;
         /**
@@ -3973,7 +3985,7 @@ export namespace Components {
          */
         "placement": LogicalPlacement;
         /**
-          * 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.
+          * 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;
         /**
@@ -4013,11 +4025,11 @@ export namespace Components {
     interface CalciteTreeItem {
         "depth": number;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         "hasChildren": boolean;
@@ -4034,22 +4046,22 @@ export namespace Components {
         "parentExpanded": boolean;
         "scale": Scale;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         "selectionMode": TreeSelectionMode;
     }
     interface CalciteValueList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, `calcite-value-list-item`s 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 component 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;
         /**
@@ -4065,31 +4077,31 @@ export namespace Components {
          */
         "group"?: string;
         /**
-          * 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`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the component.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "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`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s new position.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "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`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s current position after commit.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "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`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s initial position.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleIdle"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * 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.
+          * 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 `calcite-value-list-item`s via keyboard.
+          * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
          */
         "selectionFollowsFocus": boolean;
         /**
@@ -4105,7 +4117,7 @@ export namespace Components {
         "description"?: string;
         "disableDeselect": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         "handleActivated"?: boolean;
@@ -4123,15 +4135,15 @@ export namespace Components {
          */
         "metadata"?: Record<string, unknown>;
         /**
-          * When true, prevents the content of the component from user interaction.
+          * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive": boolean;
         /**
-          * When true, adds an action to remove the component.
+          * When `true`, adds an action to remove the component.
          */
         "removable": boolean;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         /**
@@ -5087,14 +5099,14 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * 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).
+          * 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 {
         /**
-          * When true, the component is active.
-          * @deprecated use expanded instead
+          * When `true`, the component is active.
+          * @deprecated use `expanded` instead.
          */
         "active"?: boolean;
         /**
@@ -5102,7 +5114,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, item is expanded
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5135,7 +5147,7 @@ declare namespace LocalJSX {
     }
     interface CalciteAction {
         /**
-          * When true, the component is highlighted.
+          * When `true`, the component is highlighted.
          */
         "active"?: boolean;
         /**
@@ -5147,11 +5159,11 @@ declare namespace LocalJSX {
          */
         "appearance"?: Extract<"solid" | "clear", Appearance>;
         /**
-          * When true, the side padding of the component is reduced. Compact mode is used internally by components, 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, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -5159,7 +5171,7 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * When true, indicates unread changes.
+          * When `true`, indicates unread changes.
          */
         "indicator"?: boolean;
         /**
@@ -5172,12 +5184,12 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
           * Emits when the component has been clicked.
-          * @deprecated use onClick instead.
+          * @deprecated use `onClick` instead.
          */
         "onCalciteActionClick"?: (event: CalciteActionCustomEvent<void>) => void;
         /**
@@ -5195,11 +5207,11 @@ declare namespace LocalJSX {
     }
     interface CalciteActionBar {
         /**
-          * When true, the expand-toggling behavior is disabled.
+          * When `true`, the expand-toggling behavior is disabled.
          */
         "expandDisabled"?: boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5237,7 +5249,7 @@ declare namespace LocalJSX {
          */
         "columns"?: Columns;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5249,7 +5261,7 @@ declare namespace LocalJSX {
          */
         "layout"?: Layout;
         /**
-          * When true, the `calcite-action-menu` is open.
+          * When `true`, the `calcite-action-menu` is open.
          */
         "menuOpen"?: boolean;
         /**
@@ -5259,7 +5271,7 @@ declare namespace LocalJSX {
     }
     interface CalciteActionMenu {
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5275,7 +5287,7 @@ declare namespace LocalJSX {
          */
         "onCalciteActionMenuOpenChange"?: (event: CalciteActionMenuCustomEvent<DeprecatedEventPayload>) => void;
         /**
-          * When true, the component is open.
+          * When `true`, the component is open.
          */
         "open"?: boolean;
         /**
@@ -5294,11 +5306,11 @@ declare namespace LocalJSX {
     }
     interface CalciteActionPad {
         /**
-          * When true, the expand-toggling behavior is disabled.
+          * When `true`, the expand-toggling behavior is disabled.
          */
         "expandDisabled"?: boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5328,12 +5340,12 @@ declare namespace LocalJSX {
     }
     interface CalciteAlert {
         /**
-          * When true, opens the combobox
-          * @deprecated use open instead
+          * When `true`, displays and positions the component.
+          * @deprecated use `open` instead.
          */
         "active"?: boolean;
         /**
-          * When true, the component closes automatically (recommended for passive, non-blocking alerts).
+          * When `true`, the component closes automatically (recommended for passive, non-blocking alerts).
          */
         "autoDismiss"?: boolean;
         /**
@@ -5345,7 +5357,7 @@ declare namespace LocalJSX {
          */
         "color"?: StatusColor;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
@@ -5378,7 +5390,7 @@ declare namespace LocalJSX {
          */
         "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<void>) => void;
         /**
-          * When true, opens the dropdown
+          * When `true`, displays and positions the component.
          */
         "open"?: boolean;
         /**
@@ -6705,34 +6717,34 @@ declare namespace LocalJSX {
          */
         "alignment"?: Position;
         /**
-          * When true, the component is focused on page load.
+          * 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. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
+          * 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;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * 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.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "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 true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * 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 will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
@@ -6749,7 +6761,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
@@ -6814,12 +6826,12 @@ declare namespace LocalJSX {
          */
         "prefixText"?: string;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but 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.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -7018,7 +7030,7 @@ declare namespace LocalJSX {
     }
     interface CalciteInputMessage {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active"?: boolean;
         /**
@@ -7045,34 +7057,34 @@ declare namespace LocalJSX {
          */
         "alignment"?: Position;
         /**
-          * When true, the component is focused on page load.
+          * 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.
+          * 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.
+          * 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.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "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 true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * 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 will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
@@ -7089,7 +7101,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading"?: boolean;
         /**
@@ -7149,12 +7161,12 @@ declare namespace LocalJSX {
          */
         "prefixText"?: string;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but 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.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -7185,30 +7197,30 @@ declare namespace LocalJSX {
          */
         "alignment"?: Position;
         /**
-          * When true, the component is focused on page load.
+          * 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.
+          * 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.
+          * 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, 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 true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * 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 will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
@@ -7225,7 +7237,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading"?: boolean;
         /**
@@ -7265,12 +7277,12 @@ declare namespace LocalJSX {
          */
         "prefixText"?: string;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but 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.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -7292,12 +7304,12 @@ declare namespace LocalJSX {
     }
     interface CalciteInputTimePicker {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
           * @deprecated Use `open` instead.
          */
         "active"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7352,12 +7364,16 @@ declare namespace LocalJSX {
           * Specifies the name of the component on form submission.
          */
         "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Fires when the time value is changed as a result of user input.
          */
         "onCalciteInputTimePickerChange"?: (event: CalciteInputTimePickerCustomEvent<string>) => void;
         /**
-          * When true, displays the `calcite-time-picker` component.
+          * When `true`, displays the `calcite-time-picker` component.
          */
         "open"?: boolean;
         /**
@@ -7370,7 +7386,7 @@ declare namespace LocalJSX {
          */
         "placement"?: LogicalPlacement;
         /**
-          * When true, the component's value can be read, but controls are not accessible and the value cannot be modified.
+          * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly"?: boolean;
@@ -7393,12 +7409,12 @@ declare namespace LocalJSX {
          */
         "alignment"?: Alignment;
         /**
-          * When true, disables the component's spacing.
+          * When `true`, disables the component's spacing.
           * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
          */
         "disableSpacing"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
           * @deprecated Use the `disabled` property on the component the label is bound to instead.
          */
         "disabled"?: boolean;
@@ -7422,7 +7438,7 @@ declare namespace LocalJSX {
     }
     interface CalciteLink {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7438,7 +7454,7 @@ declare namespace LocalJSX {
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
@@ -7456,7 +7472,7 @@ declare namespace LocalJSX {
     }
     interface CalciteList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7470,7 +7486,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7478,7 +7494,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, prevents the content of the component from user interaction.
+          * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive"?: boolean;
     }
@@ -7494,11 +7510,11 @@ declare namespace LocalJSX {
     }
     interface CalciteLoader {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active"?: boolean;
         /**
-          * When true, displays smaller and appears to the left of the text.
+          * When `true`, displays smaller and appears to the left of the text.
          */
         "inline"?: boolean;
         /**
@@ -7519,18 +7535,18 @@ declare namespace LocalJSX {
          */
         "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible.
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
         "type"?: "indeterminate" | "determinate";
         /**
-          * The component's value. 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
+          * When `true`, the component is active.
+          * @deprecated use `open` instead.
          */
         "active"?: boolean;
         /**
@@ -7538,7 +7554,7 @@ declare namespace LocalJSX {
          */
         "backgroundColor"?: ModalBackgroundColor;
         /**
-          * Passes a function to run before the `calcite-modal` closes.
+          * Passes a function to run before the component closes.
          */
         "beforeClose"?: (el: HTMLElement) => Promise<void>;
         /**
@@ -7546,23 +7562,23 @@ declare namespace LocalJSX {
          */
         "color"?: "red" | "blue";
         /**
-          * When true, disables the component's close button.
+          * When `true`, disables the component's close button.
          */
         "disableCloseButton"?: boolean;
         /**
-          * When true, disables the default close on escape behavior.
+          * When `true`, disables the default close on escape behavior.
          */
         "disableEscape"?: boolean;
         /**
-          * When true, disables the closing of the component when clicked outside.
+          * When `true`, disables the closing of the component when clicked outside.
          */
         "disableOutsideClose"?: boolean;
         /**
-          * When true, prevents the component 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;
         /**
-          * Sets the component to always be fullscreen (overrides width).
+          * Sets the component to always be fullscreen (overrides `width`).
          */
         "fullscreen"?: boolean;
         /**
@@ -7570,7 +7586,7 @@ declare namespace LocalJSX {
          */
         "intlClose"?: string;
         /**
-          * When true, disables spacing to the content area slot.
+          * When `true`, disables spacing to the content area slot.
           * @deprecated Use `--calcite-modal-padding` CSS variable instead.
          */
         "noPadding"?: boolean;
@@ -7591,7 +7607,7 @@ declare namespace LocalJSX {
          */
         "onCalciteModalOpen"?: (event: CalciteModalCustomEvent<void>) => void;
         /**
-          * When true,`calcite-modal`  opens
+          * When `true`, displays and positions the component.
          */
         "open"?: boolean;
         /**
@@ -7605,12 +7621,12 @@ declare namespace LocalJSX {
     }
     interface CalciteNotice {
         /**
-          * When true, the component is active.
-          * @deprecated Use open instead.
+          * When `true`, the component is active.
+          * @deprecated Use `open` instead.
          */
         "active"?: boolean;
         /**
-          * When true, displays a button user can click to dismiss the `calcite-notice`
+          * When `true`, a close button is added to the component.
          */
         "closable"?: boolean;
         /**
@@ -7618,12 +7634,12 @@ declare namespace LocalJSX {
          */
         "color"?: StatusColor;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead.
          */
         "dismissible"?: boolean;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
@@ -7640,7 +7656,7 @@ declare namespace LocalJSX {
          */
         "onCalciteNoticeOpen"?: (event: CalciteNoticeCustomEvent<void>) => void;
         /**
-          * When true, the component is visible
+          * When `true`, the component is visible.
          */
         "open"?: boolean;
         /**
@@ -7654,7 +7670,7 @@ declare namespace LocalJSX {
     }
     interface CalciteOption {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7662,7 +7678,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
         /**
@@ -7672,7 +7688,7 @@ declare namespace LocalJSX {
     }
     interface CalciteOptionGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7682,7 +7698,7 @@ declare namespace LocalJSX {
     }
     interface CalcitePagination {
         /**
-          * When true, number values are displayed with a group separator corresponding to the language and country format.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator"?: boolean;
         /**
@@ -7733,11 +7749,11 @@ declare namespace LocalJSX {
          */
         "beforeBack"?: () => Promise<void>;
         /**
-          * When true, displays a close button in the trailing side of the header
+          * When `true`, displays a close button in the trailing side of the header.
          */
         "closable"?: boolean;
         /**
-          * When true, panel will be hidden
+          * When `true`, the component will be hidden.
          */
         "closed"?: boolean;
         /**
@@ -7745,17 +7761,17 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, hides the component.
-          * @deprecated use closed instead
+          * When `true`, hides the component.
+          * @deprecated use `closed` instead.
          */
         "dismissed"?: boolean;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead
          */
         "dismissible"?: boolean;
         /**
@@ -7771,12 +7787,12 @@ declare namespace LocalJSX {
          */
         "heightScale"?: Scale;
         /**
-          * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+          * Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.
           * @deprecated use `calcite-flow-item` instead.
          */
         "intlBack"?: string;
         /**
-          * Accessible name for the component's 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 `closeable` is `true`.
          */
         "intlClose"?: string;
         /**
@@ -7784,11 +7800,11 @@ declare namespace LocalJSX {
          */
         "intlOptions"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * When true, the action menu items in the `header-menu-actions` slot are open.
+          * When `true`, the action menu items in the `header-menu-actions` slot are open.
          */
         "menuOpen"?: boolean;
         /**
@@ -7802,12 +7818,12 @@ declare namespace LocalJSX {
         "onCalcitePanelClose"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
           * Fires when the close button is clicked.
-          * @deprecated use calcitePanelClose instead.
+          * @deprecated use `calcitePanelClose` instead.
          */
         "onCalcitePanelDismiss"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
           * Fires when there is a change to the `dismissed` property value .
-          * @deprecated use calcitePanelClose instead.
+          * @deprecated use `calcitePanelClose` instead.
          */
         "onCalcitePanelDismissedChange"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
@@ -7815,13 +7831,13 @@ declare namespace LocalJSX {
          */
         "onCalcitePanelScroll"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
-          * When true, displays a back button in the header.
+          * When `true`, displays a back button in the header.
           * @deprecated use `calcite-flow-item` instead.
          */
         "showBackButton"?: boolean;
         /**
           * Summary text. A description displayed underneath the heading.
-          * @deprecated use description instead
+          * @deprecated use `description` instead.
          */
         "summary"?: string;
         /**
@@ -7831,11 +7847,11 @@ declare namespace LocalJSX {
     }
     interface CalcitePickList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, an input appears at the top of the list that can be used by end users to filter items in the list.
+          * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
          */
         "filterEnabled"?: boolean;
         /**
@@ -7847,11 +7863,11 @@ declare namespace LocalJSX {
          */
         "headingLevel"?: HeadingLevel;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * 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.
+          * 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;
         /**
@@ -7859,7 +7875,7 @@ declare namespace LocalJSX {
          */
         "onCalciteListChange"?: (event: CalcitePickListCustomEvent<Map<string, HTMLCalcitePickListItemElement>>) => void;
         /**
-          * When true and single-selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
+          * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
          */
         "selectionFollowsFocus"?: boolean;
     }
@@ -7879,20 +7895,20 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When false, the component cannot be deselected by user interaction.
+          * When `false`, the component cannot be deselected by user interaction.
          */
         "disableDeselect"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+          * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
          */
         "icon"?: ICON_TYPES | null;
         /**
-          * Accessible name for the component's remove button. Only applicable if removable is "true".
+          * When `removable` is `true`, the accessible name for the component's remove button.
           * @default "Remove"
          */
         "intlRemove"?: string;
@@ -7918,11 +7934,11 @@ declare namespace LocalJSX {
          */
         "onCalciteListItemRemove"?: (event: CalcitePickListItemCustomEvent<void>) => void;
         /**
-          * When true, displays 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;
         /**
-          * When true, selects an item. Toggles when an item is checked/unchecked.
+          * When `true`, selects an item. Toggles when an item is checked/unchecked.
          */
         "selected"?: boolean;
         /**
@@ -7936,25 +7952,25 @@ declare namespace LocalJSX {
          */
         "autoClose"?: boolean;
         /**
-          * When true, display a close button within the Popover
+          * When `true`, display a close button within the component.
          */
         "closable"?: boolean;
         /**
-          * When true, a close button is added to the component.
+          * When `true`, a close button is added to the component.
           * @deprecated use dismissible instead.
          */
         "closeButton"?: boolean;
         /**
-          * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
+          * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
          */
         "disableFlip"?: boolean;
         /**
-          * When true, removes the caret pointer.
+          * When `true`, removes the caret pointer.
          */
         "disablePointer"?: boolean;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead.
          */
         "dismissible"?: boolean;
         /**
@@ -7979,12 +7995,12 @@ declare namespace LocalJSX {
          */
         "label": string;
         /**
-          * Offsets the position of the popover away from the `referenceElement`.
+          * Offsets the position of the component away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance"?: number;
         /**
-          * Offsets the position of the popover along the `referenceElement`.
+          * Offsets the position of the component along the `referenceElement`.
          */
         "offsetSkidding"?: number;
         /**
@@ -8004,7 +8020,7 @@ declare namespace LocalJSX {
          */
         "onCalcitePopoverOpen"?: (event: CalcitePopoverCustomEvent<void>) => void;
         /**
-          * When true, displays and positions the component.
+          * When `true`, displays and positions the component.
          */
         "open"?: boolean;
         /**
@@ -8017,11 +8033,11 @@ declare namespace LocalJSX {
          */
         "placement"?: LogicalPlacement;
         /**
-          * 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.
+          * 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;
         /**
-          * 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.
+          * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
          */
         "triggerDisabled"?: boolean;
     }
@@ -8042,7 +8058,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true and for indeterminate progress bars, reverses the animation direction.
+          * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
          */
         "reversed"?: boolean;
         /**
@@ -8050,7 +8066,7 @@ declare namespace LocalJSX {
          */
         "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible.
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
         "type"?: "indeterminate" | "determinate";
         /**
@@ -8060,19 +8076,19 @@ declare namespace LocalJSX {
     }
     interface CalciteRadioButton {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * The id attribute of the component. When omitted, a globally unique identifier is used.
+          * The `id` of the component. When omitted, a globally unique identifier is used.
          */
         "guid"?: string;
         /**
-          * When true, the component is not displayed and is not focusable or checkable.
+          * When `true`, the component is not displayed and is not focusable or checkable.
          */
         "hidden"?: boolean;
         /**
@@ -8080,11 +8096,11 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element. Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group or use the calciteRadioButtonGroupChange event if using this with calcite-radio-button-group.
+          * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element. Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.
          */
         "onCalciteRadioButtonChange"?: (event: CalciteRadioButtonCustomEvent<void>) => void;
         /**
-          * When true, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
+          * When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -8098,11 +8114,11 @@ declare namespace LocalJSX {
     }
     interface CalciteRadioButtonGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
+          * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
          */
         "hidden"?: boolean;
         /**
@@ -8118,7 +8134,7 @@ declare namespace LocalJSX {
          */
         "onCalciteRadioButtonGroupChange"?: (event: CalciteRadioButtonGroupCustomEvent<any>) => void;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -8132,7 +8148,7 @@ declare namespace LocalJSX {
          */
         "appearance"?: RadioAppearance;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8157,7 +8173,7 @@ declare namespace LocalJSX {
          */
         "selectedItem"?: HTMLCalciteRadioGroupItemElement;
         /**
-          * The component's "selectedItem" value.
+          * The component's `selectedItem` value.
          */
         "value"?: string;
         /**
@@ -8167,7 +8183,7 @@ declare namespace LocalJSX {
     }
     interface CalciteRadioGroupItem {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked"?: boolean;
         /**
@@ -8180,7 +8196,7 @@ declare namespace LocalJSX {
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
@@ -8207,7 +8223,7 @@ declare namespace LocalJSX {
          */
         "count"?: number;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8229,7 +8245,7 @@ declare namespace LocalJSX {
          */
         "onCalciteRatingChange"?: (event: CalciteRatingCustomEvent<{ value: number }>) => void;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
          */
         "readOnly"?: boolean;
         /**
@@ -8237,7 +8253,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`.
+          * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
          */
         "showChip"?: boolean;
         /**
@@ -8252,13 +8268,13 @@ declare namespace LocalJSX {
          */
         "intlLoading"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
     }
     interface CalciteSelect {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8270,7 +8286,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Fires when the selected option changes.
+          * Fires when the `selectedOption` changes.
          */
         "onCalciteSelectChange"?: (event: CalciteSelectCustomEvent<void>) => void;
         /**
@@ -8283,7 +8299,7 @@ declare namespace LocalJSX {
          */
         "selectedOption"?: HTMLCalciteOptionElement;
         /**
-          * The component's "selectedOption" value.
+          * The component's `selectedOption` value.
          */
         "value"?: string;
         /**
@@ -8299,7 +8315,7 @@ declare namespace LocalJSX {
     }
     interface CalciteShellCenterRow {
         /**
-          * When true, the content area displays like a floating panel.
+          * When `true`, the content area displays like a floating panel.
          */
         "detached"?: boolean;
         /**
@@ -8313,15 +8329,15 @@ declare namespace LocalJSX {
     }
     interface CalciteShellPanel {
         /**
-          * When true, hides the component's content area.
+          * When `true`, hides the component's content area.
          */
         "collapsed"?: boolean;
         /**
-          * When true, the content area displays like a floating panel.
+          * When `true`, the content area displays like a floating panel.
          */
         "detached"?: boolean;
         /**
-          * When "detached", specifies the maximum height of the component.
+          * When `detached`, specifies the maximum height of the component.
          */
         "detachedHeightScale"?: Scale;
         /**
@@ -8331,7 +8347,7 @@ declare namespace LocalJSX {
         "intlResize"?: string;
         /**
           * Emitted when collapse has been toggled.
-          * @deprecated use a resizeObserver on the component to listen for changes to its size.
+          * @deprecated use a `ResizeObserver` on the component to listen for changes to its size.
          */
         "onCalciteShellPanelToggle"?: (event: CalciteShellPanelCustomEvent<void>) => void;
         /**
@@ -8339,7 +8355,7 @@ declare namespace LocalJSX {
          */
         "position"?: Position;
         /**
-          * When true and not "detached", the component's content area is resizable.
+          * When `true` and not `detached`, the component's content area is resizable.
          */
         "resizable"?: boolean;
         /**
@@ -8349,19 +8365,19 @@ declare namespace LocalJSX {
     }
     interface CalciteSlider {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, number values are displayed with a group separator corresponding to the language and country format.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator"?: boolean;
         /**
-          * When true, indicates a histogram is present.
+          * When `true`, indicates a histogram is present.
          */
         "hasHistogram"?: boolean;
         /**
-          * A list of the histogram's x,y coordinates within the component's "min" and "max". Displays above the component's track.
+          * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
           * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)
          */
         "histogram"?: DataSeries;
@@ -8370,11 +8386,11 @@ declare namespace LocalJSX {
          */
         "histogramStops"?: ColorStop[];
         /**
-          * When true, displays label handles with their numeric value.
+          * When `true`, displays label handles with their numeric value.
          */
         "labelHandles"?: boolean;
         /**
-          * When true and "ticks" is specified, displays label tick marks with their numeric value.
+          * When `true` and `ticks` is specified, displays label tick marks with their numeric value.
          */
         "labelTicks"?: boolean;
         /**
@@ -8382,7 +8398,7 @@ declare namespace LocalJSX {
          */
         "max"?: number;
         /**
-          * For multiple selections, the accessible name for the second handle, such as "Temperature, upper bound".
+          * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
          */
         "maxLabel"?: string;
         /**
@@ -8394,7 +8410,7 @@ declare namespace LocalJSX {
          */
         "min"?: number;
         /**
-          * Accessible name for first (or only) handle, such as "Temperature, lower bound".
+          * Accessible name for first (or only) handle, such as `"Temperature, lower bound"`.
          */
         "minLabel"?: string;
         /**
@@ -8402,7 +8418,7 @@ declare namespace LocalJSX {
          */
         "minValue"?: number;
         /**
-          * When true, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
+          * When `true`, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
          */
         "mirrored"?: boolean;
         /**
@@ -8431,11 +8447,11 @@ declare namespace LocalJSX {
          */
         "pageStep"?: number;
         /**
-          * When true, sets a finer point for handles.
+          * When `true`, sets a finer point for handles.
          */
         "precise"?: boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -8443,7 +8459,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * When true, enables snap selection in coordination with "step" via a mouse.
+          * When `true`, enables snap selection in coordination with `step` via a mouse.
          */
         "snap"?: boolean;
         /**
@@ -8499,7 +8515,7 @@ declare namespace LocalJSX {
          */
         "color"?: ButtonColor;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8511,7 +8527,7 @@ declare namespace LocalJSX {
          */
         "dropdownLabel"?: string;
         /**
-          * When true, a busy indicator is displayed on the primary button.
+          * When `true`, a busy indicator is displayed on the primary button.
          */
         "loading"?: boolean;
         /**
@@ -8531,7 +8547,7 @@ declare namespace LocalJSX {
          */
         "primaryIconEnd"?: string;
         /**
-          * When true, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "primaryIconFlipRtl"?: FlipContext;
         /**
@@ -8557,7 +8573,7 @@ declare namespace LocalJSX {
     }
     interface CalciteStepper {
         /**
-          * When true, displays a status icon in the `calcite-stepper-item` heading.
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading.
          */
         "icon"?: boolean;
         /**
@@ -8565,9 +8581,13 @@ declare namespace LocalJSX {
          */
         "layout"?: Extract<"horizontal" | "vertical", Layout>;
         /**
-          * When true, displays the step number in the `calcite-stepper-item` heading.
+          * When `true`, displays the step number in the `calcite-stepper-item` heading.
          */
         "numbered"?: boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Fires when the active `calcite-stepper-item` changes.
          */
@@ -8579,12 +8599,12 @@ declare namespace LocalJSX {
     }
     interface CalciteStepperItem {
         /**
-          * is the step active
-          * @deprecated Use selected instead.
+          * When `true`, the component is selected.
+          * @deprecated Use `selected` instead.
          */
         "active"?: boolean;
         /**
-          * has the step been completed
+          * When `true`, the step has been completed.
          */
         "complete"?: boolean;
         /**
@@ -8592,11 +8612,11 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, the component contains an error that requires resolution from the user.
+          * When `true`, the component contains an error that requires resolution from the user.
          */
         "error"?: boolean;
         /**
@@ -8614,17 +8634,17 @@ declare namespace LocalJSX {
          */
         "itemTitle"?: string;
         /**
-          * When true, step is selected
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
     }
     interface CalciteSwitch {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8636,7 +8656,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Fires when the checked value has changed.  **Note:** The event payload is deprecated, use the component's "checked" property instead.
+          * Fires when the `checked` value has changed.  **Note:** The event payload is deprecated, use the component's `checked` property instead.
          */
         "onCalciteSwitchChange"?: (event: CalciteSwitchCustomEvent<DeprecatedEventPayload>) => void;
         /**
@@ -8644,7 +8664,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
           * @deprecated use `checked` instead.
          */
         "switched"?: boolean;
@@ -8655,12 +8675,12 @@ declare namespace LocalJSX {
     }
     interface CalciteTab {
         /**
-          * When true, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
           * @deprecated Use `selected` instead.
          */
         "active"?: boolean;
         /**
-          * When true, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
         "selected"?: boolean;
         /**
@@ -8685,12 +8705,12 @@ declare namespace LocalJSX {
     }
     interface CalciteTabTitle {
         /**
-          * When true, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
           * @deprecated Use `selected` instead.
          */
         "active"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8698,7 +8718,7 @@ declare namespace LocalJSX {
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
@@ -8706,12 +8726,12 @@ declare namespace LocalJSX {
          */
         "iconStart"?: string;
         /**
-          * Fires when a `calcite-tab` is selected. Emits the "tab" property, or the index position.
+          * Fires when a `calcite-tab` is selected. Emits the `tab` property, or the index position.
           * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
          */
         "onCalciteTabsActivate"?: (event: CalciteTabTitleCustomEvent<TabChangeEventDetail>) => void;
         /**
-          * When true, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
         "selected"?: boolean;
         /**
@@ -8721,15 +8741,15 @@ declare namespace LocalJSX {
     }
     interface CalciteTabs {
         /**
-          * When true and layout is set to "inline", the component will display with a folder style menu.
+          * When `true` and `layout` is set to `"inline"`, the component will display with a folder style menu.
          */
         "bordered"?: boolean;
         /**
-          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
+          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
          */
         "layout"?: TabLayout;
         /**
-          * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
+          * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
          */
         "position"?: TabPosition;
         /**
@@ -8739,7 +8759,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTile {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active"?: boolean;
         /**
@@ -8747,11 +8767,11 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * The component's embed mode.  When true, renders without a border and padding for use by other components.
+          * The component's embed mode.  When `true`, renders without a border and padding for use by other components.
          */
         "embed"?: boolean;
         /**
@@ -8759,11 +8779,11 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
         /**
-          * When true, the component is not displayed and is not focusable.
+          * When `true`, the component is not displayed and is not focusable.
          */
         "hidden"?: boolean;
         /**
-          * When embed is "false", the url for the component.
+          * When embed is `"false"`, the URL for the component.
          */
         "href"?: string;
         /**
@@ -8773,7 +8793,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTileSelect {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked"?: boolean;
         /**
@@ -8781,7 +8801,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8789,7 +8809,7 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
         /**
-          * When true, the component is not displayed and is not focusable or checkable.
+          * When `true`, the component is not displayed and is not focusable or checkable.
          */
         "hidden"?: boolean;
         /**
@@ -8797,11 +8817,11 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * When inputEnabled is true, the placement of the interactive input on the component.
+          * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
          */
         "inputAlignment"?: Extract<"end" | "start", Alignment>;
         /**
-          * When true, displays an interactive input based on the "type" property.
+          * When `true`, displays an interactive input based on the `type` property.
          */
         "inputEnabled"?: boolean;
         /**
@@ -8827,7 +8847,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTileSelectGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8896,12 +8916,16 @@ declare namespace LocalJSX {
           * @default "Increase second"
          */
         "intlSecondUp"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * Specifies the granularity the "value" must adhere to (in seconds).
+          * Specifies the granularity the `value` must adhere to (in seconds).
          */
         "step"?: number;
         /**
@@ -8911,7 +8935,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTip {
         /**
-          * When true, the component does not display.
+          * When `true`, the component does not display.
          */
         "dismissed"?: boolean;
         /**
@@ -8927,7 +8951,7 @@ declare namespace LocalJSX {
          */
         "intlClose"?: string;
         /**
-          * When true, the close button is not present on the component.
+          * When `true`, the close button is not present on the component.
          */
         "nonDismissible"?: boolean;
         /**
@@ -8947,7 +8971,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTipManager {
         /**
-          * When true, does not display or position the component.
+          * When `true`, does not display or position the component.
          */
         "closed"?: boolean;
         /**
@@ -9003,7 +9027,7 @@ declare namespace LocalJSX {
          */
         "offsetSkidding"?: number;
         /**
-          * When true, the component is open.
+          * When `true`, the component is open.
          */
         "open"?: boolean;
         /**
@@ -9016,7 +9040,7 @@ declare namespace LocalJSX {
          */
         "placement"?: LogicalPlacement;
         /**
-          * 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.
+          * 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;
     }
@@ -9038,7 +9062,7 @@ declare namespace LocalJSX {
          */
         "lines"?: boolean;
         /**
-          * 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.
+          * 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;
@@ -9055,29 +9079,29 @@ declare namespace LocalJSX {
     }
     interface CalciteTreeItem {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
     }
     interface CalciteValueList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, `calcite-value-list-item`s 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 component 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;
         /**
@@ -9089,27 +9113,27 @@ declare namespace LocalJSX {
          */
         "group"?: string;
         /**
-          * 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`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the component.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "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`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s new position.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "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`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s current position after commit.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "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`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s initial position.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleIdle"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * 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.
+          * 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;
         /**
@@ -9121,7 +9145,7 @@ declare namespace LocalJSX {
          */
         "onCalciteListOrderChange"?: (event: CalciteValueListCustomEvent<any[]>) => void;
         /**
-          * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
+          * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
          */
         "selectionFollowsFocus"?: boolean;
     }
@@ -9131,7 +9155,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -9148,7 +9172,7 @@ declare namespace LocalJSX {
          */
         "metadata"?: Record<string, unknown>;
         /**
-          * When true, prevents the content of the component from user interaction.
+          * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive"?: boolean;
         /**
@@ -9156,11 +9180,11 @@ declare namespace LocalJSX {
          */
         "onCalciteListItemRemove"?: (event: CalciteValueListItemCustomEvent<void>) => void;
         /**
-          * When true, adds an action to remove the component.
+          * When `true`, adds an action to remove the component.
          */
         "removable"?: boolean;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
         /**