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

package/dist/collection/components/tip-manager/resources.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
  */
 export const CSS = {
   header: "header",

package/dist/collection/components/tip-manager/tip-manager.css

@@ -139,7 +139,8 @@ h3.heading {
   line-height: 1.25rem;
 }
 
-h4.heading, h5.heading {
+h4.heading, 
+h5.heading {
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
 }

package/dist/collection/components/tip-manager/tip-manager.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
  */
 import { Component, Element, Event, Method, Prop, State, Watch, h } from "@stencil/core";
 import { CSS, ICONS, TEXT, HEADING_LEVEL } from "./resources";

package/dist/collection/components/tooltip/TooltipManager.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
  */
 import { TOOLTIP_DELAY_MS } from "./resources";
 export default class TooltipManager {
@@ -86,7 +86,7 @@ export default class TooltipManager {
     document.addEventListener("mouseover", this.mouseEnterShow, { capture: true });
     document.addEventListener("mouseout", this.mouseLeaveHide, { capture: true });
     document.addEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.addEventListener("focusin", this.focusShow), { capture: true };
+    document.addEventListener("focusin", this.focusShow, { capture: true });
     document.addEventListener("focusout", this.blurHide, { capture: true });
   }
   removeListeners() {

package/dist/collection/components/tooltip/resources.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
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/tooltip/tooltip.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
  */
 import { Component, Element, Host, Method, Prop, State, Watch, h } from "@stencil/core";
 import { CSS, ARIA_DESCRIBED_BY } from "./resources";
@@ -20,20 +20,20 @@ export class Tooltip {
     //  Properties
     //
     // --------------------------------------------------------------------------
-    /** Closes the `calcite-tooltip` when the `referenceElement` is clicked. */
+    /** Closes the component when the `referenceElement` is clicked. */
     this.closeOnClick = false;
     /**
-     * Offset the position of the `calcite-tooltip` away from the `referenceElement`.
+     * Offset the position of the component away from the `referenceElement`.
      *
      * @default 6
      */
     this.offsetDistance = defaultOffsetDistance;
     /**
-     * Offset the position of the `calcite-tooltip` along the `referenceElement`.
+     * Offset the position of the component along the `referenceElement`.
      */
     this.offsetSkidding = 0;
     /**
-     * When true, the `calcite-tooltip` is open.
+     * When true, the component is open.
      */
     this.open = false;
     /** Describes the positioning type to use for the overlaid content. If the `referenceElement` is in a fixed container, use the "fixed" value. */
@@ -191,7 +191,7 @@ export class Tooltip {
     const { effectiveReferenceElement, label, open } = this;
     const displayed = effectiveReferenceElement && open;
     const hidden = !displayed;
-    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" },
+    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" },
       h("div", { class: {
           [PopperCSS.animation]: true,
           [PopperCSS.animationActive]: displayed
@@ -221,7 +221,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Closes the `calcite-tooltip` when the `referenceElement` is clicked."
+        "text": "Closes the component when the `referenceElement` is clicked."
       },
       "attribute": "close-on-click",
       "reflect": false,
@@ -239,7 +239,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Accessible name for the `calcite-tooltip`."
+        "text": "Accessible name for the component."
       },
       "attribute": "label",
       "reflect": false
@@ -259,7 +259,7 @@ export class Tooltip {
             "name": "default",
             "text": "6"
           }],
-        "text": "Offset the position of the `calcite-tooltip` away from the `referenceElement`."
+        "text": "Offset the position of the component away from the `referenceElement`."
       },
       "attribute": "offset-distance",
       "reflect": true,
@@ -277,7 +277,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Offset the position of the `calcite-tooltip` along the `referenceElement`."
+        "text": "Offset the position of the component along the `referenceElement`."
       },
       "attribute": "offset-skidding",
       "reflect": true,
@@ -295,7 +295,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, the `calcite-tooltip` is open."
+        "text": "When true, the component is open."
       },
       "attribute": "open",
       "reflect": true,
@@ -367,7 +367,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The `referenceElement` to position `calcite-tooltip` according to its \"placement\" value. Setting to the `HTMLElement` is preferred so `calcite-tooltip` does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used."
+        "text": "The `referenceElement` to position the component according to its \"placement\" value. Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used."
       },
       "attribute": "reference-element",
       "reflect": false

package/dist/collection/components/tooltip-manager/tooltip-manager.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
  */
 import { Component, h, Prop } from "@stencil/core";
 /**

package/dist/collection/components/tree/interfaces.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
  */
 export var TreeSelectionMode;
 (function (TreeSelectionMode) {

package/dist/collection/components/tree/tree.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
  */
 import { Component, Element, Prop, Host, Event, Listen, h } from "@stencil/core";
 import { focusElement, nodeListToArray } from "../../utils/dom";
@@ -16,7 +16,7 @@ export class Tree {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Display indentation guide lines. */
+    /** Displays indentation guide lines. */
     this.lines = false;
     /**
      * Display input
@@ -24,10 +24,10 @@ export class Tree {
      * @deprecated Use "ancestors" selection-mode for checkbox input.
      */
     this.inputEnabled = false;
-    /** Specify the scale of the tree. */
+    /** Specifies the size of the component. */
     this.scale = "m";
     /**
-     * Customize how tree selection works.
+     * Customize how the component's selection works.
      *
      * @default "single"
      * @see [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)
@@ -270,7 +270,7 @@ export class Tree {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Display indentation guide lines."
+        "text": "Displays indentation guide lines."
       },
       "attribute": "lines",
       "reflect": true,
@@ -334,7 +334,7 @@ export class Tree {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Specify the scale of the tree."
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -363,7 +363,7 @@ export class Tree {
             "name": "see",
             "text": "[TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)"
           }],
-        "text": "Customize how tree selection works."
+        "text": "Customize how the component's selection works."
       },
       "attribute": "selection-mode",
       "reflect": true,
@@ -381,7 +381,7 @@ export class Tree {
             "name": "see",
             "text": "[TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L1)"
           }],
-        "text": "Emits when the user selects/deselects tree items. An object including an array of selected items will be passed in the event's \"detail\" property."
+        "text": "Fires when the user selects/deselects `calcite-tree-items`. An object including an array of selected items will be passed in the event's \"detail\" property."
       },
       "complexType": {
         "original": "TreeSelectDetail",

package/dist/collection/components/tree-item/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/tree-item/resources.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
  */
 export const CSS = {
   checkboxLabel: "checkbox-label",

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

@@ -214,21 +214,31 @@
   align-items: center;
   padding: var(--calcite-tree-padding-y) 0;
 }
-.node-container .checkmark, .node-container .bullet-point {
+.node-container .checkmark, 
+.node-container .bullet-point {
   opacity: 0;
   transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   color: var(--calcite-ui-border-1);
 }
 
-.node-container:hover .checkmark, .node-container:hover .bullet-point, :host([selected]) .node-container:hover .checkmark, :host([selected]) .node-container:hover .bullet-point, :host(:focus) .node-container .checkmark, :host(:focus) .node-container .bullet-point {
+.node-container:hover .checkmark, 
+.node-container:hover .bullet-point, 
+:host([selected]) .node-container:hover .checkmark, 
+:host([selected]) .node-container:hover .bullet-point, 
+:host(:focus) .node-container .checkmark, 
+:host(:focus) .node-container .bullet-point {
   opacity: 1;
 }
 
-:host([selected]) > .node-container, :host([selected]) > .node-container:hover {
+:host([selected]) > .node-container, 
+:host([selected]) > .node-container:hover {
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-1);
 }
-:host([selected]) > .node-container .bullet-point, :host([selected]) > .node-container .checkmark, :host([selected]) > .node-container:hover .bullet-point, :host([selected]) > .node-container:hover .checkmark {
+:host([selected]) > .node-container .bullet-point, 
+:host([selected]) > .node-container .checkmark, 
+:host([selected]) > .node-container:hover .bullet-point, 
+:host([selected]) > .node-container:hover .checkmark {
   opacity: 1;
   color: var(--calcite-ui-brand);
 }
@@ -247,7 +257,8 @@
   margin-inline-start: 0;
 }
 
-:host([has-children]) > .node-container .bullet-point, :host([has-children]) > .node-container .checkmark {
+:host([has-children]) > .node-container .bullet-point, 
+:host([has-children]) > .node-container .checkmark {
   display: none;
 }
 

package/dist/collection/components/tree-item/tree-item.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
  */
 import { Component, Element, Prop, Host, Event, Listen, Watch, h } from "@stencil/core";
 import { TreeSelectionMode } from "../tree/interfaces";
@@ -10,7 +10,7 @@ import { CSS, SLOTS, ICONS } from "./resources";
 import { CSS_UTILITY } from "../../utils/resources";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
- * @slot - A slot for adding content to the item.
+ * @slot - A slot for adding the component's content.
  * @slot children - A slot for adding nested `calcite-tree` elements.
  */
 export class TreeItem {
@@ -20,9 +20,9 @@ export class TreeItem {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Selected state of the item. */
+    /** When true, the component is selected. */
     this.selected = false;
-    /** Expanded state of the item. */
+    /** When true, the component is expanded. */
     this.expanded = false;
     /**
      * @internal
@@ -200,7 +200,7 @@ export class TreeItem {
       case "Home":
         root = this.el.closest("calcite-tree:not([child])");
         const firstNode = root.querySelector("calcite-tree-item");
-        firstNode.focus();
+        firstNode === null || firstNode === void 0 ? void 0 : firstNode.focus();
         break;
       case "End":
         root = this.el.closest("calcite-tree:not([child])");
@@ -210,7 +210,7 @@ export class TreeItem {
           currentNode = currentTree.children[root.children.length - 1];
           currentTree = nodeListToArray(currentNode.children).find((e) => e.matches("calcite-tree"));
         }
-        currentNode.focus();
+        currentNode === null || currentNode === void 0 ? void 0 : currentNode.focus();
         break;
     }
   }
@@ -235,7 +235,7 @@ export class TreeItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Selected state of the item."
+        "text": "When true, the component is selected."
       },
       "attribute": "selected",
       "reflect": true,
@@ -253,7 +253,7 @@ export class TreeItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Expanded state of the item."
+        "text": "When true, the component is expanded."
       },
       "attribute": "expanded",
       "reflect": true,

package/dist/collection/components/value-list/resources.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
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/value-list/value-list.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
  */
 import Sortable from "sortablejs";
 import { Component, Element, Event, h, Listen, Method, Prop, State } from "@stencil/core";
@@ -22,30 +22,30 @@ export class ValueList {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, prevents user interaction. This state shows list items grayed out and with lower opacity.
+     * When true, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
-     * When true, list items are sortable via a draggable button.
+     * When true, `calcite-value-list-item`s are sortable via a draggable button.
      */
     this.dragEnabled = false;
     /**
-     * When true, an input appears at the top of the list that can be used by end users to filter list items.
+     * When true, an input appears at the top of the component that can be used by end users to filter list items.
      */
     this.filterEnabled = false;
     /**
-     * When true, content is waiting to be loaded. This state shows a busy indicator.
+     * When true, a busy indicator is displayed.
      */
     this.loading = false;
     /**
      * Similar to standard radio buttons and checkboxes.
-     * When true, a user can select multiple list items at a time.
-     * When false, only a single list item can be selected at a time,
-     * and selecting a new list item will deselect any other selected list items.
+     * When true, a user can select multiple `calcite-value-list-item`s at a time.
+     * When false, only a single `calcite-value-list-item` can be selected at a time,
+     * and a new selection will deselect previous selections.
      */
     this.multiple = false;
     /**
-     * When true and single-selection is enabled, the selection changes when navigating list items via the keyboard.
+     * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
      */
     this.selectionFollowsFocus = false;
     // --------------------------------------------------------------------------
@@ -96,7 +96,7 @@ export class ValueList {
       }
       this.items = this.getItems();
       this.calciteListOrderChange.emit(this.items.map(({ value }) => value));
-      requestAnimationFrame(() => handleElement.focus());
+      requestAnimationFrame(() => handleElement === null || handleElement === void 0 ? void 0 : handleElement.focus());
       item.handleActivated = true;
     };
   }
@@ -227,7 +227,7 @@ export class ValueList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, prevents user interaction. This state shows list items grayed out and with lower opacity."
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -245,7 +245,7 @@ export class ValueList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, list items are sortable via a draggable button."
+        "text": "When true, `calcite-value-list-item`s are sortable via a draggable button."
       },
       "attribute": "drag-enabled",
       "reflect": true,
@@ -263,7 +263,7 @@ export class ValueList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, an input appears at the top of the list that can be used by end users to filter list items."
+        "text": "When true, an input appears at the top of the component that can be used by end users to filter list items."
       },
       "attribute": "filter-enabled",
       "reflect": true,
@@ -298,7 +298,7 @@ export class ValueList {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "The list's group identifier.\n\nTo drag elements from one list into another, both lists must have the same group value."
+        "text": "The component's group identifier.\n\nTo drag elements from one list into another, both lists must have the same group value."
       },
       "attribute": "group",
       "reflect": false
@@ -315,7 +315,7 @@ export class ValueList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, content is waiting to be loaded. This state shows a busy indicator."
+        "text": "When true, a busy indicator is displayed."
       },
       "attribute": "loading",
       "reflect": true,
@@ -333,7 +333,7 @@ export class ValueList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Similar to standard radio buttons and checkboxes.\nWhen true, a user can select multiple list items at a time.\nWhen false, only a single list item can be selected at a time,\nand selecting a new list item will deselect any other selected list items."
+        "text": "Similar to standard radio buttons and checkboxes.\nWhen true, a user can select multiple `calcite-value-list-item`s at a time.\nWhen false, only a single `calcite-value-list-item` can be selected at a time,\nand a new selection will deselect previous selections."
       },
       "attribute": "multiple",
       "reflect": true,
@@ -351,7 +351,7 @@ export class ValueList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true and single-selection is enabled, the selection changes when navigating list items via the keyboard."
+        "text": "When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard."
       },
       "attribute": "selection-follows-focus",
       "reflect": false,

package/dist/collection/components/value-list-item/resources.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
  */
 export const ICONS = {
   drag: "drag"

package/dist/collection/components/value-list-item/value-list-item.css

@@ -103,7 +103,8 @@ calcite-pick-list-item {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-:host([active]), :host([selected]) {
+:host([active]), 
+:host([selected]) {
   --tw-shadow: 0 0 0 1px var(--calcite-ui-brand);
   --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

package/dist/collection/components/value-list-item/value-list-item.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
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop } from "@stencil/core";
 import { ICON_TYPES } from "../pick-list/resources";
@@ -13,13 +13,13 @@ import { getSlotted, toAriaBoolean } from "../../utils/dom";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { updateHostInteraction } from "../../utils/interactive";
 /**
- * @slot actions-end - A slot for adding actions or content to the end side of the item.
- * @slot actions-start - A slot for adding actions or content to the start side of the item.
+ * @slot actions-end - A slot for adding actions or content to the end side of the component.
+ * @slot actions-start - A slot for adding actions or content to the start side of the component.
  */
 export class ValueListItem {
   constructor() {
     /**
-     * When true, the list item cannot be clicked and is visually muted.
+     * When true, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
@@ -27,7 +27,7 @@ export class ValueListItem {
      */
     this.disableDeselect = false;
     /**
-     * When true, prevents the content of the list item from user interaction.
+     * When true, prevents the content of the component from user interaction.
      */
     this.nonInteractive = false;
     /**
@@ -41,11 +41,11 @@ export class ValueListItem {
      */
     this.icon = null;
     /**
-     * When true, adds an action to remove the list item.
+     * When true, adds an action to remove the component.
      */
     this.removable = false;
     /**
-     * When true, preselects the list item. Toggles when an item is checked/unchecked.
+     * When true, the component is selected.
      */
     this.selected = false;
     this.pickListItem = null;
@@ -158,7 +158,7 @@ export class ValueListItem {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "An optional description for the list item that displays below the label text."
+        "text": "A description for the component that displays below the label text."
       },
       "attribute": "description",
       "reflect": true
@@ -175,7 +175,7 @@ export class ValueListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, the list item cannot be clicked and is visually muted."
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -214,7 +214,7 @@ export class ValueListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, prevents the content of the list item from user interaction."
+        "text": "When true, prevents the content of the component from user interaction."
       },
       "attribute": "non-interactive",
       "reflect": true,
@@ -279,7 +279,7 @@ export class ValueListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The main label for the list item. Appears next to the icon."
+        "text": "Label and accessible name for the component. Appears next to the icon."
       },
       "attribute": "label",
       "reflect": true
@@ -300,7 +300,7 @@ export class ValueListItem {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "Provides additional metadata to a list item. Primary use is for a filter on the parent list."
+        "text": "Provides additional metadata to the component. Primary use is for a filter on the parent list."
       }
     },
     "removable": {
@@ -315,7 +315,7 @@ export class ValueListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, adds an action to remove the list item."
+        "text": "When true, adds an action to remove the component."
       },
       "attribute": "removable",
       "reflect": true,
@@ -333,7 +333,7 @@ export class ValueListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, preselects the list item. Toggles when an item is checked/unchecked."
+        "text": "When true, the component is selected."
       },
       "attribute": "selected",
       "reflect": true,
@@ -351,7 +351,7 @@ export class ValueListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The list item's associated value."
+        "text": "The component's value."
       },
       "attribute": "value",
       "reflect": false
@@ -365,7 +365,7 @@ export class ValueListItem {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emits when the remove button is pressed."
+        "text": "Fires when the remove button is pressed."
       },
       "complexType": {
         "original": "void",