@esri/calcite-components 5.0.0-next.11 → 5.0.0-next.12

package/dist/chunks/locale.js

@@ -1,3 +1,4 @@
+import { defaultLocale } from "@arcgis/toolkit/intl";
 import { n as numberKeys } from "./key.js";
 const unnecessaryDecimal = new RegExp(`\\${"."}(0+)?$`);
 const trailingZeros = new RegExp("0+$");
@@ -165,59 +166,6 @@ function addLocalizedTrailingDecimalZeros(localizedValue, value, formatter) {
   }
   return localizedValue;
 }
-const defaultLocale = "en";
-const locales = [
-  "ar",
-  "bg",
-  "bs",
-  "ca",
-  "cs",
-  "da",
-  "de",
-  "de-AT",
-  "de-CH",
-  "el",
-  defaultLocale,
-  "en-AU",
-  "en-CA",
-  "en-GB",
-  "es",
-  "es-MX",
-  "et",
-  "fi",
-  "fr",
-  "fr-CH",
-  "he",
-  "hi",
-  "hr",
-  "hu",
-  "id",
-  "it",
-  "it-CH",
-  "ja",
-  "ko",
-  "lt",
-  "lv",
-  "mk",
-  "no",
-  "nl",
-  "pl",
-  "pt",
-  "pt-PT",
-  "ro",
-  "ru",
-  "sk",
-  "sl",
-  "sr",
-  "sv",
-  "th",
-  "tr",
-  "uk",
-  "vi",
-  "zh-CN",
-  "zh-HK",
-  "zh-TW"
-];
 const localizedTwentyFourHourMeridiems = new Map(
   Object.entries({
     bg: { am: "пр.об.", pm: "сл.об." },
@@ -247,39 +195,10 @@ const localizedTwentyFourHourMeridiems = new Map(
   })
 );
 const numberingSystems = ["arab", "arabext", "latn"];
-const supportedLocales = [...locales];
 const isNumberingSystemSupported = (numberingSystem) => numberingSystems.includes(numberingSystem);
 const browserNumberingSystem = new Intl.NumberFormat().resolvedOptions().numberingSystem;
 const defaultNumberingSystem = browserNumberingSystem === "arab" || !isNumberingSystemSupported(browserNumberingSystem) ? "latn" : browserNumberingSystem;
 const getSupportedNumberingSystem = (numberingSystem) => isNumberingSystemSupported(numberingSystem) ? numberingSystem : defaultNumberingSystem;
-function getSupportedLocale(locale) {
-  if (!locale) {
-    return defaultLocale;
-  }
-  if (supportedLocales.includes(locale)) {
-    return locale;
-  }
-  locale = locale.toLowerCase();
-  if (locale.includes("-")) {
-    locale = locale.replace(/(\w+)-(\w+)/, (_match, language, region) => `${language}-${region.toUpperCase()}`);
-    if (!supportedLocales.includes(locale)) {
-      locale = locale.split("-")[0];
-    }
-  }
-  if (locale === "nb" || locale === "nn") {
-    return "no";
-  }
-  if (locale === "zh") {
-    return "zh-CN";
-  }
-  if (!supportedLocales.includes(locale)) {
-    console.warn(
-      `Translations for the "${locale}" locale are not available and will fall back to the default, English (en).`
-    );
-    return defaultLocale;
-  }
-  return locale;
-}
 function getDateFormatSupportedLocale(locale) {
   switch (locale) {
     case "it-CH":
@@ -326,8 +245,8 @@ class NumberStringFormat {
   }
   /** numberFormatOptions needs to be set before localize/delocalize is called to ensure the options are up to date */
   set numberFormatOptions(options) {
-    options.locale = getSupportedLocale(options?.locale);
     options.numberingSystem = getSupportedNumberingSystem(options?.numberingSystem);
+    options.locale = options?.locale || defaultLocale;
     if (
       // No need to create the formatter if `locale` and `numberingSystem`
       // are the default values and `numberFormatOptions` has not been set
@@ -366,7 +285,6 @@ function buildDateTimeFormatCacheKey(options = {}) {
   return Object.entries(options).sort(([key1], [key2]) => key1.localeCompare(key2)).map((keyValue) => `${keyValue[0]}-${keyValue[1]}`).flat().join(":");
 }
 function getDateTimeFormat(locale, options) {
-  locale = getSupportedLocale(locale);
   if (!dateTimeFormatCache) {
     dateTimeFormatCache = /* @__PURE__ */ new Map();
   }
@@ -387,9 +305,8 @@ export {
   BigDecimal as B,
   NumberStringFormat as N,
   getSupportedNumberingSystem as a,
-  getSupportedLocale as b,
-  addLocalizedTrailingDecimalZeros as c,
-  getDateFormatSupportedLocale as d,
+  addLocalizedTrailingDecimalZeros as b,
+  getDateFormatSupportedLocale as c,
   getDateTimeFormat as g,
   isValidNumber as i,
   localizedTwentyFourHourMeridiems as l,

package/dist/chunks/runtime.js

@@ -60,9 +60,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.0.0-next.11";
-const buildDate = "2025-11-25";
-const revision = "7dd8ae2c7";
+const version = "5.0.0-next.12";
+const buildDate = "2025-11-26";
+const revision = "7b7e4d2bf";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
@@ -85,7 +85,7 @@ if (!isServer) {
 if (process.env.NODE_ENV !== "test") {
   queueMicrotask(stampVersion);
 }
-const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.0.0-next.11/dist/calcite/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.0.0-next.12/dist/calcite/", hydratedAttribute: "calcite-hydrated" });
 const { customElement, getAssetPath, setAssetPath } = runtime;
 export {
   CSS_UTILITY as C,

package/dist/chunks/useTime.js

@@ -114,7 +114,7 @@ function getLocalizedDecimalSeparator(locale, numberingSystem) {
 function getLocalizedTimePartSuffix(part, locale, numberingSystem = "latn") {
   const formatter = createLocaleDateTimeFormatter({ locale, numberingSystem });
   const parts = formatter.formatToParts(new Date(Date.UTC(0, 0, 0, 0, 0, 0)));
-  return getLocalizedTimePart(`${part}Suffix`, parts);
+  return getLocalizedTimePart(`${part}Suffix`, parts, locale);
 }
 function getLocalizedTimePart(part, parts, locale = "en") {
   if (!part || !parts) {
@@ -124,24 +124,24 @@ function getLocalizedTimePart(part, parts, locale = "en") {
     const hourIndex = parts.indexOf(parts.find(({ type }) => type === "hour"));
     const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
     const hourSuffix = parts[hourIndex + 1];
-    return hourSuffix && hourSuffix.type === "literal" && minuteIndex - hourIndex === 2 ? hourSuffix.value?.trim() || null : null;
+    return hourSuffix && hourSuffix.type === "literal" && minuteIndex - hourIndex === 2 ? hourSuffix.value || null : null;
   }
   if (part === "minuteSuffix") {
     const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
     const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
     const minuteSuffix = parts[minuteIndex + 1];
-    return minuteSuffix && minuteSuffix.type === "literal" && secondIndex - minuteIndex === 2 ? minuteSuffix.value?.trim() || null : null;
+    return minuteSuffix && minuteSuffix.type === "literal" && secondIndex - minuteIndex === 2 ? minuteSuffix.value || null : null;
   }
   if (part === "secondSuffix") {
     let secondSuffixPart;
     const fractionalSecondIndex = parts.indexOf(parts.find(({ type }) => type === "fractionalSecond"));
-    if (fractionalSecondIndex) {
+    if (fractionalSecondIndex !== -1) {
       secondSuffixPart = parts[fractionalSecondIndex + 1];
     } else {
       const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
       secondSuffixPart = parts[secondIndex + 1];
     }
-    return secondSuffixPart?.type === "literal" && secondSuffixPart.value?.trim() || null;
+    return secondSuffixPart?.type === "literal" && secondSuffixPart.value || null;
   }
   if (part === "meridiem") {
     const meridiemFromBrowser = parts.find(({ type }) => type === "dayPeriod")?.value || null;
@@ -674,13 +674,11 @@ class TimeController extends GenericController {
   }
   setHourFormat() {
     const { hourFormat, messages } = this.component;
-    const locale = messages._lang;
-    this.hourFormat = hourFormat === "user" ? getLocaleHourFormat(locale) : hourFormat;
+    this.hourFormat = hourFormat === "user" ? getLocaleHourFormat(messages._lang) : hourFormat;
   }
   setMeridiemOrder() {
     const { messages } = this.component;
-    const locale = messages._lang;
-    this.meridiemOrder = getMeridiemOrder(locale);
+    this.meridiemOrder = getMeridiemOrder(messages._lang);
   }
   setValue(value, userChangedValue = false) {
     const { messages, numberingSystem, step, value: previousValue } = this.component;

package/dist/chunks/utils3.js

@@ -1,27 +1,58 @@
+import { defaultLocale, normalizeLocale, supportedLocales } from "@arcgis/toolkit/intl";
 import { a as dateFromISO } from "./date.js";
-import { b as getSupportedLocale } from "./locale.js";
 import { g as getAssetPath } from "./runtime.js";
 const translationCache = {};
 const requestCache = {};
-async function getLocaleData(lang) {
-  const locale = getSupportedLocale(lang);
+const extraNlsLocales = [
+  "de-AT",
+  "de-CH",
+  "en-AU",
+  "en-CA",
+  "en-GB",
+  "es-MX",
+  "fr-CH",
+  "hi",
+  "it-CH",
+  "mk",
+  "pt"
+];
+[...supportedLocales, ...extraNlsLocales];
+function normalizeNlsLocale(locale) {
+  if (!locale) {
+    return defaultLocale;
+  }
+  const localeParts = locale.split("-");
+  locale = `${localeParts[0].toLowerCase()}${localeParts.length >= 2 ? `-${localeParts[1].toUpperCase()}` : ""}`;
+  if (extraNlsLocales.includes(locale)) {
+    return locale;
+  }
+  return normalizeLocale(locale);
+}
+async function getLocaleData(locale) {
+  locale = normalizeNlsLocale(locale);
   if (translationCache[locale]) {
     return translationCache[locale];
   }
   if (!requestCache[locale]) {
     requestCache[locale] = fetch(getAssetPath(`./assets/date-picker/nls/${locale}.json`)).then((resp) => resp.json()).catch(() => {
       console.error(`Native Language Support data for "${locale}" not found or invalid, falling back to english`);
-      return getLocaleData("en");
+      return getLocaleData(defaultLocale);
     });
   }
-  const data = await requestCache[locale];
-  translationCache[locale] = data;
-  return data;
+  return translationCache[locale] = await requestCache[locale];
+}
+function applyLocaleOverride(locale) {
+  const localeOverrideMap = {
+    "ar-SA": "ar"
+    // see https://github.com/Esri/calcite-design-system/issues/11399
+  };
+  return localeOverrideMap[locale] || locale;
 }
 function getValueAsDateRange(value) {
   return value.map((v, index) => dateFromISO(v, index === 1));
 }
 export {
-  getLocaleData as a,
+  applyLocaleOverride as a,
+  getLocaleData as b,
   getValueAsDateRange as g
 };

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

@@ -987,7 +987,7 @@ class Combobox extends LitElement {
       const itemLabel = getLabel(item);
       const pathLabel = [...ancestors, item].map((el) => getLabel(el));
       const label = selectionMode !== "ancestors" ? itemLabel : pathLabel.join(" / ");
-      return keyed(itemLabel, html`<calcite-chip .appearance=${readOnly ? "outline" : "solid"} class=${safeClassMap(chipClasses)} .closable=${!readOnly} data-test-id=${`chip-${i}`} .icon=${item.icon} .iconFlipRtl=${item.iconFlipRtl} id=${(item.guid ? `${IDS.chip(item.guid)}` : null) ?? nothing} .label=${label} .messageOverrides=${{ dismissLabel: messages.removeTag }} @focusin=${() => this.activeChipIndex = i} @calciteChipClose=${() => this.calciteChipCloseHandler(item)} .scale=${scale} .selected=${item.selected} .tabIndex=${activeChipIndex === i ? 0 : -1} title=${label ?? nothing} .value=${item.value}>${label}</calcite-chip>`);
+      return keyed(itemLabel, html`<calcite-chip .appearance=${readOnly ? "outline" : "solid"} class=${safeClassMap(chipClasses)} .closable=${!readOnly} .icon=${item.icon} .iconFlipRtl=${item.iconFlipRtl} id=${(item.guid ? `${IDS.chip(item.guid)}` : null) ?? nothing} .label=${label} .messageOverrides=${{ dismissLabel: messages.removeTag }} @focusin=${() => this.activeChipIndex = i} @calciteChipClose=${() => this.calciteChipCloseHandler(item)} .scale=${scale} .selected=${item.selected} .tabIndex=${activeChipIndex === i ? 0 : -1} title=${label ?? nothing} .value=${item.value}>${label}</calcite-chip>`);
     });
   }
   renderAllSelectedIndicatorChip() {
@@ -997,7 +997,7 @@ class Combobox extends LitElement {
       [CSS$1.chip]: true,
       [CSS$1.chipInvisible]: !(this.allSelected && !selectedVisibleChipsCount),
       [CSS$1.allSelected]: true
-    })} data-test-id=all-selected-indicator-chip .label=${label} .scale=${scale} title=${label ?? nothing} value ${ref(allSelectedIndicatorChipRef)}>${label}</calcite-chip>`;
+    })} .label=${label} .scale=${scale} title=${label ?? nothing} value ${ref(allSelectedIndicatorChipRef)}>${label}</calcite-chip>`;
   }
   renderSelectedIndicatorChip() {
     const { compactSelectionDisplay, selectionDisplay, getSelectedItems, scale, selectedHiddenChipsCount, selectedVisibleChipsCount, selectedIndicatorChipRef } = this;
@@ -1065,7 +1065,7 @@ class Combobox extends LitElement {
       [CSS$1.inputSingle]: true,
       [CSS$1.inputHidden]: showLabel,
       [CSS$1.inputIcon]: this.showingInlineIcon && !!this.placeholderIcon
-    })} data-test-id=input .disabled=${disabled} .id=${`${IDS.input(guid2)}`} @focus=${this.comboboxFocusHandler} @input=${this.inputHandler} placeholder=${placeholder ?? nothing} .readOnly=${this.readOnly} .required=${this.required} role=combobox .tabIndex=${this.activeChipIndex === -1 ? 0 : -1} type=text .value=${live(this.filterText ?? "")} ${ref(this.textInputRef)}>`)}</span>`;
+    })} .disabled=${disabled} .id=${`${IDS.input(guid2)}`} @focus=${this.comboboxFocusHandler} @input=${this.inputHandler} placeholder=${placeholder ?? nothing} .readOnly=${this.readOnly} .required=${this.required} role=combobox .tabIndex=${this.activeChipIndex === -1 ? 0 : -1} type=text .value=${live(this.filterText ?? "")} ${ref(this.textInputRef)}>`)}</span>`;
   }
   renderListBoxOptions() {
     const mappedListBoxOptions = this.keyboardNavItems.map((item) => this.createScreenReaderItem({

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

@@ -5,7 +5,7 @@ import { a as dateFromISO, c as dateToISO, n as nextMonth, p as prevMonth, o as
 import { n as numberStringFormatter, g as getDateTimeFormat } from "../../chunks/locale.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
-import { g as getValueAsDateRange, a as getLocaleData } from "../../chunks/utils3.js";
+import { g as getValueAsDateRange, a as applyLocaleOverride, b as getLocaleData } from "../../chunks/utils3.js";
 const HEADING_LEVEL = 2;
 const DATE_PICKER_FORMAT_OPTIONS = { dateStyle: "full" };
 const CSS = {
@@ -122,13 +122,14 @@ class DatePicker extends LitElement {
     if (isServer) {
       return;
     }
+    const locale = applyLocaleOverride(this.messages._lang);
     numberStringFormatter.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
-      locale: this.messages._lang,
+      locale,
       useGrouping: false
     };
-    this.localeData = await getLocaleData(this.messages._lang);
-    this.dateTimeFormat = getDateTimeFormat(this.messages._lang, DATE_PICKER_FORMAT_OPTIONS);
+    this.localeData = await getLocaleData(locale);
+    this.dateTimeFormat = getDateTimeFormat(locale, DATE_PICKER_FORMAT_OPTIONS);
   }
   monthHeaderSelectChange(event) {
     const date = new Date(event.detail.date);

package/dist/components/calcite-date-picker/utils.d.ts

@@ -1,3 +1,4 @@
+import { Locale } from '../../utils/locale';
 /**
  * Translation resource data structure
  *
@@ -31,21 +32,23 @@ export interface DateLocaleData {
  *
  * @private
  */
-export declare const translationCache: Record<string, DateLocaleData>;
+export declare const translationCache: Record<Locale, DateLocaleData>;
 /**
  * CLDR request cache.
  * Exported for testing purposes.
  *
  * @private
  */
-export declare const requestCache: Record<string, Promise<DateLocaleData>>;
+export declare const requestCache: Record<Locale, Promise<DateLocaleData>>;
+export declare const supportedNlsLocales: ("en" | "id" | "el" | "sl" | "it" | "de" | "es" | "ar" | "th" | "ca" | "et" | "da" | "pt" | "sk" | "fi" | "sv" | "fr" | "he" | "hi" | "cs" | "lt" | "no" | "pl" | "ro" | "ru" | "tr" | "vi" | "bs" | "hr" | "bg" | "es-MX" | "hu" | "lv" | "mk" | "nl" | "pt-PT" | "uk" | "it-CH" | "de-CH" | "de-AT" | "en-AU" | "en-CA" | "en-GB" | "fr-CH" | "ja" | "ko" | "nb" | "pt-BR" | "sr" | "zh-CN" | "zh-HK" | "zh-TW")[];
 /**
- * Fetch calendar data for a given locale from list of supported languages
- *
- * @param lang
- * @public
+ * Fetch NLS data used for localized calendar rendering
+ */
+export declare function getLocaleData(locale: Locale): Promise<DateLocaleData>;
+/**
+ * Ensures consistent locale is used across browsers
  */
-export declare function getLocaleData(lang: string): Promise<DateLocaleData>;
+export declare function applyLocaleOverride(locale: Locale): Locale;
 /**
  * Maps value to valueAsDate
  *

package/dist/components/calcite-date-picker-month/customElement.js

@@ -338,7 +338,7 @@ class DatePickerMonth extends LitElement {
     return html`<div class=${safeClassMap({
       [CSS.calendar]: true,
       [CSS.calendarStart]: !isEndCalendar
-    })}><calcite-date-picker-month-header .activeDate=${isEndCalendar ? nextMonth(this.activeDate) : this.activeDate} data-test-calendar=${isEndCalendar ? "end" : "start"} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${isEndCalendar ? "end" : this.range && this.calendars === 2 ? "start" : null} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(weekDays, days, isEndCalendar)}</div>`;
+    })}><calcite-date-picker-month-header .activeDate=${isEndCalendar ? nextMonth(this.activeDate) : this.activeDate} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${isEndCalendar ? "end" : this.range && this.calendars === 2 ? "start" : null} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(weekDays, days, isEndCalendar)}</div>`;
   }
   renderMonthCalendar(weekDays, days, isEndCalendar = false) {
     const endCalendarStartIndex = 50;

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

@@ -10,7 +10,7 @@ import { c as connectForm, i as internalHiddenInputInputEvent, d as disconnectFo
 import { u as updateHostInteraction, I as InteractiveContainer } from "../../chunks/interactive.js";
 import { n as numberKeys } from "../../chunks/key.js";
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from "../../chunks/label.js";
-import { i as isValidNumber, B as BigDecimal, n as numberStringFormatter, p as parseNumberString, s as sanitizeNumberString, c as addLocalizedTrailingDecimalZeros } from "../../chunks/locale.js";
+import { i as isValidNumber, B as BigDecimal, n as numberStringFormatter, p as parseNumberString, s as sanitizeNumberString, b as addLocalizedTrailingDecimalZeros } from "../../chunks/locale.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { I as InternalLabel } from "../../chunks/InternalLabel.js";
 import { V as Validation } from "../../chunks/Validation.js";

package/dist/components/calcite-input-date-picker/customElement.js

@@ -10,9 +10,9 @@ import { u as updateHostInteraction, I as InteractiveContainer } from "../../chu
 import { n as numberKeys } from "../../chunks/key.js";
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from "../../chunks/label.js";
 import { g as getIconScale } from "../../chunks/component.js";
-import { n as numberStringFormatter, a as getSupportedNumberingSystem, d as getDateFormatSupportedLocale, b as getSupportedLocale } from "../../chunks/locale.js";
+import { a as getSupportedNumberingSystem, c as getDateFormatSupportedLocale, n as numberStringFormatter } from "../../chunks/locale.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
-import { g as getValueAsDateRange, a as getLocaleData } from "../../chunks/utils3.js";
+import { g as getValueAsDateRange, a as applyLocaleOverride, b as getLocaleData } from "../../chunks/utils3.js";
 import { g as guid } from "../../chunks/guid.js";
 import { I as InternalLabel } from "../../chunks/InternalLabel.js";
 import { V as Validation } from "../../chunks/Validation.js";
@@ -205,11 +205,6 @@ class InputDatePicker extends LitElement {
     connectLabel(this);
     connectForm(this);
     this.setFilteredPlacements();
-    numberStringFormatter.numberFormatOptions = {
-      numberingSystem: this.numberingSystem,
-      locale: this.messages._lang,
-      useGrouping: false
-    };
     connectFloatingUI(this);
   }
   async load() {
@@ -350,7 +345,7 @@ class InputDatePicker extends LitElement {
       // @see [Arabic numbering system support context](https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195) for more info.
       numberingSystem: getSupportedNumberingSystem(this.numberingSystem)
     };
-    this.dateTimeFormat = new Intl.DateTimeFormat(getDateFormatSupportedLocale(getSupportedLocale(this.messages._lang)), formattingOptions);
+    this.dateTimeFormat = new Intl.DateTimeFormat(getDateFormatSupportedLocale(applyLocaleOverride(this.messages._lang)), formattingOptions);
   }
   setReferenceEl() {
     const { focusedInput, layout, endWrapper, startWrapper } = this;
@@ -501,12 +496,13 @@ class InputDatePicker extends LitElement {
     if (isServer) {
       return;
     }
+    const locale = applyLocaleOverride(this.messages._lang);
     numberStringFormatter.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
-      locale: this.messages._lang,
+      locale,
       useGrouping: false
     };
-    this.localeData = await getLocaleData(this.messages._lang);
+    this.localeData = await getLocaleData(locale);
     this.localizeInputValues();
   }
   handleDateChange(event) {

package/dist/components/calcite-input-number/customElement.js

@@ -10,7 +10,7 @@ import { c as connectForm, i as internalHiddenInputInputEvent, d as disconnectFo
 import { u as updateHostInteraction, I as InteractiveContainer } from "../../chunks/interactive.js";
 import { n as numberKeys } from "../../chunks/key.js";
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from "../../chunks/label.js";
-import { i as isValidNumber, n as numberStringFormatter, B as BigDecimal, p as parseNumberString, s as sanitizeNumberString, c as addLocalizedTrailingDecimalZeros } from "../../chunks/locale.js";
+import { i as isValidNumber, n as numberStringFormatter, B as BigDecimal, p as parseNumberString, s as sanitizeNumberString, b as addLocalizedTrailingDecimalZeros } from "../../chunks/locale.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { I as InternalLabel } from "../../chunks/InternalLabel.js";
 import { V as Validation } from "../../chunks/Validation.js";

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

@@ -15,7 +15,7 @@ import { u as useT9n } from "../../chunks/useT9n.js";
 import { i as isValidNumber } from "../../chunks/locale.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useTime } from "../../chunks/useTime.js";
-const styles = css`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}: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:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var(--calcite-input-time-picker-icon-color, var(--calcite-color-text-3));align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.toggle-icon{align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-input-time-picker-icon-color-hover)}.meridiem--start{margin-inline-end:var(--calcite-spacing-xxs)}.meridiem--end{margin-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container{line-height:1rem}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container{line-height:1.5rem}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round) )}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-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}:host([hidden]){display:none}[hidden]{display:none}`;
+const styles = css`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}: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:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var(--calcite-input-time-picker-icon-color, var(--calcite-color-text-3));align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.toggle-icon{align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-input-time-picker-icon-color-hover)}.meridiem--start{margin-inline-end:var(--calcite-spacing-xxs)}.meridiem--end{margin-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container{line-height:1rem}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container{line-height:1.5rem}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round) )}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-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}:host([hidden]){display:none}[hidden]{display:none}`;
 const CSS = {
   clockIcon: "clock-icon",
   container: "container",

package/dist/components/calcite-input-time-zone/utils.d.ts

@@ -1,10 +1,10 @@
-import { SupportedLocale } from '../../utils/locale';
+import { Locale } from '../../utils/locale';
 import { InputTimeZone } from './customElement.js';
 import { OffsetStyle, TimeZone, TimeZoneItem, TimeZoneItemGroup, TimeZoneMode } from './interfaces';
 export declare function getUserTimeZoneOffset(): number;
 export declare function getUserTimeZoneName(): string;
 export declare function getNormalizer(mode: TimeZoneMode): Promise<(timeZone: TimeZone) => TimeZone>;
-export declare function createTimeZoneItems(locale: SupportedLocale, messages: InputTimeZone["messages"], mode: TimeZoneMode, referenceDate: Date, standardTime: OffsetStyle): Promise<TimeZoneItem[] | TimeZoneItemGroup[]>;
+export declare function createTimeZoneItems(locale: Locale, messages: InputTimeZone["messages"], mode: TimeZoneMode, referenceDate: Date, standardTime: OffsetStyle): Promise<TimeZoneItem[] | TimeZoneItemGroup[]>;
 export declare function getSelectedRegionTimeZoneLabel(city: string, country: string, messages: InputTimeZone["messages"]): string;
 export declare function getMessageOrKeyFallback(messages: InputTimeZone["messages"], key: string): string;
 /**

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

@@ -653,7 +653,7 @@ class List extends LitElement {
     return InteractiveContainer({ disabled: this.disabled, children: html`<div class=${safeClassMap({
       [CSS.container]: true,
       [CSS.containerHeight]: this.listItems.length < 1 && loading
-    })}>${this.dragEnabled ? html`<span aria-live=assertive class=${safeClassMap(CSS.assistiveText)}>${this.assistiveText}</span>` : null}${this.renderItemAriaLive()}${loading ? html`<calcite-scrim class=${safeClassMap(CSS.scrim)} .loading=${loading}></calcite-scrim>` : null}<div .ariaBusy=${loading} .ariaLabel=${label || ""} class=${safeClassMap(CSS.table)} @keydown=${this.handleListKeydown} role=treegrid>${filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? html`<div class=${safeClassMap(CSS.sticky)} role=rowgroup><div role=row><div role=columnheader><calcite-stack class=${safeClassMap(CSS.stack)}><slot name=${SLOTS.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${SLOTS$1.actionsStart}></slot><calcite-filter .ariaLabel=${filterPlaceholder} .disabled=${disabled} .filterProps=${effectiveFilterProps} .items=${dataForFilter} .label=${filterLabel} @calciteFilterChange=${this.handleFilterChange} .placeholder=${filterPlaceholder} .scale=${this.scale} .value=${filterText} ${ref(this.setFilterEl)}></calcite-filter><slot name=${SLOTS.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${SLOTS$1.actionsEnd}></slot></calcite-stack></div></div></div>` : null}<div class=${safeClassMap(CSS.tableContainer)} role=rowgroup><slot @slotchange=${this.handleDefaultSlotChange} ${ref(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite data-test-id=no-results-container .hidden=${!this.showNoResultsContainer}><slot name=${SLOTS.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>` });
+    })}>${this.dragEnabled ? html`<span aria-live=assertive class=${safeClassMap(CSS.assistiveText)}>${this.assistiveText}</span>` : null}${this.renderItemAriaLive()}${loading ? html`<calcite-scrim class=${safeClassMap(CSS.scrim)} .loading=${loading}></calcite-scrim>` : null}<div .ariaBusy=${loading} .ariaLabel=${label || ""} class=${safeClassMap(CSS.table)} @keydown=${this.handleListKeydown} role=treegrid>${filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? html`<div class=${safeClassMap(CSS.sticky)} role=rowgroup><div role=row><div role=columnheader><calcite-stack class=${safeClassMap(CSS.stack)}><slot name=${SLOTS.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${SLOTS$1.actionsStart}></slot><calcite-filter .ariaLabel=${filterPlaceholder} .disabled=${disabled} .filterProps=${effectiveFilterProps} .items=${dataForFilter} .label=${filterLabel} @calciteFilterChange=${this.handleFilterChange} .placeholder=${filterPlaceholder} .scale=${this.scale} .value=${filterText} ${ref(this.setFilterEl)}></calcite-filter><slot name=${SLOTS.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${SLOTS$1.actionsEnd}></slot></calcite-stack></div></div></div>` : null}<div class=${safeClassMap(CSS.tableContainer)} role=rowgroup><slot @slotchange=${this.handleDefaultSlotChange} ${ref(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${SLOTS.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>` });
   }
   renderItemAriaLive() {
     const { messages, filteredItems, parentListEl, messages: { _lang: effectiveLocale }, numberingSystem } = this;

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

@@ -4,7 +4,7 @@ import { css, html } from "lit";
 import { createRef, ref } from "lit-html/directives/ref.js";
 import { LitElement, safeClassMap, safeStyleMap } from "@arcgis/lumina";
 import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm } from "../../chunks/form.js";
-import { b as getSupportedLocale, n as numberStringFormatter } from "../../chunks/locale.js";
+import { n as numberStringFormatter } from "../../chunks/locale.js";
 import { j as intersects } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
@@ -121,7 +121,7 @@ class Meter extends LitElement {
   formatLabel(value, labelType) {
     if (labelType === "percent") {
       if (!this.percentFormatting) {
-        const locale = getSupportedLocale(this.messages._lang);
+        const locale = this.messages._lang;
         const formatter = new Intl.NumberFormat(locale, {
           useGrouping: this.groupSeparator,
           style: "percent"

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

@@ -1,7 +1,6 @@
 import { c as customElement } from "../../chunks/runtime.js";
-import { css, html } from "lit";
+import { html } from "lit";
 import { LitElement, createEvent } from "@arcgis/lumina";
-const styles = css`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{display:block}:host([hidden]){display:none}[hidden]{display:none}`;
 class OptionGroup extends LitElement {
   constructor() {
     super(...arguments);
@@ -11,9 +10,6 @@ class OptionGroup extends LitElement {
   static {
     this.properties = { disabled: [7, {}, { reflect: true, type: Boolean }], label: 1 };
   }
-  static {
-    this.styles = styles;
-  }
   willUpdate(changes) {
     if (changes.has("disabled") && (this.hasUpdated || this.disabled !== false) || changes.has("label")) {
       this.calciteInternalOptionGroupChange.emit();

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

@@ -1,6 +1,6 @@
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
-import { css, nothing, html } from "lit";
+import { css, html, nothing } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { n as numberStringFormatter } from "../../chunks/locale.js";
 import { c as createObserver } from "../../chunks/observers.js";
@@ -187,7 +187,7 @@ class Pagination extends LitElement {
     this.emitUpdate();
   }
   renderEllipsis(type) {
-    return keyed(type, html`<span class=${safeClassMap(CSS.ellipsis)} data-test-ellipsis=${type ?? nothing}>&hellip;</span>`);
+    return keyed(type, html`<span class=${safeClassMap(CSS.ellipsis)}>&hellip;</span>`);
   }
   renderItems() {
     const { totalItems, pageSize, startItem, maxItems, totalPages, lastStartItem, isXXSmall } = this;
@@ -256,7 +256,7 @@ class Pagination extends LitElement {
     return keyed("previous", html`<button .ariaLabel=${messages.previous} class=${safeClassMap({
       [CSS.chevron]: true,
       [CSS.disabled]: disabled
-    })} data-test-chevron=previous .disabled=${disabled} @click=${this.previousClicked}><calcite-icon flip-rtl .icon=${ICONS.previous} .scale=${getIconScale(this.scale)}></calcite-icon></button>`);
+    })} .disabled=${disabled} @click=${this.previousClicked}><calcite-icon flip-rtl .icon=${ICONS.previous} .scale=${getIconScale(this.scale)}></calcite-icon></button>`);
   }
   renderNextChevron() {
     const { totalItems, pageSize, startItem, messages } = this;
@@ -264,7 +264,7 @@ class Pagination extends LitElement {
     return keyed("next-button", html`<button .ariaLabel=${messages.next} class=${safeClassMap({
       [CSS.chevron]: true,
       [CSS.disabled]: disabled
-    })} data-test-chevron=next .disabled=${disabled} @click=${this.nextClicked}><calcite-icon flip-rtl .icon=${ICONS.next} .scale=${getIconScale(this.scale)}></calcite-icon></button>`);
+    })} .disabled=${disabled} @click=${this.nextClicked}><calcite-icon flip-rtl .icon=${ICONS.next} .scale=${getIconScale(this.scale)}></calcite-icon></button>`);
   }
   renderFirstChevron() {
     const { messages, startItem, isXXSmall } = this;

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

@@ -315,7 +315,7 @@ class TimePicker extends LitElement {
     })} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${handleFractionalSecondKeyDownEvent} role=spinbutton tabindex=0 ${ref(this.fractionalSecondRef)}>${localizedFractionalSecond || "".padStart(this.stepPrecision, "-")}</span><span .ariaLabel=${messages.fractionalSecondDown} class=${safeClassMap({
       [CSS.button]: true,
       [CSS.buttonFractionalSecondDown]: true
-    })} @click=${this.fractionalSecondDownClickHandler} role=button><calcite-icon .icon=${ICONS.chevronDown} .scale=${iconScale}></calcite-icon></span></div>` || ""}${showSecondSuffix && html`<span class=${safeClassMap({ [CSS.delimiter]: true, [CSS.secondSuffix]: true })}>${localizedSecondSuffix}</span>` || ""}${showMeridiem && html`<div class=${safeClassMap({
+    })} @click=${this.fractionalSecondDownClickHandler} role=button><calcite-icon .icon=${ICONS.chevronDown} .scale=${iconScale}></calcite-icon></span></div>` || ""}${showSecondSuffix && html`<span class=${safeClassMap({ [CSS.delimiter]: true, [CSS.secondSuffix]: true })}>${localizedSecondSuffix.trim()}</span>` || ""}${showMeridiem && html`<div class=${safeClassMap({
       [CSS.column]: true,
       [CSS.meridiemStart]: meridiemOrder === 0 || getElementDir(this.el) === "rtl"
     })} role=group><span .ariaLabel=${messages.meridiemUp} class=${safeClassMap({

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

@@ -240,7 +240,7 @@ class TreeItem extends LitElement {
     const chevron = this.hasChildren || this.selectionMode === "ancestors" ? html`<calcite-icon class=${safeClassMap({
       [CSS.chevron]: true,
       [CSS_UTILITY.rtl]: rtl
-    })} data-test-id=icon .icon=${this.hasChildren ? ICONS.chevronRight : ICONS.blank} @click=${this.iconClickHandler} .scale=${getIconScale(this.scale)}></calcite-icon>` : null;
+    })} .icon=${this.hasChildren ? ICONS.chevronRight : ICONS.blank} @click=${this.iconClickHandler} .scale=${getIconScale(this.scale)}></calcite-icon>` : null;
     const defaultSlotNode = keyed("default-slot", html`<slot></slot>`);
     const checkbox = this.selectionMode === "ancestors" ? html`<div class=${safeClassMap(CSS.checkboxContainer)}><calcite-icon class=${safeClassMap(CSS.checkbox)} .icon=${this.selected ? ICONS.checkSquareF : checkboxIsIndeterminate ? ICONS.minusSquareF : ICONS.square} .scale=${getIconScale(this.scale)}></calcite-icon></div>` : null;
     const selectedIcon = showBulletPoint ? ICONS.bulletPoint : showCheckmark ? ICONS.checkmark : showBlank ? ICONS.blank : null;
@@ -268,7 +268,7 @@ class TreeItem extends LitElement {
     })} data-selection-mode=${this.selectionMode ?? nothing}>${chevron}${itemIndicator}${checkbox ? checkbox : null}${this.iconStart ? iconStartEl : null}${checkbox ? html`<label class=${safeClassMap(CSS.checkboxLabel)}>${defaultSlotNode}</label>` : defaultSlotNode}</div><div class=${safeClassMap(CSS.actionsEnd)} .hidden=${!hasEndActions} ${ref(this.actionSlotWrapperRef)}>${slotNode}</div></div><div class=${safeClassMap({
       [CSS.childrenContainer]: true,
       [CSS_UTILITY.rtl]: rtl
-    })} data-test-id=calcite-tree-children @click=${this.childrenClickHandler} .role=${this.hasChildren ? "group" : void 0}><slot name=${SLOTS.children} @slotchange=${this.handleChildrenSlotChange}></slot></div></div>` });
+    })} @click=${this.childrenClickHandler} .role=${this.hasChildren ? "group" : void 0}><slot name=${SLOTS.children} @slotchange=${this.handleChildrenSlotChange}></slot></div></div>` });
   }
 }
 customElement("calcite-tree-item", TreeItem);