@esri/calcite-components 1.0.0-next.659 → 1.0.0-next.660

package/dist/types/components.d.ts

@@ -60,7 +60,7 @@ export namespace Components {
          */
         "scale": Scale;
         /**
-          * Specifies the selection mode - "multiple" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item).
+          * Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
          */
         "selectionMode": AccordionSelectionMode;
     }
@@ -76,15 +76,15 @@ export namespace Components {
         /**
           * Specifies heading text for the component.
          */
-        "heading"?: string;
+        "heading": string;
         /**
           * Specifies an icon to display at the end of the component.
          */
-        "iconEnd"?: string;
+        "iconEnd": string;
         /**
           * Specifies an icon to display at the start of the component.
          */
-        "iconStart"?: string;
+        "iconStart": string;
     }
     interface CalciteAction {
         /**
@@ -94,7 +94,7 @@ export namespace Components {
         /**
           * Specifies the horizontal alignment of button elements with text content.
          */
-        "alignment"?: Alignment;
+        "alignment": Alignment;
         /**
           * Specifies the appearance of the component.
          */
@@ -110,20 +110,25 @@ export namespace Components {
         /**
           * Specifies an icon to display.
          */
-        "icon"?: string;
+        "icon": string;
         /**
           * When `true`, indicates unread changes.
          */
         "indicator": boolean;
+        /**
+          * Specifies the text label to display `indicator` is `true`.
+          * @default "Unread changes"
+         */
+        "intlIndicator": string;
         /**
           * Specifies the text label to display while loading.
           * @default "Loading"
          */
-        "intlLoading"?: string;
+        "intlLoading": string;
         /**
           * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.
          */
-        "label"?: string;
+        "label": string;
         /**
           * When `true`, a busy indicator is displayed.
          */
@@ -157,11 +162,11 @@ export namespace Components {
         /**
           * Specifies the label of the collapse icon when the component is expanded.
          */
-        "intlCollapse"?: string;
+        "intlCollapse": string;
         /**
           * Specifies the label of the expand icon when the component is collapsed.
          */
-        "intlExpand"?: string;
+        "intlExpand": string;
         /**
           * The layout direction of the actions.
          */
@@ -192,7 +197,7 @@ export namespace Components {
         /**
           * Indicates number of columns.
          */
-        "columns"?: Columns;
+        "columns": Columns;
         /**
           * When `true`, the component is expanded.
          */
@@ -200,7 +205,7 @@ export namespace Components {
         /**
           * Specifies a text string for the `calcite-action-menu`.
          */
-        "intlMore"?: string;
+        "intlMore": string;
         /**
           * Indicates the layout of the component.
          */
@@ -222,7 +227,7 @@ export namespace Components {
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
-        "flipPlacements"?: EffectivePlacement[];
+        "flipPlacements": EffectivePlacement[];
         /**
           * Specifies the text string for the component.
          */
@@ -261,11 +266,11 @@ export namespace Components {
         /**
           * Specifies the label of the collapse icon when the component is expanded.
          */
-        "intlCollapse"?: string;
+        "intlCollapse": string;
         /**
           * Specifies the label of the expand icon when the component is collapsed.
          */
-        "intlExpand"?: string;
+        "intlExpand": string;
         /**
           * Indicates the layout of the component.
          */
@@ -313,7 +318,7 @@ export namespace Components {
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * When `true`, displays and positions the component.
          */
@@ -382,22 +387,22 @@ export namespace Components {
           * Accessible name for the component's collapse button.
           * @default "Collapse"
          */
-        "intlCollapse"?: string;
+        "intlCollapse": string;
         /**
           * Accessible name for the component's expand button.
           * @default "Expand"
          */
-        "intlExpand"?: string;
+        "intlExpand": string;
         /**
           * Accessible name when the component is loading.
           * @default "Loading"
          */
-        "intlLoading"?: string;
+        "intlLoading": string;
         /**
           * Accessible name for the component's options button.
           * @default "Options"
          */
-        "intlOptions"?: string;
+        "intlOptions": string;
         /**
           * When `true`, a busy indicator is displayed.
          */
@@ -409,17 +414,17 @@ export namespace Components {
         /**
           * Displays a status-related indicator icon.
          */
-        "status"?: Status;
+        "status": Status;
     }
     interface CalciteBlockSection {
         /**
           * Accessible name for the component's collapse button.
          */
-        "intlCollapse"?: string;
+        "intlCollapse": string;
         /**
           * Accessible name for the component's expand button.
          */
-        "intlExpand"?: string;
+        "intlExpand": string;
         /**
           * When `true`, expands the component and its contents.
          */
@@ -427,7 +432,7 @@ export namespace Components {
         /**
           * Displays a status-related indicator icon.
          */
-        "status"?: Status;
+        "status": Status;
         /**
           * The component header text.
          */
@@ -441,7 +446,7 @@ export namespace Components {
         /**
           * Specifies the alignment of the component's elements.
          */
-        "alignment"?: ButtonAlignment;
+        "alignment": ButtonAlignment;
         /**
           * Specifies the appearance style of the component.
          */
@@ -458,32 +463,32 @@ export namespace Components {
           * The form ID to associate with the component.
           * @deprecated – The property is no longer needed if the component is placed inside a form.
          */
-        "form"?: string;
+        "form": string;
         /**
           * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
          */
-        "href"?: string;
+        "href": string;
         /**
           * Specifies an icon to display at the end of the component.
          */
-        "iconEnd"?: string;
+        "iconEnd": string;
         /**
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
-        "iconFlipRtl"?: FlipContext;
+        "iconFlipRtl": FlipContext;
         /**
           * Specifies an icon to display at the start of the component.
          */
-        "iconStart"?: string;
+        "iconStart": string;
         /**
           * Accessible name when the component is loading.
           * @default "Loading"
          */
-        "intlLoading"?: string;
+        "intlLoading": string;
         /**
           * Accessible name for the component.
          */
-        "label"?: string;
+        "label": string;
         /**
           * When `true`, a busy indicator is displayed and interaction is disabled.
          */
@@ -496,7 +501,7 @@ export namespace Components {
           * Defines the relationship between the `href` value and the current document.
           * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
          */
-        "rel"?: string;
+        "rel": string;
         /**
           * When `true`, adds a round style to the component.
          */
@@ -512,12 +517,12 @@ export namespace Components {
         /**
           * Specifies if the component is a child of a `calcite-split-button`.
          */
-        "splitChild"?: "primary" | "secondary" | false;
+        "splitChild": "primary" | "secondary" | false;
         /**
           * Specifies where to open the linked document defined in the `href` property.
           * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
          */
-        "target"?: string;
+        "target": string;
         /**
           * Specifies the default behavior of the button.
           * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
@@ -538,7 +543,7 @@ export namespace Components {
           * Accessible name when the component is loading.
           * @default "Loading"
          */
-        "intlLoading"?: string;
+        "intlLoading": string;
         /**
           * When `selectable` is `true`, the accessible name for the component's checkbox for selection.
           * @default "Select"
@@ -586,7 +591,7 @@ export namespace Components {
         /**
           * Accessible name for the component.
          */
-        "label"?: string;
+        "label": string;
         /**
           * Specifies the name of the component on form submission.
          */
@@ -629,11 +634,11 @@ export namespace Components {
           * Accessible name for the component's close button.
           * @default "Close"
          */
-        "dismissLabel"?: string;
+        "dismissLabel": string;
         /**
           * Specifies an icon to display.
          */
-        "icon"?: string;
+        "icon": string;
         /**
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
@@ -783,7 +788,7 @@ export namespace Components {
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * Specifies the size of the component.
          */
@@ -868,7 +873,7 @@ export namespace Components {
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
-        "flipPlacements"?: EffectivePlacement[];
+        "flipPlacements": EffectivePlacement[];
         /**
           * Accessible name for the component's remove tag when a `calcite-combobox-item` is selected.
           * @default "Remove tag"
@@ -897,11 +902,11 @@ export namespace Components {
         /**
           * Specifies the placeholder text for the input.
          */
-        "placeholder"?: string;
+        "placeholder": string;
         /**
           * Specifies the placeholder icon for the input.
          */
-        "placeholderIcon"?: string;
+        "placeholderIcon": string;
         /**
           * Updates the position of the component.
           * @param delayed
@@ -957,7 +962,7 @@ export namespace Components {
         /**
           * Specifies an icon to display.
          */
-        "icon"?: string;
+        "icon": string;
         /**
           * When `true`, the component is selected.
          */
@@ -1624,16 +1629,16 @@ export namespace Components {
         /**
           * Accessible name for the component's clear button.
          */
-        "intlClear"?: string;
+        "intlClear": string;
         /**
           * Accessible name when the component is loading.
           * @default "Loading"
          */
-        "intlLoading"?: string;
+        "intlLoading": string;
         /**
           * Accessible name for the component.
          */
-        "label"?: string;
+        "label": string;
         /**
           * When `true`, a busy indicator is displayed.
          */
@@ -1652,27 +1657,27 @@ export namespace Components {
           * Specifies the maximum value for type "number".
           * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
          */
-        "max"?: number;
+        "max": number;
         /**
           * Specifies the maximum length of text for the component's value.
           * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
          */
-        "maxLength"?: number;
+        "maxLength": number;
         /**
           * Specifies the maximum length of text for the component's value.
           * @deprecated use `maxLength` instead.
          */
-        "maxlength"?: number;
+        "maxlength": number;
         /**
           * Specifies the minimum value for `type="number"`.
           * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
          */
-        "min"?: number;
+        "min": number;
         /**
           * Specifies the minimum length of text for the component's value.
           * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
          */
-        "minLength"?: number;
+        "minLength": number;
         /**
           * When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info.
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
@@ -1686,11 +1691,11 @@ export namespace Components {
         /**
           * Specifies the placement of the buttons for `type="number"`.
          */
-        "numberButtonType"?: InputPlacement;
+        "numberButtonType": InputPlacement;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
@@ -1704,7 +1709,7 @@ export namespace Components {
         /**
           * Adds text to the start of the component.
          */
-        "prefixText"?: string;
+        "prefixText": string;
         /**
           * 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)
@@ -1734,11 +1739,11 @@ export namespace Components {
           * Specifies the granularity the component's value must adhere to.
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
          */
-        "step"?: number | "any";
+        "step": number | "any";
         /**
           * Adds text to the end of the component.
          */
-        "suffixText"?: string;
+        "suffixText": string;
         /**
           * Specifies the component type.  Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`.
          */
@@ -1777,16 +1782,16 @@ export namespace Components {
           * The component's end date.
           * @deprecated use `value` instead.
          */
-        "end"?: string;
+        "end": string;
         /**
           * The component's end date as a full date object.
           * @deprecated use `valueAsDate` instead.
          */
-        "endAsDate"?: Date;
+        "endAsDate": Date;
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
-        "flipPlacements"?: EffectivePlacement[];
+        "flipPlacements": EffectivePlacement[];
         /**
           * Specifies the number at which section headings should start.
          */
@@ -1795,17 +1800,17 @@ export namespace Components {
           * Accessible name for the component's next month button.
           * @default "Next month"
          */
-        "intlNextMonth"?: string;
+        "intlNextMonth": string;
         /**
           * Accessible name for the component's previous month button.
           * @default "Previous month"
          */
-        "intlPrevMonth"?: string;
+        "intlPrevMonth": string;
         /**
           * Accessible name for the component's year input.
           * @default "Year"
          */
-        "intlYear"?: string;
+        "intlYear": string;
         /**
           * Defines the layout of the component.
          */
@@ -1815,23 +1820,23 @@ export namespace Components {
           * @deprecated set the global `lang` attribute on the element instead.
           * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
          */
-        "locale"?: string;
+        "locale": string;
         /**
           * Specifies the latest allowed date ("yyyy-mm-dd").
          */
-        "max"?: string;
+        "max": string;
         /**
           * Specifies the latest allowed date as a full date object.
          */
-        "maxAsDate"?: Date;
+        "maxAsDate": Date;
         /**
           * Specifies the earliest allowed date ("yyyy-mm-dd").
          */
-        "min"?: string;
+        "min": string;
         /**
           * Specifies the earliest allowed date as a full date object.
          */
-        "minAsDate"?: Date;
+        "minAsDate": Date;
         /**
           * Specifies the name of the component on form submission.
          */
@@ -1839,7 +1844,7 @@ export namespace Components {
         /**
           * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * When `true`, displays the `calcite-date-picker` component.
          */
@@ -1887,12 +1892,12 @@ export namespace Components {
           * The component's start date.
           * @deprecated use `value` instead.
          */
-        "start"?: string;
+        "start": string;
         /**
           * The component's start date as a full date object.
           * @deprecated use `valueAsDate` instead.
          */
-        "startAsDate"?: Date;
+        "startAsDate": Date;
         /**
           * Selected date as a string in ISO format (YYYY-MM-DD)
          */
@@ -1900,7 +1905,7 @@ export namespace Components {
         /**
           * The component's value as a full date object.
          */
-        "valueAsDate"?: Date | Date[];
+        "valueAsDate": Date | Date[];
     }
     interface CalciteInputMessage {
         /**
@@ -1972,16 +1977,16 @@ export namespace Components {
         /**
           * A text label that will appear on the clear button for screen readers.
          */
-        "intlClear"?: string;
+        "intlClear": string;
         /**
           * Accessible name that will appear while loading.
           * @default "Loading"
          */
-        "intlLoading"?: string;
+        "intlLoading": string;
         /**
           * Accessible name for the component's button or hyperlink.
          */
-        "label"?: string;
+        "label": string;
         /**
           * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
@@ -2000,22 +2005,22 @@ export namespace Components {
           * Specifies the maximum value.
           * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
          */
-        "max"?: number;
+        "max": number;
         /**
           * Specifies the maximum length of text for the component's value.
           * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
          */
-        "maxLength"?: number;
+        "maxLength": number;
         /**
           * Specifies the minimum value.
           * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
          */
-        "min"?: number;
+        "min": number;
         /**
           * Specifies the minimum length of text for the component's value.
           * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
          */
-        "minLength"?: number;
+        "minLength": number;
         /**
           * Specifies the name of the component.
           * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
@@ -2024,11 +2029,11 @@ export namespace Components {
         /**
           * Specifies the placement of the buttons.
          */
-        "numberButtonType"?: InputPlacement1;
+        "numberButtonType": InputPlacement1;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * Specifies placeholder text for the component.
           * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
@@ -2037,7 +2042,7 @@ export namespace Components {
         /**
           * Adds text to the start of the component.
          */
-        "prefixText"?: string;
+        "prefixText": string;
         /**
           * 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)
@@ -2067,11 +2072,11 @@ export namespace Components {
           * Specifies the granularity that the component's value must adhere to.
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
          */
-        "step"?: number | "any";
+        "step": number | "any";
         /**
           * Adds text to the end of the component.
          */
-        "suffixText"?: string;
+        "suffixText": string;
         /**
           * The component's value.
          */
@@ -2118,16 +2123,16 @@ export namespace Components {
         /**
           * A text label that will appear on the clear button for screen readers.
          */
-        "intlClear"?: string;
+        "intlClear": string;
         /**
           * Accessible name that will appear while loading.
           * @default "Loading"
          */
-        "intlLoading"?: string;
+        "intlLoading": string;
         /**
           * Accessible name for the component's button or hyperlink.
          */
-        "label"?: string;
+        "label": string;
         /**
           * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
@@ -2136,12 +2141,12 @@ export namespace Components {
           * Specifies the maximum length of text for the component's value.
           * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
          */
-        "maxLength"?: number;
+        "maxLength": number;
         /**
           * Specifies the minimum length of text for the component's value.
           * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
          */
-        "minLength"?: number;
+        "minLength": number;
         /**
           * Specifies the name of the component.
           * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
@@ -2160,7 +2165,7 @@ export namespace Components {
         /**
           * Adds text to the start of the component.
          */
-        "prefixText"?: string;
+        "prefixText": string;
         /**
           * 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)
@@ -2189,7 +2194,7 @@ export namespace Components {
         /**
           * Adds text to the end of the component.
          */
-        "suffixText"?: string;
+        "suffixText": string;
         /**
           * The component's value.
          */
@@ -2208,51 +2213,51 @@ export namespace Components {
         /**
           * Accessible name for the component's hour input.
          */
-        "intlHour"?: string;
+        "intlHour": string;
         /**
           * Accessible name for the component's hour down button.
          */
-        "intlHourDown"?: string;
+        "intlHourDown": string;
         /**
           * Accessible name for the component's hour up button.
          */
-        "intlHourUp"?: string;
+        "intlHourUp": string;
         /**
           * Accessible name for the component's meridiem (am/pm) input.
          */
-        "intlMeridiem"?: string;
+        "intlMeridiem": string;
         /**
           * Accessible name for the component's meridiem (am/pm) down button.
          */
-        "intlMeridiemDown"?: string;
+        "intlMeridiemDown": string;
         /**
           * Accessible name for the component's meridiem (am/pm) up button.
          */
-        "intlMeridiemUp"?: string;
+        "intlMeridiemUp": string;
         /**
           * Accessible name for the component's minute input.
          */
-        "intlMinute"?: string;
+        "intlMinute": string;
         /**
           * Accessible name for the component's minute down button.
          */
-        "intlMinuteDown"?: string;
+        "intlMinuteDown": string;
         /**
           * Accessible name for the component's minute up button.
          */
-        "intlMinuteUp"?: string;
+        "intlMinuteUp": string;
         /**
           * Accessible name for the component's second input.
          */
-        "intlSecond"?: string;
+        "intlSecond": string;
         /**
           * Accessible name for the component's second down button.
          */
-        "intlSecondDown"?: string;
+        "intlSecondDown": string;
         /**
           * Accessible name for the component's second up button.
          */
-        "intlSecondUp"?: string;
+        "intlSecondUp": string;
         /**
           * BCP 47 language tag for desired language and country format.
           * @deprecated set the global `lang` attribute on the element instead.
@@ -2266,7 +2271,7 @@ export namespace Components {
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * When `true`, displays the `calcite-time-picker` component.
          */
@@ -2316,16 +2321,6 @@ export namespace Components {
           * Specifies the text alignment of the component.
          */
         "alignment": Alignment;
-        /**
-          * 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.
-          * @deprecated Use the `disabled` property on the component the label is bound to instead.
-         */
-        "disabled": boolean;
         /**
           * Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component.
          */
@@ -2338,11 +2333,6 @@ export namespace Components {
           * Specifies the size of the component.
          */
         "scale": Scale;
-        /**
-          * Specifies the status of the component and any child input, or input messages.
-          * @deprecated Set directly on the component the label is bound to instead.
-         */
-        "status": Status;
     }
     interface CalciteLink {
         /**
@@ -2356,23 +2346,23 @@ export namespace Components {
         /**
           * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
          */
-        "href"?: string;
+        "href": string;
         /**
           * Specifies an icon to display at the end of the component.
          */
-        "iconEnd"?: string;
+        "iconEnd": string;
         /**
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
-        "iconFlipRtl"?: FlipContext;
+        "iconFlipRtl": FlipContext;
         /**
           * Specifies an icon to display at the start of the component.
          */
-        "iconStart"?: string;
+        "iconStart": string;
         /**
           * Specifies the relationship to the linked document defined in `href`.
          */
-        "rel"?: string;
+        "rel": string;
         /**
           * Sets focus on the component.
          */
@@ -2380,7 +2370,7 @@ export namespace Components {
         /**
           * Specifies the frame or window to open the linked document.
          */
-        "target"?: string;
+        "target": string;
     }
     interface CalciteList {
         /**
@@ -2388,33 +2378,33 @@ export namespace Components {
          */
         "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 component that can be used by end users to filter `calcite-list-item`s.
          */
         "filterEnabled": boolean;
         /**
-          * Placeholder text for the filter input field.
+          * Placeholder text for the component's filter input field.
          */
         "filterPlaceholder": string;
         /**
-          * Text for the filter input field.
+          * Text for the component's filter input field.
          */
         "filterText": string;
         /**
-          * **read-only** The currently filtered items
+          * The currently filtered `calcite-list-item` data.
           * @readonly
          */
         "filteredData": ItemData;
         /**
-          * **read-only** The currently filtered items
+          * The currently filtered `calcite-list-item`s.
           * @readonly
          */
         "filteredItems": HTMLCalciteListItemElement[];
         /**
           * Specifies an accessible name for the component.
          */
-        "label"?: string;
+        "label": string;
         /**
-          * When true, content is waiting to be loaded. This state shows a busy indicator.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
@@ -2427,11 +2417,11 @@ export namespace Components {
          */
         "selectedItems": HTMLCalciteListItemElement[];
         /**
-          * specify the selection appearance - icon (displays a checkmark or dot), border (displays a border), defaults to icon
+          * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
          */
         "selectionAppearance": SelectionAppearance;
         /**
-          * specify the selection mode - multiple (allow any number of (or no) selected items), single (allow and require one selected item), none (no selected items), defaults to single
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allows and require one selected item), `"none"` (no selected items).
          */
         "selectionMode": SelectionMode1;
         /**
@@ -2447,7 +2437,7 @@ export namespace Components {
         /**
           * A description for the component. Displays below the label text.
          */
-        "description"?: string;
+        "description": string;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -2457,23 +2447,23 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
+          * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
          */
-        "metadata"?: Record<string, unknown>;
+        "metadata": Record<string, unknown>;
         /**
-          * When true, item is open to show child components.
+          * When `true`, the item is open to show child components.
          */
         "open": boolean;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         /**
-          * specify the selection appearance - icon (displays a checkmark or dot), border (displays a border), defaults to icon
+          * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
          */
         "selectionAppearance": SelectionAppearance;
         /**
-          * specify the selection mode - multiple (allow any number of (or no) selected items), single (allow and require one selected item), none (no selected items), defaults to single
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allows and require one selected item), `"none"` (no selected items).
          */
         "selectionMode": SelectionMode1;
         /**
@@ -2495,7 +2485,7 @@ export namespace Components {
     }
     interface CalciteListItemGroup {
         /**
-          * 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;
         /**
@@ -2530,7 +2520,7 @@ export namespace Components {
         /**
           * Text that displays under the component's indicator.
          */
-        "text"?: string;
+        "text": string;
         /**
           * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
@@ -2553,11 +2543,11 @@ export namespace Components {
         /**
           * Passes a function to run before the component closes.
          */
-        "beforeClose"?: (el: HTMLElement) => Promise<void>;
+        "beforeClose": (el: HTMLElement) => Promise<void>;
         /**
           * Adds a color bar to the top of component for visual impact. Use color to add importance to destructive or workflow dialogs.
          */
-        "color"?: "red" | "blue";
+        "color": "red" | "blue";
         /**
           * When `true`, disables the component's close button.
          */
@@ -2626,7 +2616,7 @@ export namespace Components {
         /**
           * When `true`, a close button is added to the component.
          */
-        "closable"?: boolean;
+        "closable": boolean;
         /**
           * The color for the component's top border and icon.
          */
@@ -2635,7 +2625,7 @@ export namespace Components {
           * When `true`, a close button is added to the component.
           * @deprecated use `closable` instead.
          */
-        "dismissible"?: boolean;
+        "dismissible": boolean;
         /**
           * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
@@ -2706,7 +2696,7 @@ export namespace Components {
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * Go to the previous page of results.
          */
@@ -2754,7 +2744,7 @@ export namespace Components {
         /**
           * The component header text.
          */
-        "heading"?: string;
+        "heading": string;
         /**
           * Specifies the number at which section headings should start.
          */
@@ -2762,15 +2752,15 @@ export namespace Components {
         /**
           * Specifies the maximum height of the component.
          */
-        "heightScale"?: Scale;
+        "heightScale": Scale;
         /**
           * Accessible name for the component's close button. The close button will only be shown when `closeable` is `true`.
          */
-        "intlClose"?: string;
+        "intlClose": string;
         /**
           * Accessible name for the component's actions menu.
          */
-        "intlOptions"?: string;
+        "intlOptions": string;
         /**
           * When `true`, a busy indicator is displayed.
          */
@@ -2793,7 +2783,7 @@ export namespace Components {
         /**
           * Specifies the width of the component.
          */
-        "widthScale"?: Scale;
+        "widthScale": Scale;
     }
     interface CalcitePickList {
         /**
@@ -2862,7 +2852,7 @@ export namespace Components {
         /**
           * A description for the component that displays below the label text.
          */
-        "description"?: string;
+        "description": string;
         /**
           * When `false`, the component cannot be deselected by user interaction.
          */
@@ -2875,7 +2865,7 @@ export namespace Components {
           * 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;
+        "icon": ICON_TYPES | null;
         /**
           * When `removable` is `true`, the accessible name for the component's remove button.
           * @default "Remove"
@@ -2888,12 +2878,12 @@ export namespace Components {
         /**
           * Provides additional metadata to the component. Primary use is for a filter on the parent list.
          */
-        "metadata"?: Record<string, unknown>;
+        "metadata": Record<string, unknown>;
         "nonInteractive": boolean;
         /**
           * When `true`, displays a remove action that removes the item from the list.
          */
-        "removable"?: boolean;
+        "removable": boolean;
         /**
           * When `true`, selects an item. Toggles when an item is checked/unchecked.
          */
@@ -2936,11 +2926,11 @@ export namespace Components {
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
-        "flipPlacements"?: EffectivePlacement[];
+        "flipPlacements": EffectivePlacement[];
         /**
           * The component header text.
          */
-        "heading"?: string;
+        "heading": string;
         /**
           * Specifies the number at which section headings should start.
          */
@@ -3154,7 +3144,7 @@ export namespace Components {
         /**
           * Specifies an icon to display at the end of the component.
          */
-        "iconEnd"?: string;
+        "iconEnd": string;
         /**
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
@@ -3162,7 +3152,7 @@ export namespace Components {
         /**
           * Specifies an icon to display at the start of the component.
          */
-        "iconStart"?: string;
+        "iconStart": string;
         /**
           * The component's value.
          */
@@ -3172,11 +3162,11 @@ export namespace Components {
         /**
           * Specifies a cumulative average from previous ratings to display.
          */
-        "average"?: number;
+        "average": number;
         /**
           * Specifies the number of previous ratings to display.
          */
-        "count"?: number;
+        "count": number;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -3185,12 +3175,12 @@ export namespace Components {
           * Accessible name for the component.
           * @default "Rating"
          */
-        "intlRating"?: string;
+        "intlRating": string;
         /**
           * Accessible name for each star. The `${num}` in the string will be replaced by the number.
           * @default "Stars: ${num}"
          */
-        "intlStars"?: string;
+        "intlStars": string;
         /**
           * Specifies the name of the component on form submission.
          */
@@ -3225,7 +3215,7 @@ export namespace Components {
           * Accessible name when the component is loading.
           * @default "Loading"
          */
-        "intlLoading"?: string;
+        "intlLoading": string;
         /**
           * When `true`, a busy indicator is displayed.
          */
@@ -3338,7 +3328,7 @@ export namespace Components {
           * 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;
+        "histogram": DataSeries;
         /**
           * A set of single color stops for a histogram, sorted by offset ascending.
          */
@@ -3358,11 +3348,11 @@ export namespace Components {
         /**
           * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
          */
-        "maxLabel"?: string;
+        "maxLabel": string;
         /**
           * For multiple selections, the component's upper value.
          */
-        "maxValue"?: number;
+        "maxValue": number;
         /**
           * The component's minimum selectable value.
          */
@@ -3374,7 +3364,7 @@ export namespace Components {
         /**
           * For multiple selections, the component's lower value.
          */
-        "minValue"?: number;
+        "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.
          */
@@ -3386,11 +3376,11 @@ export namespace Components {
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * Specifies the interval to move with the page up, or page down keys.
          */
-        "pageStep"?: number;
+        "pageStep": number;
         /**
           * When `true`, sets a finer point for handles.
          */
@@ -3414,11 +3404,11 @@ export namespace Components {
         /**
           * Specifies the interval to move with the up, or down keys.
          */
-        "step"?: number;
+        "step": number;
         /**
           * Displays tick marks on the number line at a specified interval.
          */
-        "ticks"?: number;
+        "ticks": number;
         /**
           * The component's value.
          */
@@ -3474,7 +3464,7 @@ export namespace Components {
         /**
           * Accessible name for the dropdown menu.
          */
-        "dropdownLabel"?: string;
+        "dropdownLabel": string;
         /**
           * When `true`, a busy indicator is displayed on the primary button.
          */
@@ -3486,19 +3476,19 @@ export namespace Components {
         /**
           * Specifies an icon to display at the end of the primary button.
          */
-        "primaryIconEnd"?: string;
+        "primaryIconEnd": string;
         /**
           * When `true`, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
-        "primaryIconFlipRtl"?: FlipContext;
+        "primaryIconFlipRtl": FlipContext;
         /**
           * Specifies an icon to display at the start of the primary button.
          */
-        "primaryIconStart"?: string;
+        "primaryIconStart": string;
         /**
           * Accessible name for the primary button.
          */
-        "primaryLabel"?: string;
+        "primaryLabel": string;
         /**
           * Text displayed in the primary button.
          */
@@ -3575,9 +3565,9 @@ export namespace Components {
         /**
           * The component header text.
          */
-        "heading"?: string;
+        "heading": string;
         "icon": boolean;
-        "layout"?: Extract<"horizontal" | "vertical", Layout>;
+        "layout": Extract<"horizontal" | "vertical", Layout>;
         "numbered": boolean;
         "scale": Scale;
         /**
@@ -3598,7 +3588,7 @@ export namespace Components {
         /**
           * Accessible name for the component.
          */
-        "label"?: string;
+        "label": string;
         /**
           * Specifies the name of the component on form submission.
          */
@@ -3639,7 +3629,7 @@ export namespace Components {
         /**
           * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab-title`.
          */
-        "tab"?: string;
+        "tab": string;
         /**
           * @param tabIds
           * @param titleIds
@@ -3681,15 +3671,15 @@ export namespace Components {
         /**
           * Specifies an icon to display at the end of the component.
          */
-        "iconEnd"?: string;
+        "iconEnd": string;
         /**
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
-        "iconFlipRtl"?: FlipContext;
+        "iconFlipRtl": FlipContext;
         /**
           * Specifies an icon to display at the start of the component.
          */
-        "iconStart"?: string;
+        "iconStart": string;
         "layout": TabLayout;
         "position": TabPosition;
         "scale": Scale;
@@ -3700,7 +3690,7 @@ export namespace Components {
         /**
           * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab`.
          */
-        "tab"?: string;
+        "tab": string;
         /**
           * @param tabIds
           * @param titleIds
@@ -3733,7 +3723,7 @@ export namespace Components {
         /**
           * A description for the component, which displays below the heading.
          */
-        "description"?: string;
+        "description": string;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -3749,7 +3739,7 @@ export namespace Components {
         /**
           * The component header text, which displays between the icon and description.
          */
-        "heading"?: string;
+        "heading": string;
         /**
           * When `true`, the component is not displayed and is not focusable.
          */
@@ -3757,11 +3747,11 @@ export namespace Components {
         /**
           * When embed is `"false"`, the URL for the component.
          */
-        "href"?: string;
+        "href": string;
         /**
           * Specifies an icon to display.
          */
-        "icon"?: string;
+        "icon": string;
     }
     interface CalciteTileSelect {
         /**
@@ -3771,7 +3761,7 @@ export namespace Components {
         /**
           * A description for the component, which displays below the heading.
          */
-        "description"?: string;
+        "description": string;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -3779,7 +3769,7 @@ export namespace Components {
         /**
           * The component header text, which displays between the icon and description.
          */
-        "heading"?: string;
+        "heading": string;
         /**
           * When `true`, the component is not displayed and is not focusable or checkable.
          */
@@ -3787,7 +3777,7 @@ export namespace Components {
         /**
           * Specifies an icon to display.
          */
-        "icon"?: string;
+        "icon": string;
         /**
           * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
          */
@@ -3811,7 +3801,7 @@ export namespace Components {
         /**
           * The component's value.
          */
-        "value"?: any;
+        "value": any;
         /**
           * Specifies the width of the component.
          */
@@ -3825,7 +3815,7 @@ export namespace Components {
         /**
           * Defines the layout of the component.  Use `"horizontal"` for rows, and `"vertical"` for a single column.
          */
-        "layout"?: TileSelectGroupLayout;
+        "layout": TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
         /**
@@ -3897,7 +3887,7 @@ export namespace Components {
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: NumberingSystem;
+        "numberingSystem": NumberingSystem;
         /**
           * Specifies the size of the component.
          */
@@ -3924,7 +3914,7 @@ export namespace Components {
         /**
           * The component header text.
          */
-        "heading"?: string;
+        "heading": string;
         /**
           * Specifies the number at which section headings should start.
          */
@@ -3932,7 +3922,7 @@ export namespace Components {
         /**
           * Accessible name for the component's close button.
          */
-        "intlClose"?: string;
+        "intlClose": string;
         /**
           * When `true`, the close button is not present on the component.
          */
@@ -3946,7 +3936,7 @@ export namespace Components {
         /**
           * The component header text for all nested `calcite-tip`s.
          */
-        "groupTitle"?: string;
+        "groupTitle": string;
     }
     interface CalciteTipManager {
         /**
@@ -3960,23 +3950,23 @@ export namespace Components {
         /**
           * Accessible name for the component's close button.
          */
-        "intlClose"?: string;
+        "intlClose": string;
         /**
           * Accessible name for the `calcite-tip-group` title.
          */
-        "intlDefaultTitle"?: string;
+        "intlDefaultTitle": string;
         /**
           * Accessible name for navigating to the next tip.
          */
-        "intlNext"?: string;
+        "intlNext": string;
         /**
           * Text that accompanies the component's pagination.
          */
-        "intlPaginationLabel"?: string;
+        "intlPaginationLabel": string;
         /**
           * Accessible name for navigating to the previous tip.
          */
-        "intlPrevious"?: string;
+        "intlPrevious": string;
         /**
           * Selects the next `calcite-tip` to display.
          */
@@ -5120,7 +5110,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * Specifies the selection mode - "multiple" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item).
+          * Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
          */
         "selectionMode"?: AccordionSelectionMode;
     }
@@ -5175,6 +5165,11 @@ declare namespace LocalJSX {
           * When `true`, indicates unread changes.
          */
         "indicator"?: boolean;
+        /**
+          * Specifies the text label to display `indicator` is `true`.
+          * @default "Unread changes"
+         */
+        "intlIndicator"?: string;
         /**
           * Specifies the text label to display while loading.
           * @default "Loading"
@@ -7426,16 +7421,6 @@ declare namespace LocalJSX {
           * Specifies the text alignment of the component.
          */
         "alignment"?: Alignment;
-        /**
-          * 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.
-          * @deprecated Use the `disabled` property on the component the label is bound to instead.
-         */
-        "disabled"?: boolean;
         /**
           * Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component.
          */
@@ -7448,11 +7433,6 @@ declare namespace LocalJSX {
           * Specifies the size of the component.
          */
         "scale"?: Scale;
-        /**
-          * Specifies the status of the component and any child input, or input messages.
-          * @deprecated Set directly on the component the label is bound to instead.
-         */
-        "status"?: Status;
     }
     interface CalciteLink {
         /**
@@ -7494,24 +7474,24 @@ declare namespace LocalJSX {
          */
         "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 component that can be used by end users to filter `calcite-list-item`s.
          */
         "filterEnabled"?: boolean;
         /**
-          * Placeholder text for the filter input field.
+          * Placeholder text for the component's filter input field.
          */
         "filterPlaceholder"?: string;
         /**
-          * Text for the filter input field.
+          * Text for the component's filter input field.
          */
         "filterText"?: string;
         /**
-          * **read-only** The currently filtered items
+          * The currently filtered `calcite-list-item` data.
           * @readonly
          */
         "filteredData"?: ItemData;
         /**
-          * **read-only** The currently filtered items
+          * The currently filtered `calcite-list-item`s.
           * @readonly
          */
         "filteredItems"?: HTMLCalciteListItemElement[];
@@ -7520,11 +7500,11 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, content is waiting to be loaded. This state shows a busy indicator.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * Emits when a filter has changed.
+          * Emits when the component's filter has changed.
          */
         "onCalciteListFilter"?: (event: CalciteListCustomEvent<void>) => void;
         /**
@@ -7533,11 +7513,11 @@ declare namespace LocalJSX {
          */
         "selectedItems"?: HTMLCalciteListItemElement[];
         /**
-          * specify the selection appearance - icon (displays a checkmark or dot), border (displays a border), defaults to icon
+          * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
          */
         "selectionAppearance"?: SelectionAppearance;
         /**
-          * specify the selection mode - multiple (allow any number of (or no) selected items), single (allow and require one selected item), none (no selected items), defaults to single
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allows and require one selected item), `"none"` (no selected items).
          */
         "selectionMode"?: SelectionMode1;
     }
@@ -7555,19 +7535,19 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
+          * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
          */
         "metadata"?: Record<string, unknown>;
         /**
-          * Emitted whenever the list item content is selected.
+          * Emits when the item's content is selected.
          */
         "onCalciteListItemSelect"?: (event: CalciteListItemCustomEvent<void>) => void;
         /**
-          * When true, item is open to show child components.
+          * When `true`, the item is open to show child components.
          */
         "open"?: boolean;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
         /**
@@ -7577,7 +7557,7 @@ declare namespace LocalJSX {
     }
     interface CalciteListItemGroup {
         /**
-          * 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;
         /**