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

package/dist/collection/components/panel/panel.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.86
  */
 import { Component, Element, Event, Method, Prop, Watch, h, Fragment } from "@stencil/core";
 import { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from "./resources";
@@ -13,10 +13,10 @@ import { updateHostInteraction } from "../../utils/interactive";
 import { createObserver } from "../../utils/observers";
 /**
  * @slot - A slot for adding custom content.
- * @slot header-actions-start - A slot for adding actions or content to the start side of the panel header.
- * @slot header-actions-end - A slot for adding actions or content to the end side of the panel header.
+ * @slot header-actions-start - A slot for adding actions or content to the start side of the header.
+ * @slot header-actions-end - A slot for adding actions or content to the end side of the header.
  * @slot header-content - A slot for adding custom content to the header.
- * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a dropdown.
+ * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.
  * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
  * @slot footer-actions - A slot for adding buttons to the footer.
  * @slot footer - A slot for adding custom content to the footer.
@@ -29,27 +29,35 @@ export class Panel {
     //
     // --------------------------------------------------------------------------
     /**
-     * Hides the panel.
+     * When true, hides the component.
+     *
+     * @deprecated use closed instead
      */
     this.dismissed = false;
+    /** When true, panel will be hidden */
+    this.closed = false;
     /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+     *  When true, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
-     * Displays a close button in the trailing side of the header.
+     * When true, a close button is added to the component.
+     *
+     * @deprecated use closable instead
      */
     this.dismissible = false;
+    /** When true, displays a close button in the trailing side of the header */
+    this.closable = false;
     /**
-     * Shows a back button in the header.
+     * When true, displays a back button in the header.
      */
     this.showBackButton = 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;
     /**
-     * Opens the action menu.
+     * When true, the action menu items in the `header-menu-actions` slot are open.
      */
     this.menuOpen = false;
     this.resizeObserver = createObserver("resize", () => this.resizeHandler());
@@ -83,6 +91,7 @@ export class Panel {
     };
     this.dismiss = () => {
       this.dismissed = true;
+      this.closed = true;
       this.calcitePanelDismiss.emit();
     };
     this.panelScrollHandler = () => {
@@ -148,7 +157,7 @@ export class Panel {
     (_c = this.containerEl) === null || _c === void 0 ? void 0 : _c.focus();
   }
   /**
-   * Scrolls panel content to a particular set of coordinates.
+   * Scrolls the component's content to a specified set of coordinates.
    *
    * ```
    *   myCalcitePanel.scrollContentTo({
@@ -178,12 +187,12 @@ export class Panel {
     return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS.backButton, icon: icon, key: "back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "s", slot: SLOTS.headerActionsStart, text: label })) : null;
   }
   renderHeaderContent() {
-    const { heading, headingLevel, summary } = this;
+    const { heading, headingLevel, summary, description } = this;
     const headingNode = heading ? (h(Heading, { class: CSS.heading, level: headingLevel || HEADING_LEVEL }, heading)) : null;
-    const summaryNode = summary ? h("span", { class: CSS.summary }, summary) : null;
-    return headingNode || summaryNode ? (h("div", { class: CSS.headerContent, key: "header-content" },
+    const descriptionNode = description || summary ? h("span", { class: CSS.description }, description || summary) : null;
+    return headingNode || descriptionNode ? (h("div", { class: CSS.headerContent, key: "header-content" },
       headingNode,
-      summaryNode)) : null;
+      descriptionNode)) : null;
   }
   /**
    * Allows user to override the entire header-content node.
@@ -199,9 +208,9 @@ export class Panel {
       h("slot", { name: SLOTS.headerActionsStart }))) : null;
   }
   renderHeaderActionsEnd() {
-    const { dismiss, dismissible, el, intlClose } = this;
+    const { dismiss, dismissible, el, intlClose, closable } = this;
     const text = intlClose || TEXT.close;
-    const dismissibleNode = dismissible ? (h("calcite-action", { "aria-label": text, icon: ICONS.close, onClick: dismiss, ref: this.setDismissRef, text: text })) : null;
+    const dismissibleNode = closable || dismissible ? (h("calcite-action", { "aria-label": text, icon: ICONS.close, onClick: dismiss, ref: this.setDismissRef, text: text })) : null;
     const slotNode = h("slot", { name: SLOTS.headerActionsEnd });
     const hasEndActions = getSlotted(el, SLOTS.headerActionsEnd);
     return hasEndActions || dismissibleNode ? (h("div", { class: { [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }, key: "header-actions-end" },
@@ -258,8 +267,8 @@ export class Panel {
       h("slot", { name: SLOTS.fab })));
   }
   render() {
-    const { dismissed, dismissible, loading, panelKeyDownHandler } = this;
-    const panelNode = (h("article", { "aria-busy": toAriaBoolean(loading), class: CSS.container, hidden: dismissible && dismissed, onKeyDown: panelKeyDownHandler, ref: this.setContainerRef, tabIndex: dismissible ? 0 : -1 },
+    const { dismissed, dismissible, loading, panelKeyDownHandler, closed, closable } = this;
+    const panelNode = (h("article", { "aria-busy": toAriaBoolean(loading), class: CSS.container, hidden: (closable || dismissible) && (closed || dismissed), onKeyDown: panelKeyDownHandler, ref: this.setContainerRef, tabIndex: closable || dismissible ? 0 : -1 },
       this.renderHeaderNode(),
       this.renderContent(),
       this.renderFooterNode()));
@@ -287,13 +296,34 @@ export class Panel {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Hides the panel."
+        "tags": [{
+            "name": "deprecated",
+            "text": "use closed instead"
+          }],
+        "text": "When true, hides the component."
       },
       "attribute": "dismissed",
       "reflect": true,
       "defaultValue": "false"
     },
+    "closed": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "When true, panel will be hidden"
+      },
+      "attribute": "closed",
+      "reflect": true,
+      "defaultValue": "false"
+    },
     "beforeBack": {
       "type": "unknown",
       "mutable": false,
@@ -325,7 +355,7 @@ export class Panel {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, disabled prevents interaction. This state shows items with lower opacity/grayed."
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -342,13 +372,34 @@ export class Panel {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Displays a close button in the trailing side of the header."
+        "tags": [{
+            "name": "deprecated",
+            "text": "use closable instead"
+          }],
+        "text": "When true, a close button is added to the component."
       },
       "attribute": "dismissible",
       "reflect": true,
       "defaultValue": "false"
     },
+    "closable": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "When true, displays a close button in the trailing side of the header"
+      },
+      "attribute": "closable",
+      "reflect": true,
+      "defaultValue": "false"
+    },
     "headingLevel": {
       "type": "number",
       "mutable": false,
@@ -366,7 +417,7 @@ export class Panel {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Number at which section headings should start for this component."
+        "text": "Specifies the number at which section headings should start."
       },
       "attribute": "heading-level",
       "reflect": false
@@ -383,7 +434,7 @@ export class Panel {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Shows a back button in the header."
+        "text": "When true, displays a back button in the header."
       },
       "attribute": "show-back-button",
       "reflect": true,
@@ -401,7 +452,7 @@ export class Panel {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "'Back' text string."
+        "text": "Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true."
       },
       "attribute": "intl-back",
       "reflect": false
@@ -423,7 +474,7 @@ export class Panel {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "Specifies the maximum height of the panel."
+        "text": "Specifies the maximum height of the component."
       },
       "attribute": "height-scale",
       "reflect": true
@@ -445,7 +496,7 @@ export class Panel {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "This sets width of the panel."
+        "text": "Specifies the width of the component."
       },
       "attribute": "width-scale",
       "reflect": true
@@ -462,7 +513,7 @@ export class Panel {
       "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,
@@ -480,7 +531,7 @@ export class Panel {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "'Close' text string for the close button. The close button will only be shown when 'dismissible' is true."
+        "text": "Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true."
       },
       "attribute": "intl-close",
       "reflect": false
@@ -497,7 +548,7 @@ export class Panel {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "'Options' text string for the actions menu."
+        "text": "Accessible name for the component's actions menu."
       },
       "attribute": "intl-options",
       "reflect": false
@@ -514,7 +565,7 @@ export class Panel {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "Heading text."
+        "text": "The component header text."
       },
       "attribute": "heading",
       "reflect": false
@@ -530,12 +581,32 @@ export class Panel {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "deprecated",
+            "text": "use description instead"
+          }],
         "text": "Summary text. A description displayed underneath the heading."
       },
       "attribute": "summary",
       "reflect": false
     },
+    "description": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "A description for the component."
+      },
+      "attribute": "description",
+      "reflect": false
+    },
     "menuOpen": {
       "type": "boolean",
       "mutable": false,
@@ -548,7 +619,7 @@ export class Panel {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Opens the action menu."
+        "text": "When true, the action menu items in the `header-menu-actions` slot are open."
       },
       "attribute": "menu-open",
       "reflect": true,
@@ -563,7 +634,7 @@ export class Panel {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the close button has been clicked."
+        "text": "Fires when the close button is clicked."
       },
       "complexType": {
         "original": "any",
@@ -581,7 +652,7 @@ export class Panel {
             "name": "deprecated",
             "text": "use calcitePanelDismiss instead."
           }],
-        "text": "Emitted when the close button has been clicked."
+        "text": "Fires when the close button is clicked."
       },
       "complexType": {
         "original": "any",
@@ -596,7 +667,7 @@ export class Panel {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the content has been scrolled."
+        "text": "Fires when the content is scrolled."
       },
       "complexType": {
         "original": "any",
@@ -611,7 +682,7 @@ export class Panel {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the back button has been clicked."
+        "text": "Fires when the back button is clicked."
       },
       "complexType": {
         "original": "any",
@@ -666,7 +737,7 @@ export class Panel {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Scrolls panel content to a particular set of coordinates.\n\n```\n  myCalcitePanel.scrollContentTo({\n    left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n    top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n    behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n  });\n```",
+        "text": "Scrolls the component's content to a specified set of coordinates.\n\n```\n  myCalcitePanel.scrollContentTo({\n    left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n    top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n    behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n  });\n```",
         "tags": [{
             "name": "param",
             "text": "options"
@@ -678,5 +749,8 @@ export class Panel {
   static get watchers() { return [{
       "propName": "dismissed",
       "methodName": "dismissedHandler"
+    }, {
+      "propName": "closed",
+      "methodName": "dismissedHandler"
     }]; }
 }

package/dist/collection/components/panel/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.86
  */
 export const CSS = {
   backButton: "back-button",
@@ -9,6 +9,7 @@ export const CSS = {
   header: "header",
   heading: "heading",
   summary: "summary",
+  description: "description",
   headerContent: "header-content",
   headerActions: "header-actions",
   headerActionsEnd: "header-actions--end",

package/dist/collection/components/pick-list/pick-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.86
  */
 import { Component, Element, Event, Listen, Method, Prop, State, h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";
@@ -10,8 +10,8 @@ import List from "./shared-list-render";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
 /**
- * @slot - A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list.
- * @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting.
+ * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list.
+ * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.
  */
 export class PickList {
   constructor() {
@@ -21,7 +21,7 @@ export class PickList {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+     * When true, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
@@ -29,18 +29,18 @@ export class PickList {
      */
     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;
     /**
-     * Multiple works similar to standard radio buttons and checkboxes.
-     * When true, a user can select multiple items at a time.
-     * When false, only a single item can be selected at a time
-     * and selecting a new item will deselect any other selected items.
+     * Similar to standard radio buttons and checkboxes.
+     * When true, a user can select multiple `calcite-pick-list-item`s at a time.
+     * When false, only a single `calcite-pick-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 will change when navigating items via the keyboard.
+     * When true and single-selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
      */
     this.selectionFollowsFocus = false;
     // --------------------------------------------------------------------------
@@ -112,7 +112,7 @@ export class PickList {
   //  Public Methods
   //
   // --------------------------------------------------------------------------
-  /** Returns the currently selected items */
+  /** Returns the component's selected `calcite-pick-list-item`s. */
   async getSelectedItems() {
     return this.selectedValues;
   }
@@ -156,7 +156,7 @@ export class PickList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, disabled prevents interaction. This state shows items with lower opacity/grayed."
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -214,7 +214,7 @@ export class PickList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Number at which section headings should start for this component."
+        "text": "Specifies the number at which section headings should start."
       },
       "attribute": "heading-level",
       "reflect": false
@@ -231,7 +231,7 @@ export class PickList {
       "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,
@@ -249,7 +249,7 @@ export class PickList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Multiple works similar to standard radio buttons and checkboxes.\nWhen true, a user can select multiple items at a time.\nWhen false, only a single item can be selected at a time\nand selecting a new item will deselect any other selected items."
+        "text": "Similar to standard radio buttons and checkboxes.\nWhen true, a user can select multiple `calcite-pick-list-item`s at a time.\nWhen false, only a single `calcite-pick-list-item` can be selected at a time,\nand a new selection will deselect previous selections."
       },
       "attribute": "multiple",
       "reflect": true,
@@ -267,7 +267,7 @@ export class PickList {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true and single-selection is enabled, the selection will change when navigating items via the keyboard."
+        "text": "When true and single-selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard."
       },
       "attribute": "selection-follows-focus",
       "reflect": false,
@@ -286,7 +286,7 @@ export class PickList {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when any of the item selections have changed."
+        "text": "Emits when any of the `calcite-pick-list-item` selections have changed."
       },
       "complexType": {
         "original": "Map<string, HTMLCalcitePickListItemElement>",
@@ -320,7 +320,7 @@ export class PickList {
         "return": "Promise<Map<string, HTMLCalcitePickListItemElement>>"
       },
       "docs": {
-        "text": "Returns the currently selected items",
+        "text": "Returns the component's selected `calcite-pick-list-item`s.",
         "tags": []
       }
     },

package/dist/collection/components/pick-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.86
  */
 export const CSS = {
   sticky: "sticky-pos"

package/dist/collection/components/pick-list/shared-list-logic.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.86
  */
 import { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";
@@ -130,6 +130,10 @@ export function moveItemIndex(list, item, direction) {
   }
   return index;
 }
+export function getItemIndex(list, item) {
+  const { items } = list;
+  return items.indexOf(item);
+}
 function filterOutDisabled(items) {
   return items.filter((item) => !item.disabled);
 }

package/dist/collection/components/pick-list/shared-list-render.js

@@ -1,27 +1,16 @@
 /*!
  * 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.86
  */
-var __rest = (this && this.__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;
-};
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";
 import { CSS, SLOTS } from "./resources";
-export const List = (_a) => {
-  var { props: { disabled, loading, filterEnabled, dataForFilter, handleFilter, filterPlaceholder, setFilterEl } } = _a, rest = __rest(_a, ["props"]);
+export const List = ({ props: { disabled, loading, filterEnabled, dataForFilter, handleFilter, filterPlaceholder, setFilterEl, dragEnabled, storeAssistiveEl }, ...rest }) => {
   const defaultSlot = h("slot", null);
-  return (h(Host, Object.assign({ "aria-busy": toAriaBoolean(loading), role: "menu" }, rest),
+  return (h(Host, { "aria-busy": toAriaBoolean(loading), role: "menu", ...rest },
     h("section", null,
+      dragEnabled ? (h("span", { "aria-live": "assertive", class: "assistive-text", ref: storeAssistiveEl })) : null,
       h("header", { class: { [CSS.sticky]: true } },
         filterEnabled ? (h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: handleFilter, placeholder: filterPlaceholder, ref: setFilterEl })) : null,
         h("slot", { name: SLOTS.menuActions })),

package/dist/collection/components/pick-list-group/pick-list-group.css

@@ -130,7 +130,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/pick-list-group/pick-list-group.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.86
  */
 import { Component, Element, Prop, h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";
@@ -68,7 +68,7 @@ export class PickListGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The title used for all nested `calcite-pick-list` rows."
+        "text": "Specifies the title for all nested `calcite-pick-list-item`s."
       },
       "attribute": "group-title",
       "reflect": true
@@ -90,7 +90,7 @@ export class PickListGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Number at which section headings should start for this component."
+        "text": "Specifies the number at which section headings should start."
       },
       "attribute": "heading-level",
       "reflect": false

package/dist/collection/components/pick-list-group/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.86
  */
 export const CSS = {
   heading: "heading",

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

@@ -119,7 +119,8 @@
   background-color: var(--calcite-ui-foreground-1);
 }
 
-:host([non-interactive]) .label, :host([non-interactive]) .icon{
+:host([non-interactive]) .label, 
+:host([non-interactive]) .icon{
   pointer-events: none;
 }