@esri/calcite-components 1.4.0-next.9 → 1.4.0

package/dist/types/components.d.ts

@@ -50,6 +50,9 @@ import { TimePickerMessages } from "./components/time-picker/assets/time-picker/
 import { ItemData } from "./components/list-item/interfaces";
 import { SelectionAppearance } from "./components/list/resources";
 import { ListItemMessages } from "./components/list-item/assets/list-item/t9n";
+import { MenuMessages } from "./components/menu/assets/menu/t9n";
+import { MenuItemMessages } from "./components/menu-item/assets/menu-item/t9n";
+import { MenuItemCustomEvent } from "./components/menu-item/interfaces";
 import { ModalMessages } from "./components/modal/assets/modal/t9n";
 import { NoticeMessages } from "./components/notice/assets/notice/t9n";
 import { PaginationMessages } from "./components/pagination/assets/pagination/t9n";
@@ -60,10 +63,12 @@ import { PickListItemMessages } from "./components/pick-list-item/assets/pick-li
 import { PopoverMessages } from "./components/popover/assets/popover/t9n";
 import { RatingMessages } from "./components/rating/assets/rating/t9n";
 import { ScrimMessages } from "./components/scrim/assets/scrim/t9n";
+import { DisplayMode } from "./components/shell-panel/interfaces";
 import { ShellPanelMessages } from "./components/shell-panel/assets/shell-panel/t9n";
 import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
 import { TabID, TabLayout, TabPosition } from "./components/tabs/interfaces";
-import { TabChangeEventDetail } from "./components/tab/interfaces";
+import { TabChangeEventDetail, TabCloseEventDetail } from "./components/tab/interfaces";
+import { TabTitleMessages } from "./components/tab-title/assets/tab-title/t9n";
 import { TextAreaMessages } from "./components/text-area/assets/text-area/t9n";
 import { TileSelectType } from "./components/tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/tile-select-group/interfaces";
@@ -681,7 +686,7 @@ export namespace Components {
          */
         "closed": 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;
         /**
@@ -713,11 +718,11 @@ export namespace Components {
          */
         "messages": ChipMessages;
         /**
-          * Specifies the size of the component.
+          * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
          */
         "scale": Scale;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         /**
@@ -735,7 +740,7 @@ export namespace Components {
     }
     interface CalciteChipGroup {
         /**
-          * 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;
         /**
@@ -743,7 +748,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Specifies the size of the component.
+          * Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
          */
         "scale": Scale;
         /**
@@ -899,6 +904,10 @@ export namespace Components {
           * When `true`, allows entry of custom values, which are not in the original set of items.
          */
         "allowCustomValues": boolean;
+        /**
+          * When `true`, the value-clearing will be disabled.
+         */
+        "clearDisabled": boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -2288,7 +2297,7 @@ export namespace Components {
          */
         "step": number;
         /**
-          * The component's value in UTC (always 24-hour format).
+          * The time value in ISO (24-hour) format.
          */
         "value": string;
     }
@@ -2520,6 +2529,95 @@ export namespace Components {
          */
         "value": number;
     }
+    interface CalciteMenu {
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout": Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<MenuMessages>;
+        /**
+          * Made into a prop for testing purposes only.
+         */
+        "messages": MenuMessages;
+        /**
+          * Specifies the role of `menu` component. Marked as internal for parsing the role attribute in `menu-item` component shadowDOM. This property falls outside of the `globalAttribute` interface pattern because it is immutable and has a default value.
+         */
+        "role": string;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteMenuItem {
+        /**
+          * When `true`, the component is highlighted.
+         */
+        "active": boolean;
+        /**
+          * When `true`, the component displays a breadcrumb trail for use as a navigational aid.
+         */
+        "breadcrumb": boolean;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href": string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        "isTopLevelItem": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        "layout": Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<MenuItemMessages>;
+        /**
+          * Made into a prop for testing purposes only.
+         */
+        "messages": MenuItemMessages;
+        /**
+          * When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.
+         */
+        "open": boolean;
+        /**
+          * 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;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * 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;
+        /**
+          * Specifies the text to display.
+         */
+        "text": string;
+        "topLevelMenuLayout": Layout;
+    }
     interface CalciteModal {
         /**
           * Passes a function to run before the component closes.
@@ -2592,6 +2690,94 @@ export namespace Components {
          */
         "width": Scale;
     }
+    interface CalciteNavigation {
+        /**
+          * When `navigationAction` is `true`, specifies the label of the `calcite-action`.
+         */
+        "label": string;
+        /**
+          * When `true`, displays a `calcite-action` and emits a `calciteNavActionSelect` event on selection change.
+         */
+        "navigationAction": boolean;
+        /**
+          * When `navigation-action` is `true`, sets focus on the component's action element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteNavigationLogo {
+        /**
+          * When true, the component is highlighted.
+         */
+        "active": boolean;
+        /**
+          * A description for the component, which displays below the `heading`.
+         */
+        "description": string;
+        /**
+          * Specifies heading text for the component, such as a product or organization name.
+         */
+        "heading": string;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href": string;
+        /**
+          * Describes the appearance or function of the `thumbnail`. If no label is provided, context will not be provided to assistive technologies.
+         */
+        "label": string;
+        /**
+          * 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;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * 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;
+        /**
+          * Specifies the `src` to an image.
+         */
+        "thumbnail": string;
+    }
+    interface CalciteNavigationUser {
+        /**
+          * When true, the component is highlighted.
+         */
+        "active": boolean;
+        /**
+          * Specifies the full name of the user.
+         */
+        "fullName": string;
+        /**
+          * Describes the appearance of the avatar. If no label is provided, context will not be provided to assistive technologies.
+         */
+        "label": string;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * When `true`, hides the `fullName` and `username` contents.
+         */
+        "textDisabled": boolean;
+        /**
+          * Specifies the `src` to an image (remember to add a token if the user is private).
+         */
+        "thumbnail": string;
+        /**
+          * Specifies the unique id of the user.
+         */
+        "userId": string;
+        /**
+          * Specifies the username of the user.
+         */
+        "username": string;
+    }
     interface CalciteNotice {
         /**
           * When `true`, a close button is added to the component.
@@ -3303,12 +3489,22 @@ export namespace Components {
         "collapsed": boolean;
         /**
           * When `true`, the content area displays like a floating panel.
+          * @deprecated use `displayMode` instead.
          */
         "detached": boolean;
         /**
-          * When `detached`, specifies the maximum height of the component.
+          * When `displayMode` is `float`, specifies the maximum height of the component.
+          * @deprecated use `heightScale` instead.
          */
         "detachedHeightScale": Scale;
+        /**
+          * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
+         */
+        "displayMode": DisplayMode;
+        /**
+          * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+         */
+        "heightScale": Scale;
         /**
           * The direction of the component.
          */
@@ -3326,11 +3522,11 @@ export namespace Components {
          */
         "position": Position;
         /**
-          * When `true` and not `detached`, the component's content area is resizable.
+          * When `true` and `displayMode` is not `float`, the component's content area is resizable.
          */
         "resizable": boolean;
         /**
-          * Specifies the width of the component's content area.
+          * When `layout` is `vertical`, specifies the width of the component.
          */
         "widthScale": Scale;
     }
@@ -3536,6 +3732,12 @@ export namespace Components {
          */
         "width": Width;
     }
+    interface CalciteStack {
+        /**
+          * When `true`, content interaction is prevented and displayed with lower opacity.
+         */
+        "disabled": boolean;
+    }
     interface CalciteStepper {
         /**
           * Set the last `calcite-stepper-item` as active.
@@ -3700,6 +3902,14 @@ export namespace Components {
     }
     interface CalciteTabTitle {
         "bordered": boolean;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, does not display or position the component.
+         */
+        "closed": boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -3722,6 +3932,14 @@ export namespace Components {
          */
         "iconStart": string;
         "layout": TabLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TabTitleMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TabTitleMessages;
         "position": TabPosition;
         "scale": Scale;
         /**
@@ -4414,10 +4632,18 @@ export interface CalciteListItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteListItemElement;
 }
+export interface CalciteMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteMenuItemElement;
+}
 export interface CalciteModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteModalElement;
 }
+export interface CalciteNavigationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteNavigationElement;
+}
 export interface CalciteNoticeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteNoticeElement;
@@ -4848,12 +5074,42 @@ declare global {
         prototype: HTMLCalciteLoaderElement;
         new (): HTMLCalciteLoaderElement;
     };
+    interface HTMLCalciteMenuElement extends Components.CalciteMenu, HTMLStencilElement {
+    }
+    var HTMLCalciteMenuElement: {
+        prototype: HTMLCalciteMenuElement;
+        new (): HTMLCalciteMenuElement;
+    };
+    interface HTMLCalciteMenuItemElement extends Components.CalciteMenuItem, HTMLStencilElement {
+    }
+    var HTMLCalciteMenuItemElement: {
+        prototype: HTMLCalciteMenuItemElement;
+        new (): HTMLCalciteMenuItemElement;
+    };
     interface HTMLCalciteModalElement extends Components.CalciteModal, HTMLStencilElement {
     }
     var HTMLCalciteModalElement: {
         prototype: HTMLCalciteModalElement;
         new (): HTMLCalciteModalElement;
     };
+    interface HTMLCalciteNavigationElement extends Components.CalciteNavigation, HTMLStencilElement {
+    }
+    var HTMLCalciteNavigationElement: {
+        prototype: HTMLCalciteNavigationElement;
+        new (): HTMLCalciteNavigationElement;
+    };
+    interface HTMLCalciteNavigationLogoElement extends Components.CalciteNavigationLogo, HTMLStencilElement {
+    }
+    var HTMLCalciteNavigationLogoElement: {
+        prototype: HTMLCalciteNavigationLogoElement;
+        new (): HTMLCalciteNavigationLogoElement;
+    };
+    interface HTMLCalciteNavigationUserElement extends Components.CalciteNavigationUser, HTMLStencilElement {
+    }
+    var HTMLCalciteNavigationUserElement: {
+        prototype: HTMLCalciteNavigationUserElement;
+        new (): HTMLCalciteNavigationUserElement;
+    };
     interface HTMLCalciteNoticeElement extends Components.CalciteNotice, HTMLStencilElement {
     }
     var HTMLCalciteNoticeElement: {
@@ -5001,6 +5257,12 @@ declare global {
         prototype: HTMLCalciteSplitButtonElement;
         new (): HTMLCalciteSplitButtonElement;
     };
+    interface HTMLCalciteStackElement extends Components.CalciteStack, HTMLStencilElement {
+    }
+    var HTMLCalciteStackElement: {
+        prototype: HTMLCalciteStackElement;
+        new (): HTMLCalciteStackElement;
+    };
     interface HTMLCalciteStepperElement extends Components.CalciteStepper, HTMLStencilElement {
     }
     var HTMLCalciteStepperElement: {
@@ -5177,7 +5439,12 @@ declare global {
         "calcite-list-item": HTMLCalciteListItemElement;
         "calcite-list-item-group": HTMLCalciteListItemGroupElement;
         "calcite-loader": HTMLCalciteLoaderElement;
+        "calcite-menu": HTMLCalciteMenuElement;
+        "calcite-menu-item": HTMLCalciteMenuItemElement;
         "calcite-modal": HTMLCalciteModalElement;
+        "calcite-navigation": HTMLCalciteNavigationElement;
+        "calcite-navigation-logo": HTMLCalciteNavigationLogoElement;
+        "calcite-navigation-user": HTMLCalciteNavigationUserElement;
         "calcite-notice": HTMLCalciteNoticeElement;
         "calcite-option": HTMLCalciteOptionElement;
         "calcite-option-group": HTMLCalciteOptionGroupElement;
@@ -5201,6 +5468,7 @@ declare global {
         "calcite-slider": HTMLCalciteSliderElement;
         "calcite-sortable-list": HTMLCalciteSortableListElement;
         "calcite-split-button": HTMLCalciteSplitButtonElement;
+        "calcite-stack": HTMLCalciteStackElement;
         "calcite-stepper": HTMLCalciteStepperElement;
         "calcite-stepper-item": HTMLCalciteStepperItemElement;
         "calcite-switch": HTMLCalciteSwitchElement;
@@ -5788,7 +6056,7 @@ declare namespace LocalJSX {
          */
         "closed"?: 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;
         /**
@@ -5820,11 +6088,11 @@ declare namespace LocalJSX {
          */
         "onCalciteChipSelect"?: (event: CalciteChipCustomEvent<void>) => void;
         /**
-          * Specifies the size of the component.
+          * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
          */
         "scale"?: Scale;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
         /**
@@ -5834,7 +6102,7 @@ declare namespace LocalJSX {
     }
     interface CalciteChipGroup {
         /**
-          * 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;
         /**
@@ -5846,7 +6114,7 @@ declare namespace LocalJSX {
          */
         "onCalciteChipGroupSelect"?: (event: CalciteChipGroupCustomEvent<void>) => void;
         /**
-          * Specifies the size of the component.
+          * Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
          */
         "scale"?: Scale;
         /**
@@ -5990,6 +6258,10 @@ declare namespace LocalJSX {
           * When `true`, allows entry of custom values, which are not in the original set of items.
          */
         "allowCustomValues"?: boolean;
+        /**
+          * When `true`, the value-clearing will be disabled.
+         */
+        "clearDisabled"?: boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -7331,7 +7603,7 @@ declare namespace LocalJSX {
          */
         "step"?: number;
         /**
-          * The component's value in UTC (always 24-hour format).
+          * The time value in ISO (24-hour) format.
          */
         "value"?: string;
     }
@@ -7536,6 +7808,76 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface CalciteMenu {
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout"?: Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<MenuMessages>;
+    }
+    interface CalciteMenuItem {
+        /**
+          * When `true`, the component is highlighted.
+         */
+        "active"?: boolean;
+        /**
+          * When `true`, the component displays a breadcrumb trail for use as a navigational aid.
+         */
+        "breadcrumb"?: boolean;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href"?: string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<MenuItemMessages>;
+        /**
+          * Emits when the component is selected.
+         */
+        "onCalciteMenuItemSelect"?: (event: CalciteMenuItemCustomEvent<void>) => void;
+        /**
+          * When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.
+         */
+        "open"?: boolean;
+        /**
+          * 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;
+        /**
+          * 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;
+        /**
+          * Specifies the text to display.
+         */
+        "text"?: string;
+    }
     interface CalciteModal {
         /**
           * Passes a function to run before the component closes.
@@ -7602,6 +7944,86 @@ declare namespace LocalJSX {
          */
         "width"?: Scale;
     }
+    interface CalciteNavigation {
+        /**
+          * When `navigationAction` is `true`, specifies the label of the `calcite-action`.
+         */
+        "label": string;
+        /**
+          * When `true`, displays a `calcite-action` and emits a `calciteNavActionSelect` event on selection change.
+         */
+        "navigationAction"?: boolean;
+        /**
+          * When `navigationAction` is true, emits when the displayed action selection changes.
+         */
+        "onCalciteNavigationActionSelect"?: (event: CalciteNavigationCustomEvent<void>) => void;
+    }
+    interface CalciteNavigationLogo {
+        /**
+          * When true, the component is highlighted.
+         */
+        "active"?: boolean;
+        /**
+          * A description for the component, which displays below the `heading`.
+         */
+        "description"?: string;
+        /**
+          * Specifies heading text for the component, such as a product or organization name.
+         */
+        "heading"?: string;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href"?: string;
+        /**
+          * Describes the appearance or function of the `thumbnail`. If no label is provided, context will not be provided to assistive technologies.
+         */
+        "label"?: string;
+        /**
+          * 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;
+        /**
+          * 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;
+        /**
+          * Specifies the `src` to an image.
+         */
+        "thumbnail"?: string;
+    }
+    interface CalciteNavigationUser {
+        /**
+          * When true, the component is highlighted.
+         */
+        "active"?: boolean;
+        /**
+          * Specifies the full name of the user.
+         */
+        "fullName"?: string;
+        /**
+          * Describes the appearance of the avatar. If no label is provided, context will not be provided to assistive technologies.
+         */
+        "label"?: string;
+        /**
+          * When `true`, hides the `fullName` and `username` contents.
+         */
+        "textDisabled"?: boolean;
+        /**
+          * Specifies the `src` to an image (remember to add a token if the user is private).
+         */
+        "thumbnail"?: string;
+        /**
+          * Specifies the unique id of the user.
+         */
+        "userId"?: string;
+        /**
+          * Specifies the username of the user.
+         */
+        "username"?: string;
+    }
     interface CalciteNotice {
         /**
           * When `true`, a close button is added to the component.
@@ -8263,12 +8685,22 @@ declare namespace LocalJSX {
         "collapsed"?: boolean;
         /**
           * When `true`, the content area displays like a floating panel.
+          * @deprecated use `displayMode` instead.
          */
         "detached"?: boolean;
         /**
-          * When `detached`, specifies the maximum height of the component.
+          * When `displayMode` is `float`, specifies the maximum height of the component.
+          * @deprecated use `heightScale` instead.
          */
         "detachedHeightScale"?: Scale;
+        /**
+          * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
+         */
+        "displayMode"?: DisplayMode;
+        /**
+          * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+         */
+        "heightScale"?: Scale;
         /**
           * The direction of the component.
          */
@@ -8282,11 +8714,11 @@ declare namespace LocalJSX {
          */
         "position"?: Position;
         /**
-          * When `true` and not `detached`, the component's content area is resizable.
+          * When `true` and `displayMode` is not `float`, the component's content area is resizable.
          */
         "resizable"?: boolean;
         /**
-          * Specifies the width of the component's content area.
+          * When `layout` is `vertical`, specifies the width of the component.
          */
         "widthScale"?: Scale;
     }
@@ -8500,6 +8932,12 @@ declare namespace LocalJSX {
          */
         "width"?: Width;
     }
+    interface CalciteStack {
+        /**
+          * When `true`, content interaction is prevented and displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+    }
     interface CalciteStepper {
         /**
           * When `true`, displays a status icon in the `calcite-stepper-item` heading.
@@ -8625,6 +9063,14 @@ declare namespace LocalJSX {
         "syncId"?: string;
     }
     interface CalciteTabTitle {
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, does not display or position the component.
+         */
+        "closed"?: boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -8641,10 +9087,18 @@ declare namespace LocalJSX {
           * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TabTitleMessages>;
         /**
           * Fires when a `calcite-tab` is selected.
          */
         "onCalciteTabsActivate"?: (event: CalciteTabTitleCustomEvent<void>) => void;
+        /**
+          * Fires when a `calcite-tab` is closed.
+         */
+        "onCalciteTabsClose"?: (event: CalciteTabTitleCustomEvent<void>) => void;
         /**
           * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
@@ -9220,7 +9674,12 @@ declare namespace LocalJSX {
         "calcite-list-item": CalciteListItem;
         "calcite-list-item-group": CalciteListItemGroup;
         "calcite-loader": CalciteLoader;
+        "calcite-menu": CalciteMenu;
+        "calcite-menu-item": CalciteMenuItem;
         "calcite-modal": CalciteModal;
+        "calcite-navigation": CalciteNavigation;
+        "calcite-navigation-logo": CalciteNavigationLogo;
+        "calcite-navigation-user": CalciteNavigationUser;
         "calcite-notice": CalciteNotice;
         "calcite-option": CalciteOption;
         "calcite-option-group": CalciteOptionGroup;
@@ -9244,6 +9703,7 @@ declare namespace LocalJSX {
         "calcite-slider": CalciteSlider;
         "calcite-sortable-list": CalciteSortableList;
         "calcite-split-button": CalciteSplitButton;
+        "calcite-stack": CalciteStack;
         "calcite-stepper": CalciteStepper;
         "calcite-stepper-item": CalciteStepperItem;
         "calcite-switch": CalciteSwitch;
@@ -9322,7 +9782,12 @@ declare module "@stencil/core" {
             "calcite-list-item": LocalJSX.CalciteListItem & JSXBase.HTMLAttributes<HTMLCalciteListItemElement>;
             "calcite-list-item-group": LocalJSX.CalciteListItemGroup & JSXBase.HTMLAttributes<HTMLCalciteListItemGroupElement>;
             "calcite-loader": LocalJSX.CalciteLoader & JSXBase.HTMLAttributes<HTMLCalciteLoaderElement>;
+            "calcite-menu": LocalJSX.CalciteMenu & JSXBase.HTMLAttributes<HTMLCalciteMenuElement>;
+            "calcite-menu-item": LocalJSX.CalciteMenuItem & JSXBase.HTMLAttributes<HTMLCalciteMenuItemElement>;
             "calcite-modal": LocalJSX.CalciteModal & JSXBase.HTMLAttributes<HTMLCalciteModalElement>;
+            "calcite-navigation": LocalJSX.CalciteNavigation & JSXBase.HTMLAttributes<HTMLCalciteNavigationElement>;
+            "calcite-navigation-logo": LocalJSX.CalciteNavigationLogo & JSXBase.HTMLAttributes<HTMLCalciteNavigationLogoElement>;
+            "calcite-navigation-user": LocalJSX.CalciteNavigationUser & JSXBase.HTMLAttributes<HTMLCalciteNavigationUserElement>;
             "calcite-notice": LocalJSX.CalciteNotice & JSXBase.HTMLAttributes<HTMLCalciteNoticeElement>;
             "calcite-option": LocalJSX.CalciteOption & JSXBase.HTMLAttributes<HTMLCalciteOptionElement>;
             "calcite-option-group": LocalJSX.CalciteOptionGroup & JSXBase.HTMLAttributes<HTMLCalciteOptionGroupElement>;
@@ -9355,6 +9820,7 @@ declare module "@stencil/core" {
             "calcite-slider": LocalJSX.CalciteSlider & JSXBase.HTMLAttributes<HTMLCalciteSliderElement>;
             "calcite-sortable-list": LocalJSX.CalciteSortableList & JSXBase.HTMLAttributes<HTMLCalciteSortableListElement>;
             "calcite-split-button": LocalJSX.CalciteSplitButton & JSXBase.HTMLAttributes<HTMLCalciteSplitButtonElement>;
+            "calcite-stack": LocalJSX.CalciteStack & JSXBase.HTMLAttributes<HTMLCalciteStackElement>;
             "calcite-stepper": LocalJSX.CalciteStepper & JSXBase.HTMLAttributes<HTMLCalciteStepperElement>;
             "calcite-stepper-item": LocalJSX.CalciteStepperItem & JSXBase.HTMLAttributes<HTMLCalciteStepperItemElement>;
             "calcite-switch": LocalJSX.CalciteSwitch & JSXBase.HTMLAttributes<HTMLCalciteSwitchElement>;