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

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

@@ -9,7 +9,7 @@ import { u as b } from "../../chunks/useT9n.js";
 import { css as v } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.1.0-next.9 */
+v3.1.0 */
 const e = {
   container: "container",
   header: "header",

package/dist/components/calcite-tip-group/customElement.js

@@ -5,7 +5,7 @@ import { l as r } from "../../chunks/logger.js";
 import { css as i } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.1.0-next.9 */
+v3.1.0 */
 const s = i`:host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}`;
 class l extends t {
   static {

package/dist/components/calcite-tip-manager/customElement.js

@@ -11,7 +11,7 @@ import { u as T } from "../../chunks/useT9n.js";
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.1.0-next.9 */
+v3.1.0 */
 const i = {
   header: "header",
   heading: "heading",

package/dist/components/calcite-tooltip/TooltipManager.d.ts

@@ -8,10 +8,12 @@ export default class TooltipManager {
     private activeTooltip;
     private registeredElementCount;
     private clickedTooltip;
+    private hoveredTooltip;
     registerElement(referenceEl: ReferenceElement, tooltip: HTMLCalciteTooltipElement): void;
     unregisterElement(referenceEl: ReferenceElement): void;
     private queryTooltip;
     private keyDownHandler;
+    private pointerLeaveHandler;
     private pointerMoveHandler;
     private pathHasOpenTooltip;
     private clickHandler;

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

@@ -1,27 +1,27 @@
-import { c as T } from "../../chunks/runtime.js";
-import { ref as d } from "lit-html/directives/ref.js";
-import { html as E } from "lit";
-import { LitElement as w, createEvent as r, setAttribute as b, safeClassMap as c } from "@arcgis/lumina";
-import { d as h, r as k, a as C, h as H, c as y, F as p } from "../../chunks/floating-ui.js";
-import { g as L } from "../../chunks/guid.js";
-import { o as O } from "../../chunks/openCloseComponent.js";
-import { F as S } from "../../chunks/FloatingArrow.js";
-import { q as R, c as x } from "../../chunks/dom.js";
-import { css as A } from "@lit/reactive-element/css-tag.js";
+import { c as E } from "../../chunks/runtime.js";
+import { ref as h } from "lit-html/directives/ref.js";
+import { html as w } from "lit";
+import { LitElement as b, createEvent as r, setAttribute as H, safeClassMap as c } from "@arcgis/lumina";
+import { d as p, r as k, a as C, h as y, c as L, F as u } from "../../chunks/floating-ui.js";
+import { g as O } from "../../chunks/guid.js";
+import { o as S } from "../../chunks/openCloseComponent.js";
+import { F as x } from "../../chunks/FloatingArrow.js";
+import { q as R, c as A } from "../../chunks/dom.js";
+import { css as P } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.1.0-next.9 */
+v3.1.0 */
 const f = {
   positionContainer: "position-container",
   container: "container"
-}, P = 300, I = 500, u = "aria-describedby";
-function v(n) {
+}, d = 300, I = d / 3, z = d * 1.5, m = "aria-describedby";
+function g(n) {
   const { referenceElement: e } = n;
   return (typeof e == "string" ? R(n, { id: e }) : e) || null;
 }
-class z {
+class _ {
   constructor() {
-    this.registeredElements = /* @__PURE__ */ new WeakMap(), this.registeredShadowRootCounts = /* @__PURE__ */ new WeakMap(), this.hoverOpenTimeout = null, this.hoverCloseTimeout = null, this.activeTooltip = null, this.registeredElementCount = 0, this.clickedTooltip = null, this.queryTooltip = (e) => {
+    this.registeredElements = /* @__PURE__ */ new WeakMap(), this.registeredShadowRootCounts = /* @__PURE__ */ new WeakMap(), this.hoverOpenTimeout = null, this.hoverCloseTimeout = null, this.activeTooltip = null, this.registeredElementCount = 0, this.clickedTooltip = null, this.hoveredTooltip = null, this.queryTooltip = (e) => {
       const { registeredElements: t } = this, i = e.find((o) => t.has(o));
       return t.get(i);
     }, this.keyDownHandler = (e) => {
@@ -29,10 +29,12 @@ class z {
         const { activeTooltip: t } = this;
         if (t?.open) {
           this.clearHoverTimeout(), this.closeActiveTooltip();
-          const i = v(t), o = e.composedPath();
+          const i = g(t), o = e.composedPath();
           (i instanceof Element && o.includes(i) || o.includes(t)) && e.preventDefault();
         }
       }
+    }, this.pointerLeaveHandler = () => {
+      this.clearHoverTimeout(), this.closeHoveredTooltip();
     }, this.pointerMoveHandler = (e) => {
       if (e.defaultPrevented) {
         this.closeHoveredTooltip();
@@ -43,7 +45,7 @@ class z {
         this.clearHoverTimeout();
         return;
       }
-      o !== this.clickedTooltip && (o ? this.openHoveredTooltip(o) : i?.open && this.closeHoveredTooltip(), this.clickedTooltip = null);
+      o !== this.clickedTooltip && (o !== this.hoveredTooltip && this.clearHoverOpenTimeout(), this.hoveredTooltip = o, o ? this.openHoveredTooltip(o) : i?.open && this.closeHoveredTooltip(), this.clickedTooltip = null);
     }, this.clickHandler = (e) => {
       if (e.defaultPrevented)
         return;
@@ -74,14 +76,14 @@ class z {
     }, this.openHoveredTooltip = (e) => {
       this.hoverOpenTimeout = window.setTimeout(
         () => {
-          this.hoverOpenTimeout !== null && (this.clearHoverCloseTimeout(), this.closeTooltipIfNotActive(e), this.toggleTooltip(e, !0));
+          this.hoverOpenTimeout === null || e !== this.hoveredTooltip || (this.clearHoverCloseTimeout(), this.closeTooltipIfNotActive(e), this.toggleTooltip(e, !0));
         },
-        this.activeTooltip?.open ? 0 : P
+        this.activeTooltip?.open ? I : d
       );
     }, this.closeHoveredTooltip = () => {
       this.hoverCloseTimeout = window.setTimeout(() => {
         this.hoverCloseTimeout !== null && this.closeActiveTooltip();
-      }, I);
+      }, z);
     };
   }
   // --------------------------------------------------------------------------
@@ -109,10 +111,10 @@ class z {
     e.removeEventListener("focusin", this.focusInHandler);
   }
   addListeners() {
-    window.addEventListener("keydown", this.keyDownHandler), window.addEventListener("pointermove", this.pointerMoveHandler), window.addEventListener("click", this.clickHandler), window.addEventListener("focusin", this.focusInHandler), window.addEventListener("blur", this.blurHandler);
+    window.addEventListener("keydown", this.keyDownHandler), window.addEventListener("pointermove", this.pointerMoveHandler), window.addEventListener("click", this.clickHandler), window.addEventListener("focusin", this.focusInHandler), window.addEventListener("blur", this.blurHandler), document.addEventListener("pointerleave", this.pointerLeaveHandler);
   }
   removeListeners() {
-    window.removeEventListener("keydown", this.keyDownHandler), window.removeEventListener("pointermove", this.pointerMoveHandler), window.removeEventListener("click", this.clickHandler), window.removeEventListener("focusin", this.focusInHandler), window.removeEventListener("blur", this.blurHandler);
+    window.removeEventListener("keydown", this.keyDownHandler), window.removeEventListener("pointermove", this.pointerMoveHandler), window.removeEventListener("click", this.clickHandler), window.removeEventListener("focusin", this.focusInHandler), window.removeEventListener("blur", this.blurHandler), document.removeEventListener("pointerleave", this.pointerLeaveHandler);
   }
   clearHoverOpenTimeout() {
     window.clearTimeout(this.hoverOpenTimeout), this.hoverOpenTimeout = null;
@@ -145,13 +147,13 @@ class z {
     o === 0 && this.removeShadowListeners(e), t.set(e, o);
   }
   getReferenceElShadowRootNode(e) {
-    return e instanceof Element ? x(e) : null;
+    return e instanceof Element ? A(e) : null;
   }
 }
-const D = A`:host{display:contents;--calcite-floating-ui-z-index: var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip))}.position-container{inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.position-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;padding:.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round));color:var(--calcite-tooltip-text-color, var(--calcite-color-text-1));max-inline-size:20rem;max-block-size:20rem;text-align:start}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-tooltip-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-tooltip-border-color, var(--calcite-color-border-3))}:host([hidden]){display:none}[hidden]{display:none}`, m = new z();
-class U extends w {
+const D = P`:host{display:contents;--calcite-floating-ui-z-index: var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip))}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.position-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;padding:.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round));color:var(--calcite-tooltip-text-color, var(--calcite-color-text-1));max-inline-size:20rem;max-block-size:20rem;text-align:start}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-tooltip-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-tooltip-border-color, var(--calcite-color-border-3))}:host([hidden]){display:none}[hidden]{display:none}`, v = new _();
+class U extends b {
   constructor() {
-    super(...arguments), this.guid = `calcite-tooltip-${L()}`, this.transitionProp = "opacity", this.floatingLayout = "vertical", this.closeOnClick = !1, this.offsetDistance = h, this.offsetSkidding = 0, this.open = !1, this.overlayPositioning = "absolute", this.placement = "auto", this.calciteTooltipBeforeClose = r({ cancelable: !1 }), this.calciteTooltipBeforeOpen = r({ cancelable: !1 }), this.calciteTooltipClose = r({ cancelable: !1 }), this.calciteTooltipOpen = r({ cancelable: !1 });
+    super(...arguments), this.guid = `calcite-tooltip-${O()}`, this.transitionProp = "opacity", this.floatingLayout = "vertical", this.closeOnClick = !1, this.offsetDistance = p, this.offsetSkidding = 0, this.open = !1, this.overlayPositioning = "absolute", this.placement = "auto", this.calciteTooltipBeforeClose = r({ cancelable: !1 }), this.calciteTooltipBeforeOpen = r({ cancelable: !1 }), this.calciteTooltipClose = r({ cancelable: !1 }), this.calciteTooltipOpen = r({ cancelable: !1 });
   }
   static {
     this.properties = { floatingLayout: 16, referenceEl: 16, closeOnClick: 7, label: 1, offsetDistance: 11, offsetSkidding: 11, open: 7, overlayPositioning: 3, placement: 3, referenceElement: 1 };
@@ -167,9 +169,9 @@ class U extends w {
    * @param delayed
    */
   async reposition(e = !1) {
-    const { referenceEl: t, placement: i, overlayPositioning: o, offsetDistance: s, offsetSkidding: l, arrowEl: a, floatingEl: g } = this;
+    const { referenceEl: t, placement: i, overlayPositioning: o, offsetDistance: s, offsetSkidding: l, arrowEl: a, floatingEl: T } = this;
     return k(this, {
-      floatingEl: g,
+      floatingEl: T,
       referenceEl: t,
       overlayPositioning: o,
       placement: i,
@@ -185,7 +187,7 @@ class U extends w {
     super.connectedCallback(), this.setUpReferenceElement(!0);
   }
   willUpdate(e) {
-    (e.has("offsetDistance") && (this.hasUpdated || this.offsetDistance !== h) || e.has("offsetSkidding") && (this.hasUpdated || this.offsetSkidding !== 0) || e.has("overlayPositioning") && (this.hasUpdated || this.overlayPositioning !== "absolute") || e.has("placement") && (this.hasUpdated || this.placement !== "auto")) && this.reposition(!0), e.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler(), e.has("referenceElement") && this.setUpReferenceElement();
+    (e.has("offsetDistance") && (this.hasUpdated || this.offsetDistance !== p) || e.has("offsetSkidding") && (this.hasUpdated || this.offsetSkidding !== 0) || e.has("overlayPositioning") && (this.hasUpdated || this.overlayPositioning !== "absolute") || e.has("placement") && (this.hasUpdated || this.placement !== "auto")) && this.reposition(!0), e.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler(), e.has("referenceElement") && this.setUpReferenceElement();
   }
   loaded() {
     this.referenceElement && !this.referenceEl && this.setUpReferenceElement();
@@ -196,7 +198,7 @@ class U extends w {
   // #endregion
   // #region Private Methods
   openHandler() {
-    O(this), this.reposition(!0);
+    S(this), this.reposition(!0);
   }
   onBeforeOpen() {
     this.calciteTooltipBeforeOpen.emit();
@@ -208,16 +210,16 @@ class U extends w {
     this.calciteTooltipBeforeClose.emit();
   }
   onClose() {
-    this.calciteTooltipClose.emit(), H(this);
+    this.calciteTooltipClose.emit(), y(this);
   }
   setFloatingEl(e) {
     this.floatingEl = e, e && requestAnimationFrame(() => this.setUpReferenceElement());
   }
   setTransitionEl(e) {
-    this.transitionEl = e;
+    e && (this.transitionEl = e);
   }
   setUpReferenceElement(e = !0) {
-    this.removeReferences(), this.referenceEl = v(this.el), y(this);
+    this.removeReferences(), this.referenceEl = g(this.el), L(this);
     const { el: t, referenceElement: i, referenceEl: o } = this;
     e && i && !o && console.warn(`${t.tagName}: reference-element id "${i}" was not found.`, {
       el: t
@@ -231,23 +233,23 @@ class U extends w {
     if (!e)
       return;
     const t = this.getId();
-    "setAttribute" in e && e.setAttribute(u, t), m.registerElement(e, this.el);
+    "setAttribute" in e && e.setAttribute(m, t), v.registerElement(e, this.el);
   }
   removeReferences() {
     const { referenceEl: e } = this;
-    e && ("removeAttribute" in e && e.removeAttribute(u), m.unregisterElement(e));
+    e && ("removeAttribute" in e && e.removeAttribute(m), v.unregisterElement(e));
   }
   // #endregion
   // #region Rendering
   render() {
     const { referenceEl: e, label: t, open: i, floatingLayout: o } = this, s = e && i, l = !s;
-    return this.el.inert = l, this.el.ariaLabel = t, this.el.ariaLive = "polite", b(this.el, "id", this.getId()), this.el.role = "tooltip", E`<div class=${c(f.positionContainer)} ${d(this.setFloatingEl)}><div class=${c({
-      [p.animation]: !0,
-      [p.animationActive]: s
-    })} ${d(this.setTransitionEl)}>${S({ floatingLayout: o, ref: (a) => this.arrowEl = a })}<div class=${c(f.container)}><slot></slot></div></div></div>`;
+    return this.el.inert = l, this.el.ariaLabel = t, this.el.ariaLive = "polite", H(this.el, "id", this.getId()), this.el.role = "tooltip", w`<div class=${c(f.positionContainer)} ${h(this.setFloatingEl)}><div class=${c({
+      [u.animation]: !0,
+      [u.animationActive]: s
+    })} ${h(this.setTransitionEl)}>${x({ floatingLayout: o, ref: (a) => this.arrowEl = a })}<div class=${c(f.container)}><slot></slot></div></div></div>`;
   }
 }
-T("calcite-tooltip", U);
+E("calcite-tooltip", U);
 export {
   U as Tooltip
 };

package/dist/components/calcite-tooltip/resources.d.ts

@@ -3,5 +3,6 @@ export declare const CSS: {
     container: string;
 };
 export declare const TOOLTIP_OPEN_DELAY_MS = 300;
-export declare const TOOLTIP_CLOSE_DELAY_MS = 500;
+export declare const TOOLTIP_QUICK_OPEN_DELAY_MS: number;
+export declare const TOOLTIP_CLOSE_DELAY_MS: number;
 export declare const ARIA_DESCRIBED_BY = "aria-describedby";

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

@@ -5,7 +5,7 @@ import { b, n as p, s as M, t as S } from "../../chunks/dom.js";
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.1.0-next.9 */
+v3.1.0 */
 function g(h) {
   return h?.tagName === "CALCITE-TREE-ITEM";
 }

package/dist/components/calcite-tree-item/customElement.js

@@ -9,7 +9,7 @@ import { g as h } from "../../chunks/component.js";
 import { css as F } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.1.0-next.9 */
+v3.1.0 */
 const i = {
   actionsEnd: "actions-end",
   bulletPointIcon: "bullet-point",

package/dist/controllers/useFocusTrap.d.ts

@@ -4,16 +4,12 @@ import { LitElement } from '@arcgis/lumina';
 export interface UseFocusTrap {
     /**
      * Activates the focus trap.
-     *
-     * @see https://github.com/focus-trap/focus-trap#trapactivate
      */
-    activate: (options?: Parameters<FocusTrap["activate"]>[0]) => void;
+    activate: () => void;
     /**
      * Deactivates the focus trap.
-     *
-     * @see https://github.com/focus-trap/focus-trap#trapdeactivate
      */
-    deactivate: (options?: Parameters<FocusTrap["deactivate"]>[0]) => void;
+    deactivate: () => void;
     /**
      * By default, the host element will be used as the focus-trap element, but if the focus-trap element needs to be a different element, use this method prior to activating to set the focus-trap element.
      */

package/dist/custom-theme/accordion-item.d.ts

@@ -1,13 +1,9 @@
 export declare const accordionItemTokens: {
-    calciteAccordionItemBackgroundColor: string;
-    calciteAccordionItemBorderColor: string;
-    calciteAccordionItemIconColorEnd: string;
-    calciteAccordionItemIconColorStart: string;
     calciteAccordionItemContentSpace: string;
     calciteAccordionItemExpandIconColor: string;
     calciteAccordionItemHeaderBackgroundColor: string;
     calciteAccordionItemHeadingTextColor: string;
-    calciteAccordionItemIconColor: string;
-    calciteAccordionItemTextColor: string;
+    calciteAccordionItemIconColorEnd: string;
+    calciteAccordionItemIconColorStart: string;
 };
 export declare const accordionItem: (idx: number) => string;

package/dist/custom-theme/accordion.d.ts

@@ -1,5 +1,8 @@
 export declare const accordionTokens: {
-    CalciteAccordionBorderColor: string;
-    CalciteAccordionBackgroundColor: string;
+    calciteAccordionBackgroundColor: string;
+    calciteAccordionBorderColor: string;
+    calciteAccordionTextColor: string;
+    calciteAccordionTextColorHover: string;
+    calciteAccordionTextColorPress: string;
 };
 export declare const accordion: string;

package/dist/custom-theme/combobox-item.d.ts

@@ -1 +1,12 @@
+export declare const comboboxItemTokens: {
+    calciteComboboxTextColor: string;
+    calciteComboboxTextColorHover: string;
+    calciteComboboxItemBackgroundColorActive: string;
+    calciteComboboxItemBackgroundColorHover: string;
+    calciteComboboxSelectedIconColor: string;
+    calciteComboboxDescriptionTextColor: string;
+    calciteComboboxDescriptionTextColorPress: string;
+    calciteComboboxHeadingTextColor: string;
+};
 export declare const comboboxItem: string;
+export declare const selectedComboboxItem: string;

package/dist/custom-theme/combobox.d.ts

@@ -0,0 +1,19 @@
+export declare const comboboxTokens: {
+    calciteComboboxInputHeight: string;
+    calciteComboboxInputBackgroundColor: string;
+    calciteComboboxInputTextColor: string;
+    calciteComboboxInputBorderColor: string;
+    calciteComboboxIconColor: string;
+    calciteComboboxIconColorHover: string;
+    calciteComboboxBackgroundColor: string;
+    calciteChipBackgroundColor: string;
+    calciteChipTextColor: string;
+    calciteChipIconColor: string;
+    calciteChipCloseIconColor: string;
+    calciteChipCornerRadius: string;
+    calciteComboboxItemGroupTextColor: string;
+    calciteComboboxItemGroupBorderColor: string;
+};
+export declare const defaultCombobox: string;
+export declare const singleSelectCombobox: string;
+export declare const comboboxWithPlaceHolderIcon: string;

package/dist/custom-theme/panel.d.ts

@@ -0,0 +1,19 @@
+export declare const panelTokens: {
+    calcitePanelBackgroundColor: string;
+    calcitePanelBorderColor: string;
+    calcitePanelContentSpace: string;
+    calcitePanelCornerRadius: string;
+    calcitePanelDescriptionTextColor: string;
+    calcitePanelFooterBackgroundColor: string;
+    calcitePanelFooterSpace: string;
+    calcitePanelHeaderActionBackgroundColorHover: string;
+    calcitePanelHeaderActionBackgroundColorPress: string;
+    calcitePanelHeaderActionBackgroundColor: string;
+    calcitePanelHeaderActionTextColorPress: string;
+    calcitePanelHeaderActionTextColor: string;
+    calcitePanelHeaderBackgroundColor: string;
+    calcitePanelHeaderContentSpace: string;
+    calcitePanelHeadingTextColor: string;
+    calcitePanelSpace: string;
+};
+export declare const panel: string;

package/dist/custom-theme/rating.d.ts

@@ -1,6 +1,7 @@
 export declare const ratingTokens: {
     calciteRatingSpacing: string;
     calciteRatingColorHover: string;
+    calciteRatingColorPress: string;
     calciteRatingColor: string;
     calciteRatingAverageColor: string;
     calciteRatingAverageTextColor: string;

package/dist/custom-theme/shell-panel.d.ts

@@ -0,0 +1,13 @@
+export declare const shellPanelTokens: {
+    calciteShellPanelWidth: string;
+    calciteShellPanelMaxWidth: string;
+    calciteShellPanelMinWidth: string;
+    calciteShellPanelHeight: string;
+    calciteShellPanelMaxHeight: string;
+    calciteShellPanelMinHeight: string;
+    calciteShellPanelZIndex: string;
+    calciteShellPanelBorderColor: string;
+    calciteShellPanelCornerRadius: string;
+    calciteShellPanelShadow: string;
+};
+export declare const shellPanel: string;