@esri/calcite-components 1.0.0-beta.83 → 1.0.0-beta.84

package/dist/cjs/locale-0becaa93.js

@@ -0,0 +1,262 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.84
+ */
+'use strict';
+
+const key = require('./key-0fe936c7.js');
+
+// regex for number sanitization
+const allLeadingZerosOptionallyNegative = /^([-0])0+(?=\d)/;
+const decimalOnlyAtEndOfString = /(?!^\.)\.$/;
+const allHyphensExceptTheStart = /(?!^-)-/g;
+const isNegativeDecimalOnlyZeros = /^-\b0\b\.?0*$/;
+// adopted from https://stackoverflow.com/a/66939244
+class BigDecimal {
+  constructor(input) {
+    if (input instanceof BigDecimal) {
+      return input;
+    }
+    const [integers, decimals] = String(input).split(".").concat("");
+    this.value =
+      BigInt(integers + decimals.padEnd(BigDecimal.DECIMALS, "0").slice(0, BigDecimal.DECIMALS)) +
+        BigInt(BigDecimal.ROUNDED && decimals[BigDecimal.DECIMALS] >= "5");
+    this.isNegative = input.charAt(0) === "-";
+  }
+  static _divRound(dividend, divisor) {
+    return BigDecimal.fromBigInt(dividend / divisor + (BigDecimal.ROUNDED ? ((dividend * BigInt(2)) / divisor) % BigInt(2) : BigInt(0)));
+  }
+  static fromBigInt(bigint) {
+    return Object.assign(Object.create(BigDecimal.prototype), { value: bigint });
+  }
+  toString() {
+    const s = this.value
+      .toString()
+      .replace(new RegExp("-", "g"), "")
+      .padStart(BigDecimal.DECIMALS + 1, "0");
+    const i = s.slice(0, -BigDecimal.DECIMALS);
+    const d = s.slice(-BigDecimal.DECIMALS).replace(/\.?0+$/, "");
+    const value = i.concat(d.length ? "." + d : "");
+    return (this.isNegative ? "-" : "").concat(value);
+  }
+  formatToParts(locale, numberingSystem) {
+    const formatter = createLocaleNumberFormatter(locale, numberingSystem);
+    const s = this.value
+      .toString()
+      .replace(new RegExp("-", "g"), "")
+      .padStart(BigDecimal.DECIMALS + 1, "0");
+    const i = s.slice(0, -BigDecimal.DECIMALS);
+    const d = s.slice(-BigDecimal.DECIMALS).replace(/\.?0+$/, "");
+    const parts = formatter.formatToParts(BigInt(i));
+    this.isNegative && parts.unshift({ type: "minusSign", value: getMinusSign(locale) });
+    if (d.length) {
+      parts.push({ type: "decimal", value: getDecimalSeparator(locale) });
+      d.split("").forEach((char) => parts.push({ type: "fraction", value: char }));
+    }
+    return parts;
+  }
+  add(num) {
+    return BigDecimal.fromBigInt(this.value + new BigDecimal(num).value);
+  }
+  subtract(num) {
+    return BigDecimal.fromBigInt(this.value - new BigDecimal(num).value);
+  }
+  multiply(num) {
+    return BigDecimal._divRound(this.value * new BigDecimal(num).value, BigDecimal.SHIFT);
+  }
+  divide(num) {
+    return BigDecimal._divRound(this.value * BigDecimal.SHIFT, new BigDecimal(num).value);
+  }
+}
+// Configuration: constants
+BigDecimal.DECIMALS = 100; // number of decimals on all instances
+BigDecimal.ROUNDED = true; // numbers are truncated (false) or rounded (true)
+BigDecimal.SHIFT = BigInt("1" + "0".repeat(BigDecimal.DECIMALS)); // derived constant
+function isValidNumber(numberString) {
+  return !(!numberString || isNaN(Number(numberString)));
+}
+function parseNumberString(numberString) {
+  if (!numberString || !stringContainsNumbers(numberString)) {
+    return "";
+  }
+  return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+    let containsDecimal = false;
+    const result = nonExpoNumString
+      .split("")
+      .filter((value, i) => {
+      if (value.match(/\./g) && !containsDecimal) {
+        containsDecimal = true;
+        return true;
+      }
+      if (value.match(/\-/g) && i === 0) {
+        return true;
+      }
+      return key.numberKeys.includes(value);
+    })
+      .reduce((string, part) => string + part);
+    return isValidNumber(result) ? new BigDecimal(result).toString() : "";
+  });
+}
+function sanitizeDecimalString(decimalString) {
+  return decimalString.replace(decimalOnlyAtEndOfString, "");
+}
+function sanitizeNegativeString(negativeString) {
+  return negativeString.replace(allHyphensExceptTheStart, "");
+}
+function sanitizeLeadingZeroString(zeroString) {
+  return zeroString.replace(allLeadingZerosOptionallyNegative, "$1");
+}
+function sanitizeNumberString(numberString) {
+  return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+    const sanitizedValue = sanitizeNegativeString(sanitizeDecimalString(sanitizeLeadingZeroString(nonExpoNumString)));
+    return isValidNumber(sanitizedValue)
+      ? isNegativeDecimalOnlyZeros.test(sanitizedValue)
+        ? sanitizedValue
+        : new BigDecimal(sanitizedValue).toString()
+      : nonExpoNumString;
+  });
+}
+function sanitizeExponentialNumberString(numberString, func) {
+  if (!numberString) {
+    return numberString;
+  }
+  const firstE = numberString.toLowerCase().indexOf("e") + 1;
+  return numberString
+    .replace(/[eE]*$/g, "")
+    .substring(0, firstE)
+    .concat(numberString.slice(firstE).replace(/[eE]/g, ""))
+    .split(/[eE]/)
+    .map((section, i) => (i === 1 ? func(section.replace(/\./g, "")) : func(section)))
+    .join("e")
+    .replace(/^e/, "1e");
+}
+function stringContainsNumbers(string) {
+  return key.numberKeys.some((number) => string.includes(number));
+}
+
+const locales = [
+  "ar",
+  "bg",
+  "bs",
+  "ca",
+  "cs",
+  "da",
+  "de",
+  "de-CH",
+  "el",
+  "en",
+  "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",
+  "nb",
+  "nl",
+  "pl",
+  "pt",
+  "pt-PT",
+  "ro",
+  "ru",
+  "sk",
+  "sl",
+  "sr",
+  "sv",
+  "th",
+  "tr",
+  "uk",
+  "vi",
+  "zh-CN",
+  "zh-HK",
+  "zh-TW"
+];
+const allDecimalsExceptLast = new RegExp(`[.](?=.*[.])`, "g");
+const everythingExceptNumbersDecimalsAndMinusSigns = new RegExp("[^0-9-.]", "g");
+const defaultGroupSeparator = new RegExp(",", "g");
+const browserNumberingSystem = new Intl.NumberFormat().resolvedOptions().numberingSystem;
+const defaultNumberingSystem = browserNumberingSystem === "arab" ? "latn" : browserNumberingSystem;
+function createLocaleNumberFormatter(locale, numberingSystem = defaultNumberingSystem) {
+  return new Intl.NumberFormat(locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 20,
+    numberingSystem
+  });
+}
+function delocalizeNumberString(numberString, locale) {
+  return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+    const delocalizedNumberString = nonExpoNumString
+      .replace(getMinusSign(locale), "-")
+      .replace(getGroupSeparator(locale), "")
+      .replace(getDecimalSeparator(locale), ".")
+      .replace(allDecimalsExceptLast, "")
+      .replace(everythingExceptNumbersDecimalsAndMinusSigns, "");
+    return isValidNumber(delocalizedNumberString) ? delocalizedNumberString : nonExpoNumString;
+  });
+}
+function getGroupSeparator(locale) {
+  const formatter = createLocaleNumberFormatter(locale);
+  const parts = formatter.formatToParts(1234567);
+  const value = parts.find((part) => part.type === "group").value;
+  // change whitespace group characters that don't render correctly
+  return value.trim().length === 0 ? " " : value;
+}
+function getDecimalSeparator(locale) {
+  const formatter = createLocaleNumberFormatter(locale);
+  const parts = formatter.formatToParts(1.1);
+  return parts.find((part) => part.type === "decimal").value;
+}
+function getMinusSign(locale) {
+  const formatter = createLocaleNumberFormatter(locale);
+  const parts = formatter.formatToParts(-9);
+  return parts.find((part) => part.type === "minusSign").value;
+}
+function localizeNumberString(numberString, locale, displayGroupSeparator = false, numberingSystem) {
+  return sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {
+    if (nonExpoNumString) {
+      const sanitizedNumberString = sanitizeDecimalString(nonExpoNumString.replace(defaultGroupSeparator, ""));
+      if (isValidNumber(sanitizedNumberString)) {
+        const parts = new BigDecimal(sanitizedNumberString).formatToParts(locale, numberingSystem);
+        const localizedNumberString = parts
+          .map(({ type, value }) => {
+          switch (type) {
+            case "group":
+              return displayGroupSeparator ? getGroupSeparator(locale) : "";
+            case "decimal":
+              return getDecimalSeparator(locale);
+            case "minusSign":
+              return getMinusSign(locale);
+            default:
+              return value;
+          }
+        })
+          .reduce((string, part) => string + part);
+        return localizedNumberString;
+      }
+    }
+    return nonExpoNumString;
+  });
+}
+
+exports.delocalizeNumberString = delocalizeNumberString;
+exports.getDecimalSeparator = getDecimalSeparator;
+exports.isValidNumber = isValidNumber;
+exports.locales = locales;
+exports.localizeNumberString = localizeNumberString;
+exports.parseNumberString = parseNumberString;
+exports.sanitizeNumberString = sanitizeNumberString;

package/dist/cjs/{math-2f83830f.js → math-0877dd01.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 

package/dist/cjs/{observers-f672f664.js → observers-8169781c.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 

package/dist/cjs/{popper-5ca144d4.js → popper-46476990.js}

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 
-const dom = require('./dom-b0904219.js');
+const dom = require('./dom-69c7e941.js');
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/cjs/{resources-0de59f13.js → resources-192c00c3.js}

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 
-const dom = require('./dom-b0904219.js');
-const array = require('./array-d5bca414.js');
-const debounce = require('./debounce-5127bc67.js');
-const index = require('./index-82ee13f7.js');
+const dom = require('./dom-69c7e941.js');
+const array = require('./array-1c85be7d.js');
+const debounce = require('./debounce-a74a2080.js');
+const index = require('./index-8fbe74dd.js');
 
 const CSS$2 = {
   heading: "heading",
@@ -320,21 +320,9 @@ const SLOTS$1 = {
   menuActions: "menu-actions"
 };
 
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
-const List = (_a) => {
-  var { props: { disabled, loading, filterEnabled, dataForFilter, handleFilter, filterPlaceholder, setFilterEl } } = _a, rest = __rest(_a, ["props"]);
+const List = ({ props: { disabled, loading, filterEnabled, dataForFilter, handleFilter, filterPlaceholder, setFilterEl }, ...rest }) => {
   const defaultSlot = index.h("slot", null);
-  return (index.h(index.Host, Object.assign({ "aria-busy": dom.toAriaBoolean(loading), role: "menu" }, rest),
+  return (index.h(index.Host, { "aria-busy": dom.toAriaBoolean(loading), role: "menu", ...rest },
     index.h("section", null,
       index.h("header", { class: { [CSS$1.sticky]: true } },
         filterEnabled ? (index.h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: handleFilter, placeholder: filterPlaceholder, ref: setFilterEl })) : null,

package/dist/cjs/{resources-24a7ca1a.js → resources-6ac223e5.js}

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 
-const index = require('./index-82ee13f7.js');
-const locale = require('./locale-6c28abd8.js');
+const index = require('./index-8fbe74dd.js');
+const locale = require('./locale-0becaa93.js');
 
 /**
  * Get supported locale code from raw user input

package/dist/cjs/{resources-06f33bd4.js → resources-80d6cd05.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 

package/dist/cjs/{resources-08dc0a5e.js → resources-93a62cd3.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 

package/dist/cjs/{sortable.esm-8e944897.js → sortable.esm-b7091c1d.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 

package/dist/cjs/{utils-f3a37c0a.js → utils-b1d11545.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 'use strict';
 

package/dist/collection/collection-manifest.json

@@ -93,7 +93,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.16.0",
+    "version": "2.17.0",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],

package/dist/collection/components/accordion/accordion.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Event, h, Listen, Prop } from "@stencil/core";
 /**
- * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however calcite-accordion-item`s can.
+ * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.
  */
 export class Accordion {
   constructor() {
@@ -14,17 +14,17 @@ export class Accordion {
     //  Public Properties
     //
     //--------------------------------------------------------------------------
-    /** specify the appearance - default (containing border), or minimal (no containing border), defaults to default */
+    /** Specifies the appearance of the component. */
     this.appearance = "default";
-    /** specify the placement of the icon in the header, defaults to end */
+    /** Specifies the placement of the icon in the header. */
     this.iconPosition = "end";
-    /** specify the type of the icon in the header, defaults to chevron */
+    /** Specifies the type of the icon in the header. */
     this.iconType = "chevron";
-    /** specify the scale of accordion, defaults to m */
+    /** Specifies the size of the component. */
     this.scale = "m";
     /**
-     * specify the selection mode - multi (allow any number of open items), single (allow one open item),
-     * or single-persist (allow and require one open item), defaults to multi
+     * Specifies the selection mode - "multi" (allow any number of open items), "single" (allow one open item),
+     * or "single-persist" (allow and require one open item).
      */
     this.selectionMode = "multi";
     //--------------------------------------------------------------------------
@@ -143,7 +143,7 @@ export class Accordion {
   }
   focusElement(item) {
     const target = item;
-    target.focus();
+    target === null || target === void 0 ? void 0 : target.focus();
   }
   static get is() { return "calcite-accordion"; }
   static get encapsulation() { return "shadow"; }
@@ -171,7 +171,7 @@ export class Accordion {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the appearance - default (containing border), or minimal (no containing border), defaults to default"
+        "text": "Specifies the appearance of the component."
       },
       "attribute": "appearance",
       "reflect": true,
@@ -194,7 +194,7 @@ export class Accordion {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the placement of the icon in the header, defaults to end"
+        "text": "Specifies the placement of the icon in the header."
       },
       "attribute": "icon-position",
       "reflect": true,
@@ -212,7 +212,7 @@ export class Accordion {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the type of the icon in the header, defaults to chevron"
+        "text": "Specifies the type of the icon in the header."
       },
       "attribute": "icon-type",
       "reflect": true,
@@ -235,7 +235,7 @@ export class Accordion {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the scale of accordion, defaults to m"
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -253,7 +253,7 @@ export class Accordion {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the selection mode - multi (allow any number of open items), single (allow one open item),\nor single-persist (allow and require one open item), defaults to multi"
+        "text": "Specifies the selection mode - \"multi\" (allow any number of open items), \"single\" (allow one open item),\nor \"single-persist\" (allow and require one open item)."
       },
       "attribute": "selection-mode",
       "reflect": true,

package/dist/collection/components/accordion/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.83
+ * v1.0.0-beta.84
  */
 export {};

package/dist/collection/components/accordion-item/accordion-item.css

@@ -126,14 +126,17 @@
   outline-offset: -2px;
 }
 
-:host([active]) {
+:host([active]), 
+:host([expanded]) {
   color: var(--calcite-ui-text-1);
 }
-:host([active]) .accordion-item-content {
+:host([active]) .accordion-item-content, 
+:host([expanded]) .accordion-item-content {
   display: block;
   color: var(--calcite-ui-text-1);
 }
-:host([active]) .accordion-item-header {
+:host([active]) .accordion-item-header,
+:host([expanded]) .accordion-item-header {
   border-bottom-color: transparent;
 }
 
@@ -186,12 +189,14 @@
   transform: rotate(var(--calcite-accordion-item-icon-rotation-rtl));
 }
 
-:host([active]) .accordion-item-expand-icon {
+:host([active]) .accordion-item-expand-icon, 
+:host([expanded]) .accordion-item-expand-icon {
   color: var(--calcite-ui-text-1);
   transform: rotate(var(--calcite-accordion-item-active-icon-rotation));
 }
 
-:host([active]) .calcite--rtl .accordion-item-expand-icon {
+:host([active]) .calcite--rtl .accordion-item-expand-icon,
+:host([expanded]) .calcite--rtl .accordion-item-expand-icon {
   transform: rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));
 }
 
@@ -206,43 +211,60 @@
   margin-inline-end: auto;
 }
 
-:host .accordion-item-title, :host .accordion-item-subtitle {
+:host .accordion-item-heading, 
+:host .accordion-item-description {
   display: flex;
   width: 100%;
 }
 
-:host .accordion-item-title {
+:host .accordion-item-heading {
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-2);
 }
 
-:host .accordion-item-subtitle {
+:host .accordion-item-description {
   margin-top: 0.25rem;
   color: var(--calcite-ui-text-3);
 }
 
-:host(:focus) .accordion-item-title, :host(:hover) .accordion-item-title {
+:host(:focus) .accordion-item-heading, 
+:host(:hover) .accordion-item-heading {
   color: var(--calcite-ui-text-1);
 }
-:host(:focus) .accordion-item-icon, :host(:hover) .accordion-item-icon {
+:host(:focus) .accordion-item-icon, 
+:host(:hover) .accordion-item-icon {
   color: var(--calcite-ui-text-1);
 }
-:host(:focus) .accordion-item-expand-icon, :host(:hover) .accordion-item-expand-icon {
+:host(:focus) .accordion-item-expand-icon, 
+:host(:hover) .accordion-item-expand-icon {
   color: var(--calcite-ui-text-1);
 }
-:host(:focus) .accordion-item-subtitle, :host(:hover) .accordion-item-subtitle {
+:host(:focus) .accordion-item-description, 
+:host(:hover) .accordion-item-description {
   color: var(--calcite-ui-text-2);
 }
 
-:host(:focus) .accordion-item-title, :host(:active) .accordion-item-title, :host([active]) .accordion-item-title {
+:host(:focus) .accordion-item-heading, 
+:host(:active) .accordion-item-heading, 
+:host([active]) .accordion-item-heading, 
+:host([expanded]) .accordion-item-heading {
   color: var(--calcite-ui-text-1);
 }
-:host(:focus) .accordion-item-icon, :host(:active) .accordion-item-icon, :host([active]) .accordion-item-icon {
+:host(:focus) .accordion-item-icon, 
+:host(:active) .accordion-item-icon, 
+:host([active]) .accordion-item-icon, 
+:host([expanded]) .accordion-item-icon {
   color: var(--calcite-ui-text-1);
 }
-:host(:focus) .accordion-item-expand-icon, :host(:active) .accordion-item-expand-icon, :host([active]) .accordion-item-expand-icon {
+:host(:focus) .accordion-item-expand-icon, 
+:host(:active) .accordion-item-expand-icon, 
+:host([active]) .accordion-item-expand-icon, 
+:host([expanded]) .accordion-item-expand-icon {
   color: var(--calcite-ui-text-1);
 }
-:host(:focus) .accordion-item-subtitle, :host(:active) .accordion-item-subtitle, :host([active]) .accordion-item-subtitle {
+:host(:focus) .accordion-item-description, 
+:host(:active) .accordion-item-description, 
+:host([active]) .accordion-item-description, 
+:host([expanded]) .accordion-item-description {
   color: var(--calcite-ui-text-2);
 }