@esri/calcite-components 3.2.0-next.2 → 3.2.0-next.4

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

@@ -13,7 +13,7 @@ import { u as D } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const p = ({ full: u, scale: e, partial: t }) => s`<calcite-icon class=${g(t ? void 0 : "icon")} .icon=${u ? "star-f" : "star"} .scale=${e}></calcite-icon>`, v = {
   validationMessage: "validationMessage"
 }, P = K`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-internal-rating-spacing: .25rem}:host([scale=m]){block-size:2rem;--calcite-internal-rating-spacing: .5rem}:host([scale=l]){block-size:2.75rem;--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{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;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:hover{color:var(--calcite-rating-color-hover, var(--calcite-color-brand-hover))}.star:active{color:var(--calcite-rating-color-press, var(--calcite-color-brand-press))}.star:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color, var(--calcite-color-brand))}.fraction{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;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;

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

@@ -8,7 +8,7 @@ import { u as h } from "../../chunks/useT9n.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.2.0-next.2 */
+v3.2.0-next.4 */
 const n = {
   scrim: "scrim",
   content: "content"

package/dist/components/calcite-segmented-control/customElement.js

@@ -10,7 +10,7 @@ import { V as E } from "../../chunks/Validation.js";
 import { css as L } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const U = {
   itemWrapper: "item-wrapper"
 }, d = {

package/dist/components/calcite-segmented-control-item/customElement.js

@@ -5,7 +5,7 @@ import { r as m, t as g } from "../../chunks/dom.js";
 import { css as b } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const u = {
   input: "input"
 }, o = {

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

@@ -12,7 +12,7 @@ import { V as O } from "../../chunks/Validation.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.2.0-next.2 */
+v3.2.0-next.4 */
 const T = k`:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}: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:flex;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size--2);--calcite-select-spacing-inline: .5rem 2rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size--1);--calcite-select-spacing-inline: .75rem 2.5rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-0);--calcite-select-spacing-inline: 1rem 3rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-lg);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0;border-style:solid;background-color:var(--calcite-color-foreground-1);font-family:inherit;outline-color:transparent;font-weight:inherit;font-size:var(--calcite-select-font-size, var(--calcite-internal-select-font-size));color:var(--calcite-select-text-color, var(--calcite-color-text-2));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-width:var(--calcite-select-internal-border-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-select-spacing-inline);padding-block:var(--calcite-internal-select-spacing-block);border-inline-end-width:0;line-height:var(--calcite-internal-select-line-height, normal)}.select:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity: 1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-inline-width:0px var(--calcite-select-internal-icon-border-inline-end-width, 1px);padding-inline:var(--calcite-internal-select-icon-container-padding-inline)}.icon-container .icon{color:var(--calcite-select-icon-color, var(--calcite-color-text-3))}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.select:focus~.icon-container{border-color:transparent}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`, n = {
   icon: "icon",
   iconContainer: "icon-container",

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

@@ -15,7 +15,7 @@ import { u as L } from "../../chunks/useFocusTrap.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.2.0-next.2 */
+v3.2.0-next.4 */
 const l = {
   scrim: "scrim",
   container: "container",

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

@@ -6,7 +6,7 @@ import { a as l, s as r } from "../../chunks/dom.js";
 import { css as w } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const $ = w`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing: 26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-block-end:.5rem;inset-inline:var(--calcite-shell-tip-spacing)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}slot[name=modals]::slotted(calcite-modal){position:absolute}:host([hidden]){display:none}[hidden]{display:none}`, s = {
   main: "main",
   content: "content",

package/dist/components/calcite-shell-center-row/customElement.js

@@ -7,7 +7,7 @@ import { l as d } from "../../chunks/logger.js";
 import { css as h } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const n = {
   actionBarContainer: "action-bar-container",
   content: "content"

package/dist/components/calcite-shell-panel/customElement.js

@@ -10,7 +10,7 @@ import { u as V } from "../../chunks/useT9n.js";
 import { css as U } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const u = {
   container: "container",
   content: "content",

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

@@ -17,7 +17,7 @@ import { u as ee } from "../../chunks/useT9n.js";
 import { css as te } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const l = {
   container: "container",
   containerRange: "container--range",

package/dist/components/calcite-sort-handle/customElement.js

@@ -10,7 +10,7 @@ import { u as P } from "../../chunks/useT9n.js";
 import { css as y } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const m = {
   handle: "handle",
   dropdown: "dropdown"

package/dist/components/calcite-sortable-list/customElement.js

@@ -9,7 +9,7 @@ import { l as S } from "../../chunks/logger.js";
 import { css as x } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const l = {
   container: "container",
   containerHorizontal: "container--horizontal",

package/dist/components/calcite-split-button/customElement.js

@@ -7,7 +7,7 @@ import { h as p } from "../../chunks/dom.js";
 import { css as h } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const i = {
   container: "container",
   dividerContainer: "divider-container",

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

@@ -7,7 +7,7 @@ import { S as o, C as s } from "../../chunks/resources.js";
 import { css as d } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const r = d`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`;
 class h extends l {
   constructor() {

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

@@ -11,7 +11,7 @@ import { svg as z, html as C } from "lit-html";
 import { css as E } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const c = {
   actionIcon: "action-icon",
   actionContainer: "action-container",

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

@@ -9,7 +9,7 @@ import { u as f } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const i = {
   container: "container",
   stepperItemContent: "stepper-item-content",

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

@@ -11,7 +11,7 @@ import { c as w } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const o = {
   container: "container",
   track: "track",

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

@@ -6,7 +6,7 @@ import { g as d } from "../../chunks/guid.js";
 import { css as b } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const l = {
   container: "container",
   content: "content"

package/dist/components/calcite-tab/interfaces.d.ts

@@ -1,6 +1,7 @@
 export interface TabChangeEventDetail {
     /** The tab ID that just became selected */
     tab: number | string;
+    userTriggered?: boolean;
 }
 export interface TabCloseEventDetail {
     /** The tab ID that just became closed */

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

@@ -10,7 +10,7 @@ import { u as E } from "../../chunks/useT9n.js";
 import { css as W } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const g = {
   chevronRight: "chevron-right",
   chevronLeft: "chevron-left"
@@ -24,13 +24,13 @@ const g = {
   scrollForwardContainerButton: "scroll-button-container--forward",
   tabTitleSlotWrapper: "tab-titles-slot-wrapper"
 }, F = W`:host{--calcite-internal-tab-nav-gradient-start-side: left;--calcite-internal-tab-nav-gradient-end-side: right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width: 24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width: 32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width: 44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side: right;--calcite-internal-tab-nav-gradient-end-side: left}.tab-nav--start-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%)}.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%,transparent 51%),linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side),transparent,transparent var(--calcite-internal-tab-nav-scroller-button-width),white var(--calcite-internal-tab-nav-scroller-button-width),white 51%,transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap: var(--calcite-spacing-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap: var(--calcite-spacing-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap: var(--calcite-spacing-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus: 1;--calcite-color-text-1: var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1: unset;--calcite-color-foreground-1: var(--calcite-color-transparent-hover);--calcite-color-foreground-3: var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward:before,:host(:not([bordered])) .scroll-button-container--forward:before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward:before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward:before{inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}`;
-class H extends O {
+class $ extends O {
   // #endregion
   // #region Lifecycle
   constructor() {
     super(), this.effectiveDir = "ltr", this.lastScrollWheelAxis = "x", this.resizeObserver = u("resize", () => {
       this.updateScrollingState();
-    }), this.makeFirstVisibleTabClosable = !1, this.hasOverflowingEndTabTitle = !1, this.hasOverflowingStartTabTitle = !1, this.bordered = !1, this.layout = "inline", this.messages = E(), this.position = "bottom", this.scale = "m", this.selectedTitle = null, this.calciteInternalTabChange = h({ cancelable: !1 }), this.calciteInternalTabNavSlotChange = h(), this.calciteTabChange = h({ cancelable: !1 }), this.listen("calciteInternalTabsFocusPrevious", this.focusPreviousTabHandler), this.listen("calciteInternalTabsFocusNext", this.focusNextTabHandler), this.listen("calciteInternalTabsFocusFirst", this.focusFirstTabHandler), this.listen("calciteInternalTabsFocusLast", this.focusLastTabHandler), this.listen("calciteInternalTabsActivate", this.internalActivateTabHandler), this.listen("calciteTabsActivate", this.activateTabHandler), this.listen("calciteInternalTabsClose", this.internalCloseTabHandler), this.listen("calciteInternalTabTitleRegister", this.updateTabTitles), this.listenOn(document.body, "calciteInternalTabChange", this.globalInternalTabChangeHandler);
+    }), this.makeFirstVisibleTabClosable = !1, this.hasOverflowingEndTabTitle = !1, this.hasOverflowingStartTabTitle = !1, this.bordered = !1, this.layout = "inline", this.messages = E(), this.position = "bottom", this.scale = "m", this.selectedTitle = null, this.calciteInternalTabChange = h({ cancelable: !1 }), this.calciteInternalTabNavSlotChange = h(), this.calciteTabChange = h({ cancelable: !1 }), this.listen("calciteInternalTabsFocusPrevious", this.focusPreviousTabHandler), this.listen("calciteInternalTabsFocusNext", this.focusNextTabHandler), this.listen("calciteInternalTabsFocusFirst", this.focusFirstTabHandler), this.listen("calciteInternalTabsFocusLast", this.focusLastTabHandler), this.listen("calciteInternalTabsActivate", this.internalActivateTabHandler), this.listen("calciteInternalTabsClose", this.internalCloseTabHandler), this.listen("calciteInternalTabTitleRegister", this.updateTabTitles), this.listenOn(document.body, "calciteInternalTabChange", this.globalInternalTabChangeHandler);
   }
   static {
     this.properties = { hasOverflowingEndTabTitle: 16, hasOverflowingStartTabTitle: 16, selectedTabId: 16, bordered: 7, layout: 3, messageOverrides: 0, position: 1, scale: 1, selectedTitle: 0, storageId: 3, syncId: 3 };
@@ -90,8 +90,8 @@ class H extends O {
     this.handleTabFocus(t, t.target, "last");
   }
   internalActivateTabHandler(t) {
-    const e = t.target;
-    this.selectedTabId = t.detail.tab ? t.detail.tab : this.getIndexOfTabTitle(e), t.stopPropagation(), this.selectedTitle = e, this.scrollTabTitleIntoView(e);
+    const e = t.target, i = this.selectedTitle;
+    this.selectedTabId = t.detail.tab ? t.detail.tab : this.getIndexOfTabTitle(e), t.stopPropagation(), this.selectedTitle = e, i?.id !== e.id && t.detail.userTriggered && this.calciteTabChange.emit(), this.scrollTabTitleIntoView(e);
   }
   scrollTabTitleIntoView(t, e = "smooth") {
     t && requestAnimationFrame(() => {
@@ -105,9 +105,6 @@ class H extends O {
       }
     });
   }
-  activateTabHandler(t) {
-    this.calciteTabChange.emit(), t.stopPropagation();
-  }
   internalCloseTabHandler(t) {
     const e = t.target;
     this.handleTabTitleClose(e), t.stopPropagation();
@@ -235,7 +232,7 @@ class H extends O {
     })} icon-flip-rtl=both .iconStart=${s ? g.chevronRight : g.chevronLeft} kind=neutral @click=${s ? this.scrollToNextTabTitles : this.scrollToPreviousTabTitles} .scale=${l} tabindex=-1></calcite-button></div>`);
   }
 }
-m("calcite-tab-nav", H);
+m("calcite-tab-nav", $);
 export {
-  H as TabNav
+  $ as TabNav
 };

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

@@ -12,7 +12,7 @@ import { u as w } from "../../chunks/useT9n.js";
 import { css as $ } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const e = {
   closeButton: "close-button",
   container: "container",
@@ -53,7 +53,7 @@ class H extends y {
   async activateTab(t = !0) {
     if (this.disabled || this.closed)
       return;
-    const i = { tab: this.tab };
+    const i = { tab: this.tab, userTriggered: t };
     this.calciteInternalTabsActivate.emit(i), t && requestAnimationFrame(() => this.calciteTabsActivate.emit());
   }
   /** @private */

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

@@ -9,7 +9,7 @@ import { i as m } from "../../chunks/component.js";
 import { css as H } 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.2.0-next.2 */
+v3.2.0-next.4 */
 function L() {
   return navigator.userAgentData;
 }

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

@@ -9,7 +9,7 @@ import { u as b } from "../../chunks/useT9n.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.2.0-next.2 */
+v3.2.0-next.4 */
 const e = {
   contentCell: "content-cell",
   numberCell: "number-cell",

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

@@ -7,7 +7,7 @@ import { u as g } from "../../chunks/useT9n.js";
 import { css as w } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const e = {
   contentCell: "content-cell",
   numberCell: "number-cell",

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

@@ -11,7 +11,7 @@ import { g } from "../../chunks/component.js";
 import { css as T } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const $ = {
   lastVisibleRow: "last-visible-row"
 }, S = T`@charset "UTF-8";: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{--calcite-internal-table-row-background: var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color: var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}@-moz-document url-prefix(){tr{box-shadow:inset 0 -1px 0 0 var(--calcite-internal-table-row-border-color)}tr.last-visible-row{box-shadow:inset 0 -1px 0 0 transparent}}:host([item-hidden]){display:none}`;

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

@@ -6,7 +6,7 @@ import { s as b, e as p } from "../../chunks/dom.js";
 import { css as m } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const f = {
   titleGroup: "title-group"
 }, u = m`:host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1),inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:.75rem}:host([bordered][scale=m]) section{padding:.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-text-area/customElement.js

@@ -19,7 +19,7 @@ import { u as j } from "../../chunks/useT9n.js";
 import { css as R } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const a = {
   assistiveText: "assistive-text",
   characterLimit: "character-limit",

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

@@ -8,7 +8,7 @@ import { c as A } from "../../chunks/component.js";
 import { css as H } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const t = {
   container: "container",
   contentContainer: "content-container",

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

@@ -8,7 +8,7 @@ import { d as i } from "../../chunks/dom.js";
 import { css as m } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const u = {
   container: "container"
 }, f = m`: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{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto,1fr)}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-tile-select/customElement.js

@@ -8,7 +8,7 @@ import { l as w } from "../../chunks/logger.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.2.0-next.2 */
+v3.2.0-next.4 */
 const i = {
   description: "description",
   descriptionOnly: "description-only",

package/dist/components/calcite-tile-select-group/customElement.js

@@ -6,7 +6,7 @@ import { l } from "../../chunks/logger.js";
 import { css as a } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const d = a`: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:flex;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
 class r extends s {
   constructor() {

package/dist/components/calcite-time-picker/customElement.js

@@ -12,7 +12,7 @@ import { u as _ } from "../../chunks/useT9n.js";
 import { css as B } 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.2.0-next.2 */
+v3.2.0-next.4 */
 const t = {
   button: "button",
   buttonBottomLeft: "button--bottom-left",

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.2.0-next.2 */
+v3.2.0-next.4 */
 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.2.0-next.2 */
+v3.2.0-next.4 */
 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.2.0-next.2 */
+v3.2.0-next.4 */
 const i = {
   header: "header",
   heading: "heading",

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

@@ -10,7 +10,7 @@ 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.2.0-next.2 */
+v3.2.0-next.4 */
 const f = {
   positionContainer: "position-container",
   container: "container"

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.2.0-next.2 */
+v3.2.0-next.4 */
 function g(h) {
   return h?.tagName === "CALCITE-TREE-ITEM";
 }

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

@@ -1,5 +1,5 @@
 import { C as d, c as I } from "../../chunks/runtime.js";
-import { keyed as g } from "lit-html/directives/keyed.js";
+import { keyed as v } from "lit-html/directives/keyed.js";
 import { html as a, nothing as E } from "lit";
 import { createRef as $, ref as M } from "lit-html/directives/ref.js";
 import { LitElement as A, createEvent as z, safeClassMap as n, setAttribute as w } from "@arcgis/lumina";
@@ -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.2.0-next.2 */
+v3.2.0-next.4 */
 const i = {
   actionsEnd: "actions-end",
   bulletPointIcon: "bullet-point",
@@ -23,7 +23,7 @@ const i = {
   itemExpanded: "item--expanded",
   nodeAndActionsContainer: "node-actions-container",
   nodeContainer: "node-container"
-}, v = {
+}, g = {
   actionsEnd: "actions-end",
   children: "children"
 }, c = {
@@ -34,7 +34,7 @@ const i = {
   chevronRight: "chevron-right",
   minusSquareF: "minus-square-f",
   square: "square"
-}, U = F`: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([scale=s]){--calcite-internal-tree-item-spacing-unit: .25rem;--calcite-internal-tree-item-padding-block: .25rem;--calcite-internal-tree-item-children-container-padding: 1.25rem;--calcite-internal-tree-item-line-left-position: .75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-tree-item-spacing-unit: .5rem;--calcite-internal-tree-item-padding-block: .5rem;--calcite-internal-tree-item-children-container-padding: 1.5rem;--calcite-internal-tree-item-line-left-position: 1rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-tree-item-spacing-unit: .75rem;--calcite-internal-tree-item-padding-block: .625rem;--calcite-internal-tree-item-children-container-padding: 2.25rem;--calcite-internal-tree-item-line-left-position: 1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-color-text-3)}:host .children-container ::slotted(*){padding-inline-start:var(--calcite-internal-tree-item-children-container-padding)}.node-actions-container{display:flex}.node-actions-container .node-container,.node-actions-container .checkbox-container{gap:var(--calcite-internal-tree-item-spacing-unit)}.node-actions-container .node-container{padding-inline:var(--calcite-internal-tree-item-spacing-unit);padding-block:var(--calcite-internal-tree-item-padding-block)}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;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;block-size:100%;inset-inline-start:var(--calcite-internal-tree-item-line-left-position);content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none!important}::slotted(*):hover{text-decoration:none!important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus:not([disabled])) .checkbox{outline:2px solid transparent;outline-offset:2px}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox-container{display:flex;align-items:center}.checkbox{line-height:0;color:var(--calcite-color-border-input)}.checkbox-label{pointer-events:none;display:flex;align-items:center}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-animation-timing) cubic-bezier(.215,.44,.42,.88),all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;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-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-color-brand)}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);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;flex:0 0 auto;transform:rotate(0)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-color-brand)}:host([selected]) .checkbox{color:var(--calcite-color-brand)}:host([has-children][indeterminate]) .checkbox{color:var(--calcite-color-brand)}:host([hidden]){display:none}[hidden]{display:none}`;
+}, U = F`: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([scale=s]){--calcite-internal-tree-item-spacing-unit: .25rem;--calcite-internal-tree-item-padding-block: .25rem;--calcite-internal-tree-item-children-container-padding: 1.25rem;--calcite-internal-tree-item-line-left-position: .75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-tree-item-spacing-unit: .5rem;--calcite-internal-tree-item-padding-block: .5rem;--calcite-internal-tree-item-children-container-padding: 1.5rem;--calcite-internal-tree-item-line-left-position: 1rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-tree-item-spacing-unit: .75rem;--calcite-internal-tree-item-padding-block: .625rem;--calcite-internal-tree-item-children-container-padding: 2.25rem;--calcite-internal-tree-item-line-left-position: 1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:block;max-inline-size:100%;cursor:pointer}:host .children-container ::slotted(*){padding-inline-start:var(--calcite-internal-tree-item-children-container-padding)}.node-actions-container{display:flex;color:var(--calcite-tree-text-color, var(--calcite-color-text-3))}.node-actions-container .node-container,.node-actions-container .checkbox-container{gap:var(--calcite-internal-tree-item-spacing-unit)}.node-actions-container .node-container{padding-inline:var(--calcite-internal-tree-item-spacing-unit);padding-block:var(--calcite-internal-tree-item-padding-block)}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;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;block-size:100%;inset-inline-start:var(--calcite-internal-tree-item-line-left-position);content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none!important}::slotted(*):hover{text-decoration:none!important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus:not([disabled])) .checkbox{outline:2px solid transparent;outline-offset:2px}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox-container{display:flex;align-items:center}.checkbox{line-height:0;color:var(--calcite-tree-selected-icon-color, var(--calcite-color-border-input))}.checkbox-label{pointer-events:none;display:flex;align-items:center}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-animation-timing) cubic-bezier(.215,.44,.42,.88),all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;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-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-tree-text-color-selected, var(--calcite-color-text-1))}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);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;flex:0 0 auto;transform:rotate(0)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([selected]) .checkbox{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([has-children][indeterminate]) .checkbox{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`;
 class D extends A {
   // #endregion
   // #region Lifecycle
@@ -164,18 +164,18 @@ class D extends A {
     const e = L(this.el) === "rtl", t = this.selectionMode === "single" || this.selectionMode === "children" || this.selectionMode === "single-persist", o = this.selectionMode === "multiple" || this.selectionMode === "multichildren", s = this.selectionMode === "none" && !this.hasChildren, u = this.hasChildren && this.indeterminate, l = this.hasChildren || this.selectionMode === "ancestors" ? a`<calcite-icon class=${n({
       [i.chevron]: !0,
       [d.rtl]: e
-    })} data-test-id=icon .icon=${this.hasChildren ? c.chevronRight : c.blank} @click=${this.iconClickHandler} .scale=${h(this.scale)}></calcite-icon>` : null, f = g("default-slot", a`<slot></slot>`), p = this.selectionMode === "ancestors" ? a`<div class=${n(i.checkboxContainer)}><calcite-icon class=${n(i.checkbox)} .icon=${this.selected ? c.checkSquareF : u ? c.minusSquareF : c.square} .scale=${h(this.scale)}></calcite-icon></div>` : null, r = t ? c.bulletPoint : o ? c.checkmark : s ? c.blank : null, x = r ? a`<calcite-icon class=${n({
+    })} data-test-id=icon .icon=${this.hasChildren ? c.chevronRight : c.blank} @click=${this.iconClickHandler} .scale=${h(this.scale)}></calcite-icon>` : null, f = v("default-slot", a`<slot></slot>`), p = this.selectionMode === "ancestors" ? a`<div class=${n(i.checkboxContainer)}><calcite-icon class=${n(i.checkbox)} .icon=${this.selected ? c.checkSquareF : u ? c.minusSquareF : c.square} .scale=${h(this.scale)}></calcite-icon></div>` : null, r = t ? c.bulletPoint : o ? c.checkmark : s ? c.blank : null, x = r ? a`<calcite-icon class=${n({
       [i.bulletPointIcon]: r === c.bulletPoint,
       [i.checkmarkIcon]: r === c.checkmark,
       [d.rtl]: e
-    })} .icon=${r} .scale=${h(this.scale)}></calcite-icon>` : null, b = !(this.parentExpanded || this.depth === 1), k = this.updateAfterInitialRender && this.expanded, { hasEndActions: C } = this, y = g("actionsEndSlot", a`<slot name=${v.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot>`), S = a`<calcite-icon class=${n(i.iconStart)} .flipRtl=${this.iconFlipRtl === "start" || this.iconFlipRtl === "both"} .icon=${this.iconStart} .scale=${h(this.scale)}></calcite-icon>`;
+    })} .icon=${r} .scale=${h(this.scale)}></calcite-icon>` : null, b = !(this.parentExpanded || this.depth === 1), k = this.updateAfterInitialRender && this.expanded, { hasEndActions: C } = this, y = v("actionsEndSlot", a`<slot name=${g.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot>`), S = a`<calcite-icon class=${n(i.iconStart)} .flipRtl=${this.iconFlipRtl === "start" || this.iconFlipRtl === "both"} .icon=${this.iconStart} .scale=${h(this.scale)}></calcite-icon>`;
     return this.el.ariaChecked = this.selectionMode === "multiple" || this.selectionMode === "multichildren" || this.selectionMode === "ancestors" ? m(this.selected) : void 0, this.el.ariaExpanded = this.hasChildren ? m(k) : void 0, this.el.inert = b, this.el.ariaLive = "polite", this.el.ariaSelected = this.selectionMode === "single" || this.selectionMode === "children" || this.selectionMode === "single-persist" ? m(this.selected) : void 0, this.el.toggleAttribute("calcite-hydrated-hidden", b), this.el.role = "treeitem", w(this.el, "tabIndex", this.disabled ? -1 : 0), H({ disabled: this.disabled, children: a`<div class=${n({ [i.itemExpanded]: k })}><div class=${n(i.nodeAndActionsContainer)}><div class=${n({
       [i.nodeContainer]: !0,
       [d.rtl]: e
     })} data-selection-mode=${this.selectionMode ?? E}>${l}${x}${p || null}${this.iconStart ? S : null}${p ? a`<label class=${n(i.checkboxLabel)}>${f}</label>` : f}</div><div class=${n(i.actionsEnd)} .hidden=${!C} ${M(this.actionSlotWrapper)}>${y}</div></div><div class=${n({
       [i.childrenContainer]: !0,
       [d.rtl]: e
-    })} data-test-id=calcite-tree-children @click=${this.childrenClickHandler} .role=${this.hasChildren ? "group" : void 0}><slot name=${v.children} @slotchange=${this.handleChildrenSlotChange}></slot></div></div>` });
+    })} data-test-id=calcite-tree-children @click=${this.childrenClickHandler} .role=${this.hasChildren ? "group" : void 0}><slot name=${g.children} @slotchange=${this.handleChildrenSlotChange}></slot></div></div>` });
   }
 }
 I("calcite-tree-item", D);

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

@@ -1 +1,6 @@
+export declare const treeTokens: {
+    calciteTreeTextColor: string;
+    calciteTreeTextColorSelected: string;
+    calciteTreeSelectedIconColor: string;
+};
 export declare const tree: string;