@esri/calcite-components 1.0.0-next.553 → 1.0.0-next.556

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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Prop, h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

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-next.553
+ * v1.0.0-next.556
  */
 export const CSS = {
   heading: "heading",

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

@@ -76,7 +76,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host([disabled]){

package/dist/collection/components/pick-list-item/pick-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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, Fragment, h, Method, Prop, Watch } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/pick-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-next.553
+ * v1.0.0-next.556
  */
 export const CSS = {
   actions: "actions",

package/dist/collection/components/popover/PopoverManager.js

@@ -1,8 +1,9 @@
 /*!
  * 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-next.553
+ * v1.0.0-next.556
  */
+import { isActivationKey } from "../../utils/key";
 export default class PopoverManager {
   constructor() {
     // --------------------------------------------------------------------------
@@ -34,7 +35,7 @@ export default class PopoverManager {
         .forEach((popover) => popover.toggle(false));
     };
     this.keyHandler = (event) => {
-      if (event.key !== "Enter" && event.key !== " ") {
+      if (!isActivationKey(event.key)) {
         return;
       }
       this.togglePopovers(event);

package/dist/collection/components/popover/popover.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {

package/dist/collection/components/popover/popover.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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, forceUpdate, Host, Method, Prop, State, Watch, h } from "@stencil/core";
 import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, HEADING_LEVEL, TEXT, defaultPopoverPlacement } from "./resources";

package/dist/collection/components/popover/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-next.553
+ * v1.0.0-next.556
  */
 export const CSS = {
   container: "container",

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

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {

package/dist/collection/components/popover-manager/popover-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-next.553
+ * v1.0.0-next.556
  */
 import { Component, h, Prop, Element, Watch } from "@stencil/core";
 import { createObserver } from "../../utils/observers";

package/dist/collection/components/progress/progress.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {

package/dist/collection/components/progress/progress.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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, h, Prop } from "@stencil/core";
 export class Progress {

package/dist/collection/components/radio-button/radio-button.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host([disabled]) {

package/dist/collection/components/radio-button/radio-button.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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -18,27 +18,27 @@ export class RadioButton {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** The checked state of the radio button. */
+    /** When true, the component is checked. */
     this.checked = false;
-    /** The disabled state of the radio button. */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /**
-     * The focused state of the radio button.
+     * The focused state of the component.
      *
      * @internal
      */
     this.focused = false;
-    /** The radio button's hidden status.  When a radio button is hidden it is not focusable or checkable. */
+    /** When true, the component is not displayed and is not focusable or checkable. */
     this.hidden = false;
     /**
-     * The hovered state of the radio button.
+     * The hovered state of the component.
      *
      * @internal
      */
     this.hovered = false;
-    /** Requires that a value is selected for the radio button group before the parent form will submit. */
+    /** When true, the component must have a value selected from the `calcite-radio-button-group` on form submission. */
     this.required = false;
-    /** The scale (size) of the radio button. `scale` is passed as a property automatically from `calcite-radio-button-group`. */
+    /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */
     this.scale = "m";
     //--------------------------------------------------------------------------
     //
@@ -73,7 +73,7 @@ export class RadioButton {
     };
     this.handleKeyDown = (event) => {
       const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
-      const key = event.key;
+      const { key } = event;
       const { el } = this;
       if (keys.indexOf(key) === -1) {
         return;
@@ -273,7 +273,7 @@ export class RadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The checked state of the radio button."
+        "text": "When true, the component is checked."
       },
       "attribute": "checked",
       "reflect": true,
@@ -291,7 +291,7 @@ export class RadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The disabled state of the radio button."
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -312,7 +312,7 @@ export class RadioButton {
             "name": "internal",
             "text": undefined
           }],
-        "text": "The focused state of the radio button."
+        "text": "The focused state of the component."
       },
       "attribute": "focused",
       "reflect": true,
@@ -330,7 +330,7 @@ export class RadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The id attribute of the radio button.  When omitted, a globally unique identifier is used."
+        "text": "The id attribute of the component. When omitted, a globally unique identifier is used."
       },
       "attribute": "guid",
       "reflect": true
@@ -347,7 +347,7 @@ export class RadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The radio button's hidden status.  When a radio button is hidden it is not focusable or checkable."
+        "text": "When true, the component is not displayed and is not focusable or checkable."
       },
       "attribute": "hidden",
       "reflect": true,
@@ -368,7 +368,7 @@ export class RadioButton {
             "name": "internal",
             "text": undefined
           }],
-        "text": "The hovered state of the radio button."
+        "text": "The hovered state of the component."
       },
       "attribute": "hovered",
       "reflect": true,
@@ -389,7 +389,7 @@ export class RadioButton {
             "name": "internal",
             "text": undefined
           }],
-        "text": "The label of the radio input"
+        "text": "Accessible name for the component."
       },
       "attribute": "label",
       "reflect": false
@@ -406,7 +406,7 @@ export class RadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The name of the radio button. `name` is passed as a property automatically from `calcite-radio-button-group`."
+        "text": "Specifies the name of the component, passed from the `calcite-radio-button-group` on form submission."
       },
       "attribute": "name",
       "reflect": true
@@ -423,7 +423,7 @@ export class RadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Requires that a value is selected for the radio button group before the parent form will submit."
+        "text": "When true, the component must have a value selected from the `calcite-radio-button-group` on form submission."
       },
       "attribute": "required",
       "reflect": true,
@@ -446,7 +446,7 @@ export class RadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The scale (size) of the radio button. `scale` is passed as a property automatically from `calcite-radio-button-group`."
+        "text": "Specifies the size of the component inherited from the `calcite-radio-button-group`."
       },
       "attribute": "scale",
       "reflect": true,
@@ -464,7 +464,7 @@ export class RadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The value of the radio button."
+        "text": "The component's value."
       },
       "attribute": "value",
       "reflect": false

package/dist/collection/components/radio-button/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-next.553
+ * v1.0.0-next.556
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/radio-button-group/radio-button-group.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {

package/dist/collection/components/radio-button-group/radio-button-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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Host, h, Element, Prop, Watch, Event, Listen } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
@@ -15,15 +15,15 @@ export class RadioButtonGroup {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** The disabled state of the radio button group. */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** The radio button group's hidden status.  When a radio button group is hidden none of its options are focusable or checkable. */
+    /** When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. */
     this.hidden = false;
-    /** The layout direction of the radio buttons in a group. */
+    /** Defines the layout of the component. */
     this.layout = "horizontal";
-    /** Requires that a value is selected for the radio button group before the parent form will submit. */
+    /** When true, the component must have a value on form submission. */
     this.required = false;
-    /** The scale (size) of the radio button group. */
+    /** Specifies the size of the component. */
     this.scale = "m";
     // --------------------------------------------------------------------------
     //
@@ -113,7 +113,7 @@ export class RadioButtonGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The disabled state of the radio button group."
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -131,7 +131,7 @@ export class RadioButtonGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The radio button group's hidden status.  When a radio button group is hidden none of its options are focusable or checkable."
+        "text": "When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable."
       },
       "attribute": "hidden",
       "reflect": true,
@@ -154,7 +154,7 @@ export class RadioButtonGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The layout direction of the radio buttons in a group."
+        "text": "Defines the layout of the component."
       },
       "attribute": "layout",
       "reflect": true,
@@ -172,7 +172,7 @@ export class RadioButtonGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The name of the radio button group. `name` must be unique to other radio button group instances."
+        "text": "Specifies the name of the component on form submission. Must be unique to other component instances."
       },
       "attribute": "name",
       "reflect": true
@@ -189,7 +189,7 @@ export class RadioButtonGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Requires that a value is selected for the radio button group before the parent form will submit."
+        "text": "When true, the component must have a value on form submission."
       },
       "attribute": "required",
       "reflect": true,
@@ -212,7 +212,7 @@ export class RadioButtonGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The scale (size) of the radio button group."
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -227,7 +227,7 @@ export class RadioButtonGroup {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the radio button group has changed."
+        "text": "Fires when the component has changed."
       },
       "complexType": {
         "original": "void",

package/dist/collection/components/radio-group/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-next.553
+ * v1.0.0-next.556
  */
 export {};

package/dist/collection/components/radio-group/radio-group.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host([disabled]) {

package/dist/collection/components/radio-group/radio-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-next.553
+ * v1.0.0-next.556
  */
 import { Build, Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -18,23 +18,23 @@ export class RadioGroup {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** specify the appearance style of the radio group, defaults to solid. */
+    /** Specifies the appearance style of the component. */
     this.appearance = "solid";
-    /** is the radio group disabled  */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /**
-     * When true, makes the component required for form-submission.
+     * When true, the component must have a value on form submission.
      *
      * @internal
      */
     this.required = false;
-    /** specify the layout of the radio group, defaults to horizontal */
+    /** Defines the layout of the component. */
     this.layout = "horizontal";
-    /** The scale of the radio group */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** The value of the selectedItem */
+    /** The component's "selectedItem" value. */
     this.value = null;
-    /** specify the width of the group, defaults to auto */
+    /** Specifies the width of the component. */
     this.width = "auto";
     //--------------------------------------------------------------------------
     //
@@ -110,7 +110,7 @@ export class RadioGroup {
   }
   handleKeyDown(event) {
     const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
-    const key = event.key;
+    const { key } = event;
     const { el, selectedItem } = this;
     if (keys.indexOf(key) === -1) {
       return;
@@ -223,7 +223,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the appearance style of the radio group, defaults to solid."
+        "text": "Specifies the appearance style of the component."
       },
       "attribute": "appearance",
       "reflect": true,
@@ -241,7 +241,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "is the radio group disabled"
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -262,7 +262,7 @@ export class RadioGroup {
             "name": "internal",
             "text": undefined
           }],
-        "text": "When true, makes the component required for form-submission."
+        "text": "When true, the component must have a value on form submission."
       },
       "attribute": "required",
       "reflect": true,
@@ -285,7 +285,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the layout of the radio group, defaults to horizontal"
+        "text": "Defines the layout of the component."
       },
       "attribute": "layout",
       "reflect": true,
@@ -303,7 +303,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The group's name. Gets submitted with the form."
+        "text": "Specifies the name of the component on form submission."
       },
       "attribute": "name",
       "reflect": false
@@ -325,7 +325,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The scale of the radio group"
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -343,7 +343,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The value of the selectedItem"
+        "text": "The component's \"selectedItem\" value."
       },
       "attribute": "value",
       "reflect": false,
@@ -368,7 +368,7 @@ export class RadioGroup {
             "name": "readonly",
             "text": undefined
           }],
-        "text": "The group's selected item."
+        "text": "The component's selected item `HTMLElement`."
       }
     },
     "width": {
@@ -391,7 +391,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the width of the group, defaults to auto"
+        "text": "Specifies the width of the component."
       },
       "attribute": "width",
       "reflect": true,
@@ -406,7 +406,7 @@ export class RadioGroup {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Fired when the selected option changes, event detail is the new value"
+        "text": "Fires when the selected option changes, where the event detail is the new value."
       },
       "complexType": {
         "original": "string",

package/dist/collection/components/radio-group-item/radio-group-item.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {

package/dist/collection/components/radio-group-item/radio-group-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-next.553
+ * v1.0.0-next.556
  */
 import { Component, h, Prop, Element, Event, Host, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -13,11 +13,11 @@ export class RadioGroupItem {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Indicates whether the control is checked. */
+    /** When true, the component is checked. */
     this.checked = false;
-    /** flip the icon in rtl */
+    /** When true, the icon will be flipped when the element direction is right-to-left ("rtl"). */
     this.iconFlipRtl = false;
-    /** optionally used with icon, select where to position the icon */
+    /** When used with "icon", specifies its position. */
     this.iconPosition = "start";
   }
   handleCheckedChange() {
@@ -63,7 +63,7 @@ export class RadioGroupItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Indicates whether the control is checked."
+        "text": "When true, the component is checked."
       },
       "attribute": "checked",
       "reflect": true,
@@ -81,7 +81,7 @@ export class RadioGroupItem {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally pass an icon to display - accepts Calcite UI icon names"
+        "text": "Specifies an icon to display - accepts Calcite UI icon names."
       },
       "attribute": "icon",
       "reflect": true
@@ -98,7 +98,7 @@ export class RadioGroupItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "flip the icon in rtl"
+        "text": "When true, the icon will be flipped when the element direction is right-to-left (\"rtl\")."
       },
       "attribute": "icon-flip-rtl",
       "reflect": true,
@@ -121,7 +121,7 @@ export class RadioGroupItem {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally used with icon, select where to position the icon"
+        "text": "When used with \"icon\", specifies its position."
       },
       "attribute": "icon-position",
       "reflect": true,
@@ -139,7 +139,7 @@ export class RadioGroupItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The control's value."
+        "text": "The component's value."
       },
       "attribute": "value",
       "reflect": false