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

package/dist/components/calcite-swatch-group/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/calcite-switch/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-tab/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, setAttribute, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-tab-nav/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.73 */
 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";

package/dist/components/calcite-tab-title/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, isServer, html } from "lit";
@@ -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-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.73 */
 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-cell/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.73 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/calcite-table-header/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, nothing, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/calcite-table-row/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, render } from "lit";

package/dist/components/calcite-tabs/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-text-area/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { live } from "lit/directives/live.js";

package/dist/components/calcite-tile/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { ref } from "lit/directives/ref.js";

package/dist/components/calcite-tile-group/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit/directives/ref.js";
 import { css, html } from "lit";

package/dist/components/calcite-time-picker/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-tooltip/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, setAttribute, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-tree/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.73 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, setAttribute } from "@arcgis/lumina";

package/dist/components/calcite-tree-item/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.73 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing } from "lit";

package/dist/docs/api.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-20T17:21:55",
+  "timestamp": "2026-01-21T12:38:30",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "5.0.0-next.76",
@@ -905,7 +905,7 @@
               "name": "aria",
               "description": "Use this property to override or extend ARIA properties and attributes on the component's button.",
               "type": {
-                "text": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"tree\" | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"group\" | \"heading\" | \"list\" | \"presentation\" | \"separator\" | \"switch\" | \"table\" | \"timer\" | \"tree\" | \"meter\" | \"alert\" | \"application\" | \"log\" | \"main\" | \"figure\" | \"document\" | \"form\" | \"note\" | \"slider\" | \"row\" | \"tab\" | \"term\" | \"dialog\" | \"img\" | \"menu\" | \"option\" | \"math\" | \"marquee\" | \"menuitem\" | \"status\" | \"combobox\" | \"tooltip\" | \"checkbox\" | \"navigation\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}",
+                "text": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"dialog\" | \"menu\" | \"tree\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"form\" | \"img\" | \"main\" | \"menu\" | \"meter\" | \"option\" | \"table\" | \"math\" | \"switch\" | \"combobox\" | \"tooltip\" | \"alert\" | \"checkbox\" | \"list\" | \"navigation\" | \"slider\" | \"tab\" | \"tree\" | \"heading\" | \"status\" | \"group\" | \"marquee\" | \"menuitem\" | \"presentation\" | \"separator\" | \"timer\" | \"application\" | \"log\" | \"document\" | \"note\" | \"row\" | \"term\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}",
                 "references": [
                   {
                     "name": "Array",
@@ -44932,7 +44932,7 @@
               "name": "labelFormatter",
               "description": "When specified, allows users to customize handle labels.",
               "type": {
-                "text": "(value: number, type: \"max\" | \"min\" | \"value\" | \"tick\", defaultFormatter: (value: number) => string) => string"
+                "text": "(value: number, type: \"value\" | \"max\" | \"min\" | \"tick\", defaultFormatter: (value: number) => string) => string"
               }
             },
             {
@@ -50655,6 +50655,10 @@
               "name": "--calcite-tab-text-color",
               "description": "Specifies the component's text color."
             },
+            {
+              "name": "--calcite-tab-text-color-press",
+              "description": "Specifies the component's text color when hovered, pressed, or selected."
+            },
             {
               "name": "--calcite-tab-border-color",
               "description": "Specifies the component's border color."
@@ -50671,13 +50675,21 @@
               "name": "--calcite-tab-accent-color-press",
               "description": "Specifies the component's accent color when selected or active."
             },
+            {
+              "name": "--calcite-tab-icon-color-start",
+              "description": "Specifies the component's `iconStart` color."
+            },
+            {
+              "name": "--calcite-tab-icon-color-start-press",
+              "description": "Specifies the component's `iconStart` color when hovered, pressed, or selected."
+            },
             {
               "name": "--calcite-tab-icon-color-end",
-              "description": "Specifies the component's `iconEnd` color. Fallback to `--calcite-icon-color`."
+              "description": "Specifies the component's `iconEnd` color."
             },
             {
-              "name": "--calcite-tab-icon-color-start",
-              "description": "Specifies the component's `iconStart` color. Fallback to `--calcite-icon-color`."
+              "name": "--calcite-tab-icon-color-end-press",
+              "description": "Specifies the component's `iconEnd` color when hovered, pressed, or selected."
             },
             {
               "name": "--calcite-tab-close-icon-color",
@@ -50693,7 +50705,11 @@
             },
             {
               "name": "--calcite-tab-close-icon-background-color-press",
-              "description": "Specifies the component's close element icon background color when hovered, focused, and active."
+              "description": "Specifies the component's close element icon background color when pressed."
+            },
+            {
+              "name": "--calcite-tab-close-icon-background-color-hover",
+              "description": "Specifies the component's close element icon background color when hovered."
             }
           ]
         }

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-20T17:21:55",
+  "timestamp": "2026-01-21T12:38:30",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "5.0.0-next.76",
@@ -790,10 +790,10 @@
         },
         {
           "name": "aria",
-          "type": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"tree\" | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"group\" | \"heading\" | \"list\" | \"presentation\" | \"separator\" | \"switch\" | \"table\" | \"timer\" | \"tree\" | \"meter\" | \"alert\" | \"application\" | \"log\" | \"main\" | \"figure\" | \"document\" | \"form\" | \"note\" | \"slider\" | \"row\" | \"tab\" | \"term\" | \"dialog\" | \"img\" | \"menu\" | \"option\" | \"math\" | \"marquee\" | \"menuitem\" | \"status\" | \"combobox\" | \"tooltip\" | \"checkbox\" | \"navigation\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}",
+          "type": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"dialog\" | \"menu\" | \"tree\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"form\" | \"img\" | \"main\" | \"menu\" | \"meter\" | \"option\" | \"table\" | \"math\" | \"switch\" | \"combobox\" | \"tooltip\" | \"alert\" | \"checkbox\" | \"list\" | \"navigation\" | \"slider\" | \"tab\" | \"tree\" | \"heading\" | \"status\" | \"group\" | \"marquee\" | \"menuitem\" | \"presentation\" | \"separator\" | \"timer\" | \"application\" | \"log\" | \"document\" | \"note\" | \"row\" | \"term\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}",
           "complexType": {
-            "original": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"tree\" | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"group\" | \"heading\" | \"list\" | \"presentation\" | \"separator\" | \"switch\" | \"table\" | \"timer\" | \"tree\" | \"meter\" | \"alert\" | \"application\" | \"log\" | \"main\" | \"figure\" | \"document\" | \"form\" | \"note\" | \"slider\" | \"row\" | \"tab\" | \"term\" | \"dialog\" | \"img\" | \"menu\" | \"option\" | \"math\" | \"marquee\" | \"menuitem\" | \"status\" | \"combobox\" | \"tooltip\" | \"checkbox\" | \"navigation\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}",
-            "resolved": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"tree\" | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"group\" | \"heading\" | \"list\" | \"presentation\" | \"separator\" | \"switch\" | \"table\" | \"timer\" | \"tree\" | \"meter\" | \"alert\" | \"application\" | \"log\" | \"main\" | \"figure\" | \"document\" | \"form\" | \"note\" | \"slider\" | \"row\" | \"tab\" | \"term\" | \"dialog\" | \"img\" | \"menu\" | \"option\" | \"math\" | \"marquee\" | \"menuitem\" | \"status\" | \"combobox\" | \"tooltip\" | \"checkbox\" | \"navigation\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}",
+            "original": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"dialog\" | \"menu\" | \"tree\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"form\" | \"img\" | \"main\" | \"menu\" | \"meter\" | \"option\" | \"table\" | \"math\" | \"switch\" | \"combobox\" | \"tooltip\" | \"alert\" | \"checkbox\" | \"list\" | \"navigation\" | \"slider\" | \"tab\" | \"tree\" | \"heading\" | \"status\" | \"group\" | \"marquee\" | \"menuitem\" | \"presentation\" | \"separator\" | \"timer\" | \"application\" | \"log\" | \"document\" | \"note\" | \"row\" | \"term\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}",
+            "resolved": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"dialog\" | \"menu\" | \"tree\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"form\" | \"img\" | \"main\" | \"menu\" | \"meter\" | \"option\" | \"table\" | \"math\" | \"switch\" | \"combobox\" | \"tooltip\" | \"alert\" | \"checkbox\" | \"list\" | \"navigation\" | \"slider\" | \"tab\" | \"tree\" | \"heading\" | \"status\" | \"group\" | \"marquee\" | \"menuitem\" | \"presentation\" | \"separator\" | \"timer\" | \"application\" | \"log\" | \"document\" | \"note\" | \"row\" | \"term\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}",
             "references": {
               "Array": {
                 "location": "import",
@@ -37854,10 +37854,10 @@
         },
         {
           "name": "labelFormatter",
-          "type": "(value: number, type: \"max\" | \"min\" | \"value\" | \"tick\", defaultFormatter: (value: number) => string) => string",
+          "type": "(value: number, type: \"value\" | \"max\" | \"min\" | \"tick\", defaultFormatter: (value: number) => string) => string",
           "complexType": {
-            "original": "(value: number, type: \"max\" | \"min\" | \"value\" | \"tick\", defaultFormatter: (value: number) => string) => string",
-            "resolved": "(value: number, type: \"max\" | \"min\" | \"value\" | \"tick\", defaultFormatter: (value: number) => string) => string",
+            "original": "(value: number, type: \"value\" | \"max\" | \"min\" | \"tick\", defaultFormatter: (value: number) => string) => string",
+            "resolved": "(value: number, type: \"value\" | \"max\" | \"min\" | \"tick\", defaultFormatter: (value: number) => string) => string",
             "references": {}
           },
           "mutable": true,
@@ -42731,6 +42731,11 @@
           "annotation": "prop",
           "docs": "Specifies the component's text color."
         },
+        {
+          "name": "--calcite-tab-text-color-press",
+          "annotation": "prop",
+          "docs": "Specifies the component's text color when hovered, pressed, or selected."
+        },
         {
           "name": "--calcite-tab-border-color",
           "annotation": "prop",
@@ -42751,15 +42756,25 @@
           "annotation": "prop",
           "docs": "Specifies the component's accent color when selected or active."
         },
+        {
+          "name": "--calcite-tab-icon-color-start",
+          "annotation": "prop",
+          "docs": "Specifies the component's `iconStart` color."
+        },
+        {
+          "name": "--calcite-tab-icon-color-start-press",
+          "annotation": "prop",
+          "docs": "Specifies the component's `iconStart` color when hovered, pressed, or selected."
+        },
         {
           "name": "--calcite-tab-icon-color-end",
           "annotation": "prop",
-          "docs": "Specifies the component's `iconEnd` color. Fallback to `--calcite-icon-color`."
+          "docs": "Specifies the component's `iconEnd` color."
         },
         {
-          "name": "--calcite-tab-icon-color-start",
+          "name": "--calcite-tab-icon-color-end-press",
           "annotation": "prop",
-          "docs": "Specifies the component's `iconStart` color. Fallback to `--calcite-icon-color`."
+          "docs": "Specifies the component's `iconEnd` color when hovered, pressed, or selected."
         },
         {
           "name": "--calcite-tab-close-icon-color",
@@ -42779,7 +42794,12 @@
         {
           "name": "--calcite-tab-close-icon-background-color-press",
           "annotation": "prop",
-          "docs": "Specifies the component's close element icon background color when hovered, focused, and active."
+          "docs": "Specifies the component's close element icon background color when pressed."
+        },
+        {
+          "name": "--calcite-tab-close-icon-background-color-hover",
+          "annotation": "prop",
+          "docs": "Specifies the component's close element icon background color when hovered."
         }
       ],
       "slots": [

package/dist/docs/vscode.css-custom-data.json

@@ -2502,6 +2502,10 @@
       "name": "--calcite-tab-text-color",
       "description": "Specifies the component's text color."
     },
+    {
+      "name": "--calcite-tab-text-color-press",
+      "description": "Specifies the component's text color when hovered, pressed, or selected."
+    },
     {
       "name": "--calcite-tab-border-color",
       "description": "Specifies the component's border color."
@@ -2518,13 +2522,21 @@
       "name": "--calcite-tab-accent-color-press",
       "description": "Specifies the component's accent color when selected or active."
     },
+    {
+      "name": "--calcite-tab-icon-color-start",
+      "description": "Specifies the component's `iconStart` color."
+    },
+    {
+      "name": "--calcite-tab-icon-color-start-press",
+      "description": "Specifies the component's `iconStart` color when hovered, pressed, or selected."
+    },
     {
       "name": "--calcite-tab-icon-color-end",
-      "description": "Specifies the component's `iconEnd` color. Fallback to `--calcite-icon-color`."
+      "description": "Specifies the component's `iconEnd` color."
     },
     {
-      "name": "--calcite-tab-icon-color-start",
-      "description": "Specifies the component's `iconStart` color. Fallback to `--calcite-icon-color`."
+      "name": "--calcite-tab-icon-color-end-press",
+      "description": "Specifies the component's `iconEnd` color when hovered, pressed, or selected."
     },
     {
       "name": "--calcite-tab-close-icon-color",
@@ -2540,7 +2552,11 @@
     },
     {
       "name": "--calcite-tab-close-icon-background-color-press",
-      "description": "Specifies the component's close element icon background color when hovered, focused, and active."
+      "description": "Specifies the component's close element icon background color when pressed."
+    },
+    {
+      "name": "--calcite-tab-close-icon-background-color-hover",
+      "description": "Specifies the component's close element icon background color when hovered."
     },
     {
       "name": "--calcite-table-border-color",

package/dist/docs/vscode.html-custom-data.json

@@ -8173,7 +8173,7 @@
     },
     {
       "name": "calcite-tab-title",
-      "description": "Tab-titles are optionally individually closable.\n--\n\n### Events\n- **calciteTabsActivate** - Fires when a `calcite-tab` is selected.\n- **calciteTabsClose** - Fires when a `calcite-tab` is closed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getTabIndex(): Promise<number>` - Returns the index of the title within the `calcite-tab-nav`.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tab-text-color** - Specifies the component's text color. \n- **--calcite-tab-border-color** - Specifies the component's border color. \n- **--calcite-tab-background-color** - Specifies the component's background color. \n- **--calcite-tab-background-color-hover** - When `calcite-tabs` is `bordered`, specifies the component's background color when hovered. \n- **--calcite-tab-accent-color-press** - Specifies the component's accent color when selected or active. \n- **--calcite-tab-icon-color-end** - Specifies the component's `iconEnd` color. Fallback to `--calcite-icon-color`. \n- **--calcite-tab-icon-color-start** - Specifies the component's `iconStart` color. Fallback to `--calcite-icon-color`. \n- **--calcite-tab-close-icon-color** - Specifies the component's close element icon color. \n- **--calcite-tab-close-icon-color-press** - Specifies the component's close element icon color when hovered, focused, and active. \n- **--calcite-tab-close-icon-background-color** - Specifies the component's close element icon background color. \n- **--calcite-tab-close-icon-background-color-press** - Specifies the component's close element icon background color when hovered, focused, and active. ",
+      "description": "Tab-titles are optionally individually closable.\n--\n\n### Events\n- **calciteTabsActivate** - Fires when a `calcite-tab` is selected.\n- **calciteTabsClose** - Fires when a `calcite-tab` is closed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getTabIndex(): Promise<number>` - Returns the index of the title within the `calcite-tab-nav`.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tab-text-color** - Specifies the component's text color. \n- **--calcite-tab-text-color-press** - Specifies the component's text color when hovered, pressed, or selected. \n- **--calcite-tab-border-color** - Specifies the component's border color. \n- **--calcite-tab-background-color** - Specifies the component's background color. \n- **--calcite-tab-background-color-hover** - When `calcite-tabs` is `bordered`, specifies the component's background color when hovered. \n- **--calcite-tab-accent-color-press** - Specifies the component's accent color when selected or active. \n- **--calcite-tab-icon-color-start** - Specifies the component's `iconStart` color. \n- **--calcite-tab-icon-color-start-press** - Specifies the component's `iconStart` color when hovered, pressed, or selected. \n- **--calcite-tab-icon-color-end** - Specifies the component's `iconEnd` color. \n- **--calcite-tab-icon-color-end-press** - Specifies the component's `iconEnd` color when hovered, pressed, or selected. \n- **--calcite-tab-close-icon-color** - Specifies the component's close element icon color. \n- **--calcite-tab-close-icon-color-press** - Specifies the component's close element icon color when hovered, focused, and active. \n- **--calcite-tab-close-icon-background-color** - Specifies the component's close element icon background color. \n- **--calcite-tab-close-icon-background-color-press** - Specifies the component's close element icon background color when pressed. \n- **--calcite-tab-close-icon-background-color-hover** - Specifies the component's close element icon background color when hovered. ",
       "attributes": [
         {
           "name": "closable",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.72",
+  "version": "5.0.0-next.73",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -426,7 +426,7 @@
               {
                 "name": "aria",
                 "description": "Use this property to override or extend ARIA properties and attributes on the component's button.",
-                "type": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"tree\" | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"group\" | \"heading\" | \"list\" | \"presentation\" | \"separator\" | \"switch\" | \"table\" | \"timer\" | \"tree\" | \"meter\" | \"alert\" | \"application\" | \"log\" | \"main\" | \"figure\" | \"document\" | \"form\" | \"note\" | \"slider\" | \"row\" | \"tab\" | \"term\" | \"dialog\" | \"img\" | \"menu\" | \"option\" | \"math\" | \"marquee\" | \"menuitem\" | \"status\" | \"combobox\" | \"tooltip\" | \"checkbox\" | \"navigation\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}"
+                "type": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"dialog\" | \"menu\" | \"tree\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"form\" | \"img\" | \"main\" | \"menu\" | \"meter\" | \"option\" | \"table\" | \"math\" | \"switch\" | \"combobox\" | \"tooltip\" | \"alert\" | \"checkbox\" | \"list\" | \"navigation\" | \"slider\" | \"tab\" | \"tree\" | \"heading\" | \"status\" | \"group\" | \"marquee\" | \"menuitem\" | \"presentation\" | \"separator\" | \"timer\" | \"application\" | \"log\" | \"document\" | \"note\" | \"row\" | \"term\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}"
               },
               {
                 "name": "compact",
@@ -15341,7 +15341,7 @@
               {
                 "name": "labelFormatter",
                 "description": "When specified, allows users to customize handle labels.",
-                "type": "(value: number, type: \"max\" | \"min\" | \"value\" | \"tick\", defaultFormatter: (value: number) => string) => string"
+                "type": "(value: number, type: \"value\" | \"max\" | \"min\" | \"tick\", defaultFormatter: (value: number) => string) => string"
               },
               {
                 "name": "labelHandles",
@@ -16925,7 +16925,7 @@
         },
         {
           "name": "calcite-tab-title",
-          "description": "Tab-titles are optionally individually closable.\n--\n\n### Events\n- **calciteTabsActivate** - Fires when a `calcite-tab` is selected.\n- **calciteTabsClose** - Fires when a `calcite-tab` is closed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getTabIndex(): Promise<number>` - Returns the index of the title within the `calcite-tab-nav`.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tab-text-color** - Specifies the component's text color. \n- **--calcite-tab-border-color** - Specifies the component's border color. \n- **--calcite-tab-background-color** - Specifies the component's background color. \n- **--calcite-tab-background-color-hover** - When `calcite-tabs` is `bordered`, specifies the component's background color when hovered. \n- **--calcite-tab-accent-color-press** - Specifies the component's accent color when selected or active. \n- **--calcite-tab-icon-color-end** - Specifies the component's `iconEnd` color. Fallback to `--calcite-icon-color`. \n- **--calcite-tab-icon-color-start** - Specifies the component's `iconStart` color. Fallback to `--calcite-icon-color`. \n- **--calcite-tab-close-icon-color** - Specifies the component's close element icon color. \n- **--calcite-tab-close-icon-color-press** - Specifies the component's close element icon color when hovered, focused, and active. \n- **--calcite-tab-close-icon-background-color** - Specifies the component's close element icon background color. \n- **--calcite-tab-close-icon-background-color-press** - Specifies the component's close element icon background color when hovered, focused, and active. ",
+          "description": "Tab-titles are optionally individually closable.\n--\n\n### Events\n- **calciteTabsActivate** - Fires when a `calcite-tab` is selected.\n- **calciteTabsClose** - Fires when a `calcite-tab` is closed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getTabIndex(): Promise<number>` - Returns the index of the title within the `calcite-tab-nav`.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tab-text-color** - Specifies the component's text color. \n- **--calcite-tab-text-color-press** - Specifies the component's text color when hovered, pressed, or selected. \n- **--calcite-tab-border-color** - Specifies the component's border color. \n- **--calcite-tab-background-color** - Specifies the component's background color. \n- **--calcite-tab-background-color-hover** - When `calcite-tabs` is `bordered`, specifies the component's background color when hovered. \n- **--calcite-tab-accent-color-press** - Specifies the component's accent color when selected or active. \n- **--calcite-tab-icon-color-start** - Specifies the component's `iconStart` color. \n- **--calcite-tab-icon-color-start-press** - Specifies the component's `iconStart` color when hovered, pressed, or selected. \n- **--calcite-tab-icon-color-end** - Specifies the component's `iconEnd` color. \n- **--calcite-tab-icon-color-end-press** - Specifies the component's `iconEnd` color when hovered, pressed, or selected. \n- **--calcite-tab-close-icon-color** - Specifies the component's close element icon color. \n- **--calcite-tab-close-icon-color-press** - Specifies the component's close element icon color when hovered, focused, and active. \n- **--calcite-tab-close-icon-background-color** - Specifies the component's close element icon background color. \n- **--calcite-tab-close-icon-background-color-press** - Specifies the component's close element icon background color when pressed. \n- **--calcite-tab-close-icon-background-color-hover** - Specifies the component's close element icon background color when hovered. ",
           "attributes": [
             {
               "name": "closable",
@@ -21391,6 +21391,10 @@
           "name": "--calcite-tab-text-color",
           "description": "Specifies the component's text color."
         },
+        {
+          "name": "--calcite-tab-text-color-press",
+          "description": "Specifies the component's text color when hovered, pressed, or selected."
+        },
         {
           "name": "--calcite-tab-border-color",
           "description": "Specifies the component's border color."
@@ -21407,13 +21411,21 @@
           "name": "--calcite-tab-accent-color-press",
           "description": "Specifies the component's accent color when selected or active."
         },
+        {
+          "name": "--calcite-tab-icon-color-start",
+          "description": "Specifies the component's `iconStart` color."
+        },
+        {
+          "name": "--calcite-tab-icon-color-start-press",
+          "description": "Specifies the component's `iconStart` color when hovered, pressed, or selected."
+        },
         {
           "name": "--calcite-tab-icon-color-end",
-          "description": "Specifies the component's `iconEnd` color. Fallback to `--calcite-icon-color`."
+          "description": "Specifies the component's `iconEnd` color."
         },
         {
-          "name": "--calcite-tab-icon-color-start",
-          "description": "Specifies the component's `iconStart` color. Fallback to `--calcite-icon-color`."
+          "name": "--calcite-tab-icon-color-end-press",
+          "description": "Specifies the component's `iconEnd` color when hovered, pressed, or selected."
         },
         {
           "name": "--calcite-tab-close-icon-color",
@@ -21429,7 +21441,11 @@
         },
         {
           "name": "--calcite-tab-close-icon-background-color-press",
-          "description": "Specifies the component's close element icon background color when hovered, focused, and active."
+          "description": "Specifies the component's close element icon background color when pressed."
+        },
+        {
+          "name": "--calcite-tab-close-icon-background-color-hover",
+          "description": "Specifies the component's close element icon background color when hovered."
         },
         {
           "name": "--calcite-table-border-color",

package/dist/index.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.73 */
 import { s as setAssetPath$1 } from "./chunks/runtime.js";
 import { g } from "./chunks/runtime.js";
 let assetPathChanged = false;

package/dist/loader.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.73 */
 import { r as runtime } from "./chunks/runtime.js";
 import { makeDefineCustomElements } from "@arcgis/lumina";
 const defineCustomElements = makeDefineCustomElements(runtime, {