@esri/calcite-components 1.0.0-next.555 → 1.0.0-next.558

package/dist/loader/cdn.js

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

package/dist/loader/index.cjs.js

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

package/dist/loader/index.es2017.js

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

package/dist/loader/index.js

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

package/dist/types/components/action-menu/action-menu.d.ts

@@ -27,7 +27,12 @@ export declare class ActionMenu {
    */
   open: boolean;
   openHandler(open: boolean): void;
-  /** Determines the type of positioning to use for the overlaid content. If your element is in a fixed container, use the "fixed" value. */
+  /**
+   * Determines the type of positioning to use for the overlaid content.
+   *
+   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   *
+   */
   overlayPositioning: OverlayPositioning;
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.

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

@@ -1,9 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-import { CheckableFormCompoment } from "../../utils/form";
+import { CheckableFormComponent } from "../../utils/form";
 import { LabelableComponent } from "../../utils/label";
 import { InteractiveComponent } from "../../utils/interactive";
-export declare class Checkbox implements LabelableComponent, CheckableFormCompoment, InteractiveComponent {
+export declare class Checkbox implements LabelableComponent, CheckableFormComponent, InteractiveComponent {
   el: HTMLCalciteCheckboxElement;
   /** The checked state of the checkbox. */
   checked: boolean;

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

@@ -42,7 +42,12 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   name: string;
   /** Allow entry of custom values which are not in the original set of items */
   allowCustomValues: boolean;
-  /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
+  /**
+   * Determines the type of positioning to use for the overlaid content.
+   *
+   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   *
+   */
   overlayPositioning: OverlayPositioning;
   overlayPositioningHandler(): void;
   /**

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

@@ -40,7 +40,12 @@ export declare class Dropdown implements InteractiveComponent, OpenCloseComponen
    */
   maxItems: number;
   maxItemsHandler(): void;
-  /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
+  /**
+   * Determines the type of positioning to use for the overlaid content.
+   *
+   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   *
+   */
   overlayPositioning: OverlayPositioning;
   overlayPositioningHandler(): void;
   /**

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

@@ -12,7 +12,7 @@ export declare class Handle {
   el: HTMLCalciteHandleElement;
   handleButton: HTMLElement;
   /**
-   * Emitted when the the handle is activated and the up or down arrow key is pressed.
+   * Emitted when the handle is activated and the up or down arrow key is pressed.
    *
    * **Note:**: The `handle` event payload prop is deprecated, please use the event's target/currentTarget instead
    */

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

@@ -117,7 +117,12 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    * @deprecated use value instead
    */
   end?: string;
-  /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
+  /**
+   * Determines the type of positioning to use for the overlaid content.
+   *
+   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   *
+   */
   overlayPositioning: OverlayPositioning;
   overlayPositioningHandler(): void;
   /** Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range. */
@@ -186,7 +191,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   setStartInput: (el: HTMLCalciteInputElement) => void;
   setEndInput: (el: HTMLCalciteInputElement) => void;
   deactivate: () => void;
-  keyDownHandler: ({ defaultPrevented, key }: KeyboardEvent) => void;
+  keyDownHandler: (event: KeyboardEvent) => void;
   inputBlur: (event: CustomEvent<any>) => void;
   startInputFocus: () => void;
   endInputFocus: () => void;

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

@@ -96,7 +96,7 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   setFocus(): Promise<void>;
   /** Updates the position of the component. */
   reposition(): Promise<void>;
-  keyDownHandler: ({ defaultPrevented, key }: KeyboardEvent) => void;
+  keyDownHandler: (event: KeyboardEvent) => void;
   onLabelClick(): void;
   private shouldIncludeSeconds;
   private setCalcitePopoverEl;

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

@@ -80,13 +80,13 @@ export declare class PickListItem implements ConditionalSlotComponent, Interacti
    */
   calciteListItemRemove: EventEmitter<void>;
   /**
-   * Emits when the the component's label, description, value, or metadata properties are modified.
+   * Emits when the component's label, description, value, or metadata properties are modified.
    *
    * @internal
    */
   calciteInternalListItemPropsChange: EventEmitter<void>;
   /**
-   * Emits when the the component's value property is modified.
+   * Emits when the component's value property is modified.
    *
    * @internal
    */

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

@@ -66,7 +66,12 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent
    */
   open: boolean;
   openHandler(): void;
-  /** Describes the positioning type to use for the overlaid content. If the element is in a fixed container, use the "fixed" value. */
+  /**
+   * Determines the type of positioning to use for the overlaid content.
+   *
+   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   *
+   */
   overlayPositioning: OverlayPositioning;
   overlayPositioningHandler(): void;
   /**

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

@@ -1,45 +1,45 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
-import { CheckableFormCompoment } from "../../utils/form";
+import { CheckableFormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
-export declare class RadioButton implements LabelableComponent, CheckableFormCompoment, InteractiveComponent {
+export declare class RadioButton implements LabelableComponent, CheckableFormComponent, InteractiveComponent {
   el: HTMLCalciteRadioButtonElement;
-  /** The checked state of the radio button. */
+  /** When true, the component is checked. */
   checked: boolean;
   checkedChanged(newChecked: boolean): void;
-  /** The disabled state of the radio button. */
+  /** When true, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
-   * The focused state of the radio button.
+   * The focused state of the component.
    *
    * @internal
    */
   focused: boolean;
-  /** The id attribute of the radio button.  When omitted, a globally unique identifier is used. */
+  /** The id attribute of the component. When omitted, a globally unique identifier is used. */
   guid: string;
-  /** The radio button's hidden status.  When a radio button is hidden it is not focusable or checkable. */
+  /** When true, the component is not displayed and is not focusable or checkable. */
   hidden: boolean;
   /**
-   * The hovered state of the radio button.
+   * The hovered state of the component.
    *
    * @internal
    */
   hovered: boolean;
   /**
-   * The label of the radio input
+   * Accessible name for the component.
    *
    * @internal
    */
   label?: string;
-  /** The name of the radio button. `name` is passed as a property automatically from `calcite-radio-button-group`. */
+  /** Specifies the name of the component, passed from the `calcite-radio-button-group` on form submission. */
   name: string;
   nameChanged(): void;
-  /** Requires that a value is selected for the radio button group before the parent form will submit. */
+  /** When true, the component must have a value selected from the `calcite-radio-button-group` on form submission. */
   required: boolean;
-  /** The scale (size) of the radio button. `scale` is passed as a property automatically from `calcite-radio-button-group`. */
+  /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */
   scale: Scale;
-  /** The value of the radio button. */
+  /** The component's value. */
   value: any;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;

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

@@ -5,20 +5,20 @@ import { Layout, Scale } from "../interfaces";
  */
 export declare class RadioButtonGroup {
   el: HTMLCalciteRadioButtonGroupElement;
-  /** The disabled state of the radio button group. */
+  /** When true, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   onDisabledChange(): void;
-  /** The radio button group's hidden status.  When a radio button group is hidden none of its options are focusable or checkable. */
+  /** When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. */
   hidden: boolean;
   onHiddenChange(): void;
-  /** The layout direction of the radio buttons in a group. */
+  /** Defines the layout of the component. */
   layout: Layout;
   onLayoutChange(): void;
-  /** The name of the radio button group. `name` must be unique to other radio button group instances. */
+  /** Specifies the name of the component on form submission. Must be unique to other component instances. */
   name: string;
-  /** Requires that a value is selected for the radio button group before the parent form will submit. */
+  /** When true, the component must have a value on form submission. */
   required: boolean;
-  /** The scale (size) of the radio button group. */
+  /** Specifies the size of the component. */
   scale: Scale;
   onScaleChange(): void;
   mutationObserver: MutationObserver;
@@ -26,7 +26,7 @@ export declare class RadioButtonGroup {
   disconnectedCallback(): void;
   private passPropsToRadioButtons;
   /**
-   * Emitted when the radio button group has changed.
+   * Fires when the component has changed.
    */
   calciteRadioButtonGroupChange: EventEmitter<void>;
   radioButtonChangeHandler(event: CustomEvent): void;

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

@@ -9,35 +9,35 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class RadioGroup implements LabelableComponent, FormComponent, InteractiveComponent {
   el: HTMLCalciteRadioGroupElement;
-  /** specify the appearance style of the radio group, defaults to solid. */
+  /** Specifies the appearance style of the component. */
   appearance: RadioAppearance;
-  /** is the radio group disabled  */
+  /** When true, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
-   * When true, makes the component required for form-submission.
+   * When true, the component must have a value on form submission.
    *
    * @internal
    */
   required: boolean;
-  /** specify the layout of the radio group, defaults to horizontal */
+  /** Defines the layout of the component. */
   layout: Layout;
   /**
-   * The group's name. Gets submitted with the form.
+   * Specifies the name of the component on form submission.
    */
   name: string;
-  /** The scale of the radio group */
+  /** Specifies the size of the component. */
   scale: Scale;
-  /** The value of the selectedItem */
+  /** The component's "selectedItem" value. */
   value: string;
   valueHandler(value: string): void;
   /**
-   * The group's selected item.
+   * The component's selected item `HTMLElement`.
    *
    * @readonly
    */
   selectedItem: HTMLCalciteRadioGroupItemElement;
   protected handleSelectedItemChange<T extends HTMLCalciteRadioGroupItemElement>(newItem: T, oldItem: T): void;
-  /** specify the width of the group, defaults to auto */
+  /** Specifies the width of the component. */
   width: Extract<"auto" | "full", Width>;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -48,7 +48,7 @@ export declare class RadioGroup implements LabelableComponent, FormComponent, In
   protected handleClick: (event: MouseEvent) => void;
   protected handleSelected(event: Event): void;
   protected handleKeyDown(event: KeyboardEvent): void;
-  /** Fired when the selected option changes, event detail is the new value */
+  /** Fires when the selected option changes, where the event detail is the new value. */
   calciteRadioGroupChange: EventEmitter<string>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;

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

@@ -2,17 +2,17 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position } from "../interfaces";
 export declare class RadioGroupItem {
   el: HTMLCalciteRadioGroupItemElement;
-  /** Indicates whether the control is checked. */
+  /** When true, the component is checked. */
   checked: boolean;
   protected handleCheckedChange(): void;
-  /** optionally pass an icon to display - accepts Calcite UI icon names  */
+  /** Specifies an icon to display - accepts Calcite UI icon names. */
   icon?: string;
-  /** flip the icon in rtl */
+  /** When true, the icon will be flipped when the element direction is right-to-left ("rtl"). */
   iconFlipRtl: boolean;
-  /** optionally used with icon, select where to position the icon */
+  /** When used with "icon", specifies its position. */
   iconPosition?: Position;
   /**
-   * The control's value.
+   * The component's value.
    */
   value: any | null;
   render(): VNode;

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

@@ -5,36 +5,36 @@ import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 export declare class Rating implements LabelableComponent, FormComponent, InteractiveComponent {
   el: HTMLCalciteRatingElement;
-  /** specify the scale of the component, defaults to m */
+  /** Specifies the size of the component. */
   scale: Scale;
-  /** the value of the rating component */
+  /** The component's value. */
   value: number;
-  /** is the rating component in a selectable mode */
+  /** When true, the component's value can be read, but cannot be modified. */
   readOnly: boolean;
-  /** is the rating component in a selectable mode */
+  /** When true, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
-  /** Show average and count data summary chip (if available) */
+  /** When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`. */
   showChip: boolean;
-  /** optionally pass a number of previous ratings to display */
+  /** Specifies the number of previous ratings to display. */
   count?: number;
-  /** optionally pass a cumulative average rating to display */
+  /** Specifies a cumulative average from previous ratings to display. */
   average?: number;
-  /** The name of the rating */
+  /** Specifies the name of the component on form submission. */
   name: string;
   /**
-   * Localized string for "Rating" (used for aria label)
+   * Accessible name for the component.
    *
    * @default "Rating"
    */
   intlRating?: string;
   /**
-   * Localized string for labelling each star, `${num}` in the string will be replaced by the number
+   * Accessible name for each star. The `${num}` in the string will be replaced by the number.
    *
    * @default "Stars: ${num}"
    */
   intlStars?: string;
   /**
-   * When true, makes the component required for form-submission.
+   * When true, the component must have a value on form submission.
    *
    * @internal
    */
@@ -43,7 +43,7 @@ export declare class Rating implements LabelableComponent, FormComponent, Intera
   disconnectedCallback(): void;
   componentDidRender(): void;
   /**
-   * Fires when the rating value has changed.
+   * Fires when the component's value changes.
    */
   calciteRatingChange: EventEmitter<{
     value: number;

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

@@ -4,14 +4,13 @@ import { VNode } from "../../stencil-public-runtime";
  */
 export declare class Scrim {
   /**
-   * string to override English loading text
+   * Accessible name when the component is loading.
    *
    * @default "Loading"
    */
   intlLoading?: string;
   /**
-   * Determines if the component will have the loader overlay.
-   * Otherwise, will render opaque disabled state.
+   * When true, a busy indicator is displayed.
    */
   loading: boolean;
   el: HTMLCalciteScrimElement;

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

@@ -8,40 +8,40 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class Select implements LabelableComponent, FormComponent, InteractiveComponent {
   /**
-   * When true, it prevents the option from being selected.
+   * When true, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
-   * The component's label. This is required for accessibility purposes.
+   * Accessible name for the component.
    *
    */
   label: string;
   /**
-   * The select's name. Gets submitted with the form.
+   * Specifies the name of the component on form submission.
    */
   name: string;
   /**
-   * When true, makes the component required for form-submission.
+   * When true, the component must have a value on form submission.
    *
    * @internal
    */
   required: boolean;
   /**
-   * The component scale.
+   * Specifies the size of the component.
    */
   scale: Scale;
-  /** The value of the selectedOption */
+  /** The component's "selectedOption" value. */
   value: string;
   valueHandler(value: string): void;
   /**
-   * The currently selected option.
+   * The component's selected option `HTMLElement`.
    *
    * @readonly
    */
   selectedOption: HTMLCalciteOptionElement;
   selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void;
   /**
-   * The component width.
+   * Specifies the width of the component.
    */
   width: Width;
   labelEl: HTMLCalciteLabelElement;
@@ -58,7 +58,7 @@ export declare class Select implements LabelableComponent, FormComponent, Intera
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /**
-   * This event will fire whenever the selected option changes.
+   * Fires when the selected option changes.
    */
   calciteSelectChange: EventEmitter<void>;
   private handleInternalSelectChange;

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

@@ -1,18 +1,18 @@
 import { VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
- * @slot - A slot for adding content to the shell. This content will appear between any leading and trailing panels added to the shell. (eg. a map)
- * @slot header - A slot for adding header content. This content will be positioned at the top of the shell.
- * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the shell.
+ * @slot - A slot for adding content to the component. This content will appear between any leading and trailing panels added to the component, such as a map.
+ * @slot header - A slot for adding header content. This content will be positioned at the top of the component.
+ * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.
  * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.
  * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.
  * @slot primary-panel - [DEPRECATED] A slot for adding the leading `calcite-shell-panel`.
  * @slot contextual-panel - [DEPRECATED] A slot for adding the trailing `calcite-shell-panel`.
- * @slot center-row - A slot for adding custom content in the center row.
+ * @slot center-row - A slot for adding content to the center row.
  */
 export declare class Shell implements ConditionalSlotComponent {
   /**
-   * Positions the center content behind any calcite-shell-panels.
+   * Positions the center content behind any `calcite-shell-panel`s.
    */
   contentBehind: boolean;
   el: HTMLCalciteShellElement;

package/dist/types/components/shell-center-row/shell-center-row.d.ts

@@ -2,20 +2,20 @@ import { VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
- * @slot - A slot for adding content to the shell panel.
- * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
+ * @slot - A slot for adding content to the `calcite-shell-panel`.
+ * @slot action-bar - A slot for adding a `calcite-action-bar` to the `calcite-shell-panel`.
  */
 export declare class ShellCenterRow implements ConditionalSlotComponent {
   /**
-   * This property makes the content area appear like a "floating" panel.
+   * When true, the content area displays like a floating panel.
    */
   detached: boolean;
   /**
-   * Specifies the maximum height of the row.
+   * Specifies the maximum height of the component.
    */
   heightScale: Scale;
   /**
-   * Arranges the component depending on the elements 'dir' property.
+   * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
    */
   position: Position;
   el: HTMLCalciteShellCenterRowElement;

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

@@ -2,39 +2,39 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
- * @slot - A slot for adding content to the shell panel.
- * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
+ * @slot - A slot for adding content to the component.
+ * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.
  */
 export declare class ShellPanel implements ConditionalSlotComponent {
   /**
-   * Hide the content panel.
+   * When true, hides the component's content area.
    */
   collapsed: boolean;
   watchHandler(): void;
   /**
-   * This property makes the content area appear like a "floating" panel.
+   * When true, the content area displays like a floating panel.
    */
   detached: boolean;
   /**
-   * Specifies the maximum height of the contents when detached.
+   * When "detached", specifies the maximum height of the component.
    */
   detachedHeightScale: Scale;
   /**
-   * This sets width of the content area.
+   * Specifies the width of the component's content area.
    */
   widthScale: Scale;
   /**
-   * Arranges the component depending on the elements 'dir' property.
+   * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
    */
   position: Position;
   /**
-   * Accessible label for resize separator.
+   * Accessible name for the resize separator.
    *
    * @default "Resize"
    */
   intlResize: string;
   /**
-   * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
+   * When true and not "detached", the component's content area is resizable.
    */
   resizable: boolean;
   connectedCallback(): void;
@@ -53,7 +53,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
   /**
    * Emitted when collapse has been toggled.
    *
-   * @deprecated use a resizeObserver on the shell-panel to listen for changes to its size.
+   * @deprecated use a resizeObserver on the component to listen for changes to its size.
    */
   calciteShellPanelToggle: EventEmitter<void>;
   renderHeader(): VNode;