@esri/calcite-components 5.0.0-next.72 → 5.0.0-next.74

package/dist/components/calcite-tab-nav/customElement.d.ts

@@ -1,35 +1,37 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale } from '../interfaces';
-import { TabChangeEventDetail } from '../calcite-tab/interfaces';
-import { TabID, TabLayout, TabPosition } from '../calcite-tabs/interfaces';
-import { TabTitle } from '../calcite-tab-title/customElement.js';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { TabPosition } from "../calcite-tabs/interfaces.js";
+import type { TabTitle } from "../calcite-tab-title/customElement.js";
 
-/** @slot  - A slot for adding `calcite-tab-title`s. */
-export declare class TabNav extends LitElement {
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
-     *
-     * @default "bottom"
-     * @internal
-     */
-    position: TabPosition;
-    /** Specifies the component's selected `calcite-tab-title`. */
-    readonly selectedTitle: HTMLCalciteTabTitleElement;
-    /** Specifies the name when saving selected `calcite-tab` data to `localStorage`. */
-    storageId: string;
-    /** Specifies text to update multiple components to keep in sync if one changes. */
-    syncId: string;
-    /** Emits when the selected `calcite-tab` changes. */
-    readonly calciteTabChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        nextTabTitles: string;
-        previousTabTitles: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        nextTabTitles: string;
-        previousTabTitles: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-tab-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-tab-border-color] - When `calcite-tabs` is `bordered`, specifies the component's border color.
+ * @cssproperty [--calcite-tab-text-color] - Specifies the component's `iconStart, `iconEnd`, and text color.
+ * @slot  - A slot for adding `calcite-tab-title`s.
+ */
+export abstract class TabNav extends LitElement {
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      nextTabTitles?: string;
+      previousTabTitles?: string;
+  };
+  /**
+   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
+   *
+   *  \@internal
+   *
+   * @default "bottom"
+   */
+  accessor position: TabPosition;
+  /** Specifies the component's selected `calcite-tab-title`. */
+  get selectedTitle(): TabTitle;
+  /** Specifies the name when saving selected `calcite-tab` data to `localStorage`. */
+  accessor storageId: string;
+  /** Specifies text to update multiple components to keep in sync if one changes. */
+  accessor syncId: string;
+  /** Emits when the selected `calcite-tab` changes. */
+  readonly calciteTabChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTabChange: TabNav["calciteTabChange"]["detail"];
+  };
+}

package/dist/components/calcite-tab-nav/customElement.js

@@ -1,13 +1,13 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.72 */
+v5.0.0-next.74 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit/directives/ref.js";
 import { keyed } from "lit/directives/keyed.js";
-import { c as calciteSize24, a as calciteSize32, b as calciteSize44 } from "../../chunks/core.js";
+import { a as calciteSize24, b as calciteSize32, d as calciteSize44 } from "../../chunks/core.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { g as getElementDir, f as filterDirectChildren, d as focusElementInGroup, b as focusElement } from "../../chunks/dom.js";
+import { g as getElementDir, B as filterDirectChildren, f as focusElementInGroup, j as focusElement } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 const ICON = {

package/dist/components/calcite-tab-nav/index.d.ts

@@ -1,2 +1 @@
-import "../calcite-button/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-tab-title/customElement.d.ts

@@ -1,73 +1,86 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FlipContext, Scale } from '../interfaces';
-import { TabChangeEventDetail, TabCloseEventDetail } from '../calcite-tab/interfaces';
-import { TabID, TabLayout, TabPosition } from '../calcite-tabs/interfaces';
-import { IconName } from '../calcite-icon/interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { FlipContext } from "../interfaces.js";
+import type { TabPosition } from "../calcite-tabs/interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
 /**
  * Tab-titles are optionally individually closable.
  *
+ * @cssproperty [--calcite-tab-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-tab-text-color-press] - Specifies the component's text color when hovered, pressed, or selected.
+ * @cssproperty [--calcite-tab-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-tab-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-tab-background-color-hover] - When `calcite-tabs` is `bordered`, specifies the component's background color when hovered.
+ * @cssproperty [--calcite-tab-accent-color-press] - Specifies the component's accent color when selected or active.
+ * @cssproperty [--calcite-tab-icon-color-start] - Specifies the component's `iconStart` color.
+ * @cssproperty [--calcite-tab-icon-color-start-press] - Specifies the component's `iconStart` color when hovered, pressed, or selected.
+ * @cssproperty [--calcite-tab-icon-color-end] - Specifies the component's `iconEnd` color.
+ * @cssproperty [--calcite-tab-icon-color-end-press] - Specifies the component's `iconEnd` color when hovered, pressed, or selected.
+ * @cssproperty [--calcite-tab-close-icon-color] - Specifies the component's close element icon color.
+ * @cssproperty [--calcite-tab-close-icon-color-press] - Specifies the component's close element icon color when hovered, focused, and active.
+ * @cssproperty [--calcite-tab-close-icon-background-color] - Specifies the component's close element icon background color.
+ * @cssproperty [--calcite-tab-close-icon-background-color-press] - Specifies the component's close element icon background color when pressed.
+ * @cssproperty [--calcite-tab-close-icon-background-color-hover] - Specifies the component's close element icon background color when hovered.
  * @slot  - A slot for adding text.
  */
-export declare class TabTitle extends LitElement {
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @default false
-     */
-    closable: boolean;
-    /**
-     * When `true`, does not display or position the component.
-     *
-     * @default false
-     */
-    closed: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /** Specifies an icon to display at the end of the component. */
-    iconEnd: IconName;
-    /** 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: IconName;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
-     *
-     * @default "top"
-     * @internal
-     */
-    position: TabPosition;
-    /**
-     * When `true`, the component and its respective `calcite-tab` contents are selected.
-     *
-     * Only one tab can be selected within the `calcite-tabs` parent.
-     *
-     * @default false
-     */
-    selected: boolean;
-    /**
-     * Specifies a unique name for the component.
-     *
-     * When specified, use the same value on the `calcite-tab`.
-     */
-    tab: string;
-    /** Returns the index of the title within the `calcite-tab-nav`. */
-    getTabIndex(): Promise<number>;
-    /** Fires when a `calcite-tab` is selected. */
-    readonly calciteTabsActivate: TargetedEvent<this, void>;
-    /** Fires when a `calcite-tab` is closed. */
-    readonly calciteTabsClose: TargetedEvent<this, void>;
-    private messages: Partial<{
-        close: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        close: string;
-    }>;
-}
+export abstract class TabTitle extends LitElement {
+  /**
+   * When `true`, displays a close button in the component.
+   *
+   * @default false
+   */
+  accessor closable: boolean;
+  /**
+   * When `true`, hides the component.
+   *
+   * @default false
+   */
+  accessor closed: boolean;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /** Specifies an icon to display at the end of the component. */
+  accessor iconEnd: IconName;
+  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
+  accessor iconFlipRtl: FlipContext;
+  /** Specifies an icon to display at the start of the component. */
+  accessor iconStart: IconName;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { close?: string; };
+  /**
+   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
+   *
+   *  \@internal
+   *
+   * @default "top"
+   */
+  accessor position: TabPosition;
+  /**
+   * When `true`, the component and its respective `calcite-tab` contents are selected.
+   *
+   * Only one tab can be selected within the `calcite-tabs` parent.
+   *
+   * @default false
+   */
+  accessor selected: boolean;
+  /**
+   * Specifies a unique name for the component.
+   *
+   * When specified, use the same value on the `calcite-tab`.
+   */
+  accessor tab: string;
+  /** Returns the index of the title within the `calcite-tab-nav`. */
+  getTabIndex(): Promise<number>;
+  /** Fires when a `calcite-tab` is selected. */
+  readonly calciteTabsActivate: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when a `calcite-tab` is closed. */
+  readonly calciteTabsClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTabsActivate: TabTitle["calciteTabsActivate"]["detail"];
+    calciteTabsClose: TabTitle["calciteTabsClose"]["detail"];
+  };
+}

package/dist/components/calcite-tab-title/customElement.js

@@ -1,12 +1,12 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, isServer, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap, setAttribute } from "@arcgis/lumina";
-import { n as nodeListToArray, g as getElementDir, t as toAriaBoolean } from "../../chunks/dom.js";
+import { o as nodeListToArray, g as getElementDir, t as toAriaBoolean } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
 import { c as createObserver, u as updateRefObserver } from "../../chunks/observers.js";
 import { g as getIconScale } from "../../chunks/component.js";
@@ -29,7 +29,7 @@ const idPrefix = "calcite-tab-title";
 const IDS = {
   host: (id) => `${idPrefix}-${id}`
 };
-const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-none);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}.scale-m{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.scale-l{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xs)}.scale-l .content{padding-block:.625rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-tab-text-color, var(--calcite-color-text-3));background-color:var(--calcite-tab-background-color, transparent)}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:focus) .container:after{background:transparent}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host(:not([bordered])) .container:hover,:host(:not([bordered])) .container:active{color:var(--calcite-color-text-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([selected]:focus) .selected-indicator{block-size:4px}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.content--has-text .icon-start,.content--has-text .calcite-tab-title--icon.icon-start{color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color))}.content--has-text .calcite-tab-title--icon.icon-start .icon-end,.content--has-text .calcite-tab-title--icon.icon-end{color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color))}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}:host([bordered]) .container{border-color:transparent;border-inline-width:var(--calcite-spacing-px);border-inline-style:solid}:host([bordered]) .container:hover,:host([bordered]) .container:active{color:var(--calcite-color-text-1)}:host([bordered]) .container .x-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .x-button:focus,:host([bordered]) .container .x-button:hover,:host([bordered]) .container .x-button:active{box-shadow:0 2px 0 0 var(--calcite-tab-close-icon-background-color-press, var(--calcite-color-foreground-3))}:host([bordered]) .container.container--bottom{border-block-start-style:solid;border-block-start-width:1px}:host([bordered]) .container.container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([bordered]) .container.container--bottom .x-button{box-shadow:0 -2px 0 0 var(--calcite-tab-close-icon-background-color, var(--calcite-color-transparent))}:host([bordered]) .container.container--bottom .x-button:focus,:host([bordered]) .container.container--bottom .x-button:hover,:host([bordered]) .container.container--bottom .x-button:active{box-shadow:0 -2px 0 0 var(--calcite-tab-close-icon-background-color-press, var(--calcite-color-foreground-3))}:host([bordered]) .container.container--bottom .x-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container:not(.container--bottom){border-block-end-style:solid;border-block-end-width:1px}:host([bordered]) .container:not(.container--bottom) .x-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:host(:not([selected])) .container .x-button{box-shadow:0 2px 0 0 transparent}:host([bordered]) .container:host(:not([selected])):host(:hover) .container:not(.container--bottom){border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .selected-indicator{box-shadow:inset 0 var(--calcite-internal-tab-shadow-length) var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) :not(.container--bottom){--calcite-internal-tab-shadow-length: 1px}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .container--bottom{--calcite-internal-tab-shadow-length: -1px}:host([bordered]) .container:hover{background-color:var(--calcite-tab-background-color-hover, var(--calcite-color-foreground-2));border-block-end-color:var(--calcite-color-border-1)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator,:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-tab-accent-color-press, var(--calcite-color-brand))}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-tab-text-color, var(--calcite-color-text-1))}:host([selected][bordered]) .container{border-inline-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([selected][bordered]) .container:after{background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([selected][bordered]) .container:hover,:host([selected][bordered]) .container:active{background:transparent}:host(:focus) .container{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}.close{--calcite-internal-action-spacing: var(--calcite-internal-tab-title-close-padding);--calcite-internal-action-height: unset;--calcite-action-text-color: var(--calcite-tab-close-icon-color);--calcite-action-text-color-press: var(--calcite-tab-close-icon-color-press);--calcite-action-background-color: var(--calcite-tab-close-icon-background-color);--calcite-action-background-color-press: var(--calcite-tab-close-icon-background-color-press);margin:auto;margin-inline:var(--calcite-spacing-sm) var(--calcite-internal-tab-title-close-margin-start)}@media(forced-colors:active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.selected-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
+const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-none);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}.scale-m{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xxs)}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}.scale-l{--calcite-internal-tab-title-close-padding: var(--calcite-spacing-xxs);--calcite-internal-tab-title-close-margin-start: var(--calcite-spacing-xs)}.scale-l .content{padding-block:.625rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-tab-text-color, var(--calcite-color-text-3));background-color:var(--calcite-tab-background-color, transparent)}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:focus) .container:after{background:transparent}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([selected]:focus) .selected-indicator{block-size:4px}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.container{color:var(--calcite-tab-text-color, var(--calcite-color-text-3))}.container .icon-start{color:var(--calcite-tab-icon-color-start, var(--calcite-ui-icon-color, var(--calcite-icon-color)))}.container .icon-end{color:var(--calcite-tab-icon-color-end, var(--calcite-ui-icon-color, var(--calcite-icon-color)))}.container:hover,.container:active,:host([selected]) .container{color:var(--calcite-tab-text-color-press, var(--calcite-color-text-1))}.container:hover .icon-start,.container:active .icon-start,:host([selected]) .container .icon-start{color:var(--calcite-tab-icon-color-start-press, var(--calcite-ui-icon-color, var(--calcite-icon-color)))}.container:hover .icon-end,.container:active .icon-end,:host([selected]) .container .icon-end{color:var(--calcite-tab-icon-color-end-press, var(--calcite-ui-icon-color, var(--calcite-icon-color)))}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}:host([bordered]) .container{border-color:transparent;border-inline-width:var(--calcite-spacing-px);border-inline-style:solid}:host([bordered]) .container .x-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .x-button:focus,:host([bordered]) .container .x-button:hover,:host([bordered]) .container .x-button:active{box-shadow:0 2px 0 0 var(--calcite-tab-close-icon-background-color-press, var(--calcite-color-foreground-3))}:host([bordered]) .container.container--bottom{border-block-start-style:solid;border-block-start-width:1px}:host([bordered]) .container.container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([bordered]) .container.container--bottom .x-button{box-shadow:0 -2px 0 0 var(--calcite-tab-close-icon-background-color, var(--calcite-color-transparent))}:host([bordered]) .container.container--bottom .x-button:focus,:host([bordered]) .container.container--bottom .x-button:hover,:host([bordered]) .container.container--bottom .x-button:active{box-shadow:0 -2px 0 0 var(--calcite-tab-close-icon-background-color-press, var(--calcite-color-foreground-3))}:host([bordered]) .container.container--bottom .x-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container:not(.container--bottom){border-block-end-style:solid;border-block-end-width:1px}:host([bordered]) .container:not(.container--bottom) .x-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:host(:not([selected])) .container .x-button{box-shadow:0 2px 0 0 transparent}:host([bordered]) .container:host(:not([selected])):host(:hover) .container:not(.container--bottom){border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .selected-indicator{box-shadow:inset 0 var(--calcite-internal-tab-shadow-length) var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) :not(.container--bottom){--calcite-internal-tab-shadow-length: 1px}:host([bordered]) .container:host(:not([selected])):host(:hover):host(:not(:focus)) .container--bottom{--calcite-internal-tab-shadow-length: -1px}:host([bordered]) .container:hover{background-color:var(--calcite-tab-background-color-hover, var(--calcite-color-foreground-2));border-block-end-color:var(--calcite-color-border-1)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator,:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-tab-accent-color-press, var(--calcite-color-brand))}:host([closed]){display:none}:host([selected][bordered]) .container{border-inline-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([selected][bordered]) .container:after{background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([selected][bordered]) .container:hover,:host([selected][bordered]) .container:active{background:transparent}:host(:focus) .container{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}.close{--calcite-internal-action-spacing: var(--calcite-internal-tab-title-close-padding);--calcite-internal-action-height: unset;--calcite-action-text-color: var(--calcite-tab-close-icon-color);--calcite-action-text-color-press: var(--calcite-tab-close-icon-color-press);--calcite-action-background-color: var(--calcite-tab-close-icon-background-color);--calcite-action-background-color-press: var(--calcite-tab-close-icon-background-color-press);--calcite-action-background-color-hover: var(--calcite-tab-close-icon-background-color-hover);margin:auto;margin-inline:var(--calcite-spacing-sm) var(--calcite-internal-tab-title-close-margin-start)}@media(forced-colors:active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.selected-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
 class TabTitle extends LitElement {
   constructor() {
     super();

package/dist/components/calcite-tab-title/index.d.ts

@@ -1,3 +1 @@
-import "../calcite-icon/index.js";
-import "../calcite-action/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-table/customElement.d.ts

@@ -1,117 +1,153 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { Scale, SelectionMode } from '../interfaces';
-import { NumberingSystem } from '../../utils/locale';
-import { TableRow } from '../calcite-table-row/customElement.js';
-import { TableInteractionMode, TableLayout, TableRowFocusEvent, TableSelectionDisplay } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale, SelectionMode } from "../interfaces.js";
+import type { NumberingSystem } from "../../utils/locale.js";
+import type { TableRow } from "../calcite-table-row/customElement.js";
+import type { TableInteractionMode, TableLayout, TableSelectionDisplay } from "./interfaces.js";
 
 /**
+ * @cssproperty [--calcite-table-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-table-corner-radius] - Specifies the component's border radius.
+ * @cssproperty [--calcite-table-shadow] - Specifies the component's shadow.
+ * @cssproperty [--calcite-table-number-cell-background-color] - Specifies the background color of the component's `numbered` cell.
+ * @cssproperty [--calcite-table-number-cell-text-color] - Specifies the text color of the component's `numbered` cell.
+ * @cssproperty [--calcite-table-selection-cell-background-color] - Specifies the background color of the component's `selectionMode` cell.
+ * @cssproperty [--calcite-table-selection-cell-background-color-selected] - Specifies the background color of the component's `selectionMode` cell.
+ * @cssproperty [--calcite-table-selection-cell-icon-color] - Specifies the icon color of the component's `selectionMode` selection icon.
+ * @cssproperty [--calcite-table-selection-cell-icon-color-selected] - Specifies the icon color of the component's `selectionMode` selection icon when selected.
+ * @cssproperty [--calcite-table-selection-chip-background-color] - Specifies the background color of the component's `selectionMode` selection chip.
+ * @cssproperty [--calcite-table-selection-chip-border-color] - Specifies the border color of the component's `selectionMode` selection chip.
+ * @cssproperty [--calcite-table-selection-chip-corner-radius] - Specifies the corner radius of the component's `selectionMode` selection chip.
+ * @cssproperty [--calcite-table-selection-chip-shadow] - Specifies the shadow of the component's `selectionMode` selection chip.
+ * @cssproperty [--calcite-table-selection-chip-text-color] - Specifies the text color of the component's `selectionMode` selection chip.
+ * @cssproperty [--calcite-table-selection-chip-background-color-selected] - Specifies the background color of the component's `selectionMode` selection chip when Table Rows are selected.
+ * @cssproperty [--calcite-table-selection-chip-border-color-selected] - Specifies the border color of the component's `selectionMode` selection chip when Table Rows are selected.
+ * @cssproperty [--calcite-table-selection-chip-text-color-selected] - Specifies the text color of the component's `selectionMode` selection chip when Table Rows are selected.
+ * @cssproperty [--calcite-table-selection-out-of-view-chip-background-color] - Specifies the background color of the component's `selectionMode` selection out of view chip.
+ * @cssproperty [--calcite-table-selection-out-of-view-chip-border-color] - Specifies the border color of the component's `selectionMode` selection out of view chip.
+ * @cssproperty [--calcite-table-selection-out-of-view-chip-corner-radius] - Specifies the corner radius of the component's `selectionMode` selection out of view chip.
+ * @cssproperty [--calcite-table-selection-out-of-view-chip-icon-color] - Specifies the icon color of the component's `selectionMode` selection out of view chip.
+ * @cssproperty [--calcite-table-selection-out-of-view-chip-shadow] - Specifies the shadow of the component's `selectionMode` selection out of view chip.
+ * @cssproperty [--calcite-table-selection-out-of-view-chip-text-color] - Specifies the text color of the component's `selectionMode` selection out of view chip.
+ * @cssproperty [--calcite-table-selection-dismiss-button-background-color-active] - Specifies the background color of the component's `selectionMode` selection dismiss chip when active.
+ * @cssproperty [--calcite-table-selection-dismiss-button-background-color-hover] - Specifies the background color of the component's `selectionMode` selection dismiss chip when hovered.
+ * @cssproperty [--calcite-table-selection-dismiss-button-background-color] - Specifies the background color of the component's `selectionMode` selection dismiss chip.
+ * @cssproperty [--calcite-table-selection-dismiss-button-border-color-active] - Specifies the border color of the component's `selectionMode` selection dismiss chip when active.
+ * @cssproperty [--calcite-table-selection-dismiss-button-border-color-hover] - Specifies the border color of the component's `selectionMode` selection dismiss chip when hovered.
+ * @cssproperty [--calcite-table-selection-dismiss-button-border-color] - Specifies the border color of the component's `selectionMode` selection dismiss chip.
+ * @cssproperty [--calcite-table-selection-dismiss-button-corner-radius] - Specifies the corner radius of the component's `selectionMode` selection dismiss chip.
+ * @cssproperty [--calcite-table-selection-dismiss-button-shadow] - Specifies the shadow of the component's `selectionMode` selection dismiss chip.
+ * @cssproperty [--calcite-table-selection-dismiss-button-text-color-active] - Specifies the text color of the component's `selectionMode` selection dismiss chip when active.
+ * @cssproperty [--calcite-table-selection-dismiss-button-text-color-hover] - Specifies the text color of the component's `selectionMode` selection dismiss chip when hovered.
+ * @cssproperty [--calcite-table-selection-dismiss-button-text-color] - Specifies the text color of the component's `selectionMode` selection dismiss chip.
+ * @cssproperty [--calcite-table-pagination-color] - Specifies the component's `pageSize` pagination item color.
+ * @cssproperty [--calcite-table-pagination-color-hover] - Specifies the component's `pageSize` pagination item color when hovered or selected.
+ * @cssproperty [--calcite-table-pagination-color-border-hover] - Specifies the component's `pageSize` pagination item bottom border color when hovered.
+ * @cssproperty [--calcite-table-pagination-color-border-active] - Specifies the component's `pageSize` pagination item bottom border color when selected.
+ * @cssproperty [--calcite-table-pagination-background-color] - Specifies the component's `pageSize` pagination item background color when active.
+ * @cssproperty [--calcite-table-pagination-icon-color-background-hover] - Specifies the component's `pageSize` pagination chevron item background color when hovered.
  * @slot  - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.
  * @slot [table-header] - A slot for adding `calcite-table-row` elements containing `calcite-table-header` elements.
  * @slot [table-footer] - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.
  * @slot [selection-actions] - A slot for adding `calcite-actions` or other elements to display when `selectionMode` is not `"none"` and `selectionDisplay` is not `"none"`.
  */
-export declare class Table extends LitElement {
-    /**
-     * When `true`, displays borders in the component.
-     *
-     * @default false
-     */
-    bordered: boolean;
-    /**
-     * Specifies an accessible title for the component.
-     *
-     * @required
-     */
-    caption: string;
-    /**
-     * Sets/gets the current page
-     *
-     * @default 0
-     */
-    currentPage: number;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     *
-     * @default false
-     */
-    groupSeparator: boolean;
-    /**
-     * When `"interactive"`, allows focus and keyboard navigation of `table-header`s and `table-cell`s.  When `"static"`, prevents focus and keyboard navigation of `table-header`s and `table-cell`s when assistive technologies are not active. Selection affordances and slotted content within `table-cell`s remain focusable.
-     *
-     * @default "interactive"
-     */
-    interactionMode: TableInteractionMode;
-    /**
-     * Specifies the layout of the component.
-     *
-     * @default "auto"
-     */
-    layout: TableLayout;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * When `true`, displays the position of the row in numeric form.
-     *
-     * @default false
-     */
-    numbered: boolean;
-    /** Specifies the Unicode numeral system used by the component for localization. */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Specifies the page size of the component. When present, renders `calcite-pagination`.
-     *
-     * @default 0
-     */
-    pageSize: number;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** Specifies the component's selected items. */
-    get selectedItems(): HTMLCalciteTableRowElement[];
-    /**
-     * Specifies the display of the selection interface when `selection-mode` is not `"none"`. When `"none"`, content slotted the `selection-actions` slot will not be displayed.
-     *
-     * @default "top"
-     */
-    selectionDisplay: TableSelectionDisplay;
-    /**
-     * Specifies the selection mode of the component, where:
-     *
-     * `"multiple"` allows any number of selections,
-     *
-     * `"single"` allows only one selection, and
-     *
-     * `"none"` does not allow any selections.
-     *
-     * @default "none"
-     */
-    selectionMode: Extract<"none" | "multiple" | "single", SelectionMode>;
-    /**
-     * When `true`, displays striped styling in the component.
-     *
-     * @default false
-     */
-    striped: boolean;
-    /** Emits when the component's page selection changes. */
-    readonly calciteTablePageChange: TargetedEvent<this, void>;
-    /** Emits when the component's selected rows change. */
-    readonly calciteTableSelect: TargetedEvent<this, void>;
-    private messages: {
-        clear: string;
-        hiddenSelected: string;
-        page: string;
-        row: string;
-        selected: string;
-    } & import('@arcgis/lumina/controllers').T9nMeta<{
-        clear: string;
-        hiddenSelected: string;
-        page: string;
-        row: string;
-        selected: string;
-    }>;
-}
+export abstract class Table extends LitElement {
+  /**
+   * When `true`, displays borders in the component.
+   *
+   * @default false
+   */
+  accessor bordered: boolean;
+  /**
+   * Specifies an accessible title for the component.
+   *
+   * @required
+   */
+  accessor caption: string;
+  /**
+   * Sets/gets the current page
+   *
+   * @default 0
+   */
+  accessor currentPage: number;
+  /**
+   * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+   *
+   * @default false
+   */
+  accessor groupSeparator: boolean;
+  /**
+   * When `"interactive"`, allows focus and keyboard navigation of `table-header`s and `table-cell`s.  When `"static"`, prevents focus and keyboard navigation of `table-header`s and `table-cell`s when assistive technologies are not active. Selection affordances and slotted content within `table-cell`s remain focusable.
+   *
+   * @default "interactive"
+   */
+  accessor interactionMode: TableInteractionMode;
+  /**
+   * Specifies the layout of the component.
+   *
+   * @default "auto"
+   */
+  accessor layout: TableLayout;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      clear?: string;
+      hiddenSelected?: string;
+      page?: string;
+      row?: string;
+      selected?: string;
+  };
+  /**
+   * When `true`, displays the position of the row in numeric form.
+   *
+   * @default false
+   */
+  accessor numbered: boolean;
+  /** Specifies the Unicode numeral system used by the component for localization. */
+  accessor numberingSystem: NumberingSystem | undefined;
+  /**
+   * Specifies the page size of the component. When present, renders `calcite-pagination`.
+   *
+   * @default 0
+   */
+  accessor pageSize: number;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** Specifies the component's selected items. */
+  get selectedItems(): TableRow[];
+  /**
+   * Specifies the display of the selection interface when `selection-mode` is not `"none"`. When `"none"`, content slotted the `selection-actions` slot will not be displayed.
+   *
+   * @default "top"
+   */
+  accessor selectionDisplay: TableSelectionDisplay;
+  /**
+   * Specifies the selection mode of the component, where:
+   *
+   * `"multiple"` allows any number of selections,
+   *
+   * `"single"` allows only one selection, and
+   *
+   * `"none"` does not allow any selections.
+   *
+   * @default "none"
+   */
+  accessor selectionMode: Extract<"none" | "multiple" | "single", SelectionMode>;
+  /**
+   * When `true`, displays striped styling in the component.
+   *
+   * @default false
+   */
+  accessor striped: boolean;
+  /** Emits when the component's page selection changes. */
+  readonly calciteTablePageChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emits when the component's selected rows change. */
+  readonly calciteTableSelect: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteTablePageChange: Table["calciteTablePageChange"]["detail"];
+    calciteTableSelect: Table["calciteTableSelect"]["detail"];
+  };
+}

package/dist/components/calcite-table/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { isServer, css, nothing, html, render } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/calcite-table/index.d.ts

@@ -1,4 +1 @@
-import "../calcite-chip/index.js";
-import "../calcite-button/index.js";
-import "../calcite-pagination/index.js";
 export * from "./customElement.js";